mhz-ui 1.3.21 → 1.3.23

package/dist/UiField/UiField.css

@@ -1 +1 @@
-._field_1yogc_1{display:flex;flex-grow:1;flex-direction:column;gap:4px;width:100%}._error_1yogc_9{color:var(--color-error)}.dark ._label_1yogc_13{color:var(--color-white)}
+._field_1yogc_1{flex-direction:column;flex-grow:1;gap:4px;width:100%;display:flex}._error_1yogc_9{color:var(--color-error)}.dark ._label_1yogc_13{color:var(--color-white)}

package/dist/UiField/UiField.js

@@ -1,43 +1,30 @@
 import "./UiField.css";
-import { defineComponent as c, createElementBlock as o, openBlock as s, normalizeClass as r, createElementVNode as t, createCommentVNode as n, toDisplayString as a, renderSlot as d } from "vue";
-import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const _ = /* @__PURE__ */ c({
-  __name: "UiField",
-  props: {
-    label: {},
-    error: { type: [String, Boolean] },
-    isRequired: { type: Boolean }
-  },
-  setup(i) {
-    const l = i;
-    return (e, $) => (s(), o("div", {
-      class: r(e.$style.field)
-    }, [
-      t("label", null, [
-        t("span", {
-          class: r(e.$style.label)
-        }, a(l.label), 3),
-        l.isRequired ? (s(), o("span", {
-          key: 0,
-          class: r(e.$style.error)
-        }, "*", 2)) : n("", !0)
-      ]),
-      t("div", null, [
-        d(e.$slots, "default")
-      ]),
-      l.error ? (s(), o("div", {
-        key: 0,
-        class: r(e.$style.error)
-      }, a(l.error), 3)) : n("", !0)
-    ], 2));
-  }
-}), y = "_field_1yogc_1", u = "_error_1yogc_9", m = "_label_1yogc_13", f = {
-  field: y,
-  error: u,
-  label: m
-}, b = {
-  $style: f
-}, B = /* @__PURE__ */ p(_, [["__cssModules", b]]);
-export {
-  B as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString } from "vue";
+var UiField_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiField",
+	props: {
+		label: {},
+		error: { type: [String, Boolean] },
+		isRequired: { type: Boolean }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (openBlock(), createElementBlock("div", { class: normalizeClass(e.$style.field) }, [
+			createElementVNode("label", null, [createElementVNode("span", { class: normalizeClass(e.$style.label) }, toDisplayString(t.label), 3), t.isRequired ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass(e.$style.error)
+			}, "*", 2)) : createCommentVNode("", !0)]),
+			createElementVNode("div", null, [renderSlot(e.$slots, "default")]),
+			t.error ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(e.$style.error)
+			}, toDisplayString(t.error), 3)) : createCommentVNode("", !0)
+		], 2));
+	}
+}), [["__cssModules", { $style: {
+	field: "_field_1yogc_1",
+	error: "_error_1yogc_9",
+	label: "_label_1yogc_13"
+} }]]);
+export { UiField_default as default };

package/dist/UiFlex/UiFlex.css

@@ -1 +1 @@
-._flex_qq3eu_1{display:flex;flex-direction:var(--bd0c91ae);flex-wrap:var(--v45af6241);gap:var(--v78b561f9);align-items:var(--v0f8a4d32);justify-content:var(--a3abe380)}.dark ._flex_qq3eu_1{color:var(--color-white)}
+._flex_qq3eu_1{flex-direction:var(--bd0c91ae);flex-wrap:var(--v45af6241);gap:var(--v78b561f9);align-items:var(--v0f8a4d32);justify-content:var(--a3abe380);display:flex}.dark ._flex_qq3eu_1{color:var(--color-white)}

package/dist/UiFlex/UiFlex.js

@@ -1,44 +1,43 @@
 import "./UiFlex.css";
-import { defineComponent as p, useCssVars as d, computed as t, createBlock as r, openBlock as f, resolveDynamicComponent as m, normalizeClass as i, withCtx as _, renderSlot as g } from "vue";
-import { _ as y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = "div", C = "normal", v = "normal", w = "8", A = /* @__PURE__ */ p({
-  __name: "UiFlex",
-  props: {
-    tag: { default: x },
-    column: { type: Boolean },
-    align: { default: C },
-    justify: { default: v },
-    wrap: { type: Boolean },
-    gap: { default: w }
-  },
-  setup(o) {
-    d((e) => ({
-      bd0c91ae: s.value,
-      v45af6241: u.value,
-      v78b561f9: c.value,
-      v0f8a4d32: l.value,
-      a3abe380: n.value
-    }));
-    const a = o, s = t(() => a.column ? "column" : "row"), l = t(() => a.align), n = t(() => a.justify), u = t(() => a.wrap ? "wrap" : "nowrap"), c = t(() => a.gap ? `${a.gap}px` : "0");
-    return (e, D) => (f(), r(m(a.tag), {
-      class: i(e.$style.flex),
-      "data-column": a.column,
-      "data-align": a.align,
-      "data-justify": a.justify,
-      "data-wrap": a.wrap,
-      "data-gap": a.gap
-    }, {
-      default: _(() => [
-        g(e.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "data-column", "data-align", "data-justify", "data-wrap", "data-gap"]));
-  }
-}), F = "_flex_qq3eu_1", U = {
-  flex: F
-}, j = {
-  $style: U
-}, B = /* @__PURE__ */ y(A, [["__cssModules", j]]);
-export {
-  B as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, useCssVars, withCtx } from "vue";
+var UiFlex_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiFlex",
+	props: {
+		tag: { default: "div" },
+		column: { type: Boolean },
+		align: { default: "normal" },
+		justify: { default: "normal" },
+		wrap: { type: Boolean },
+		gap: { default: "8" }
+	},
+	setup(e) {
+		useCssVars((e) => ({
+			bd0c91ae: r.value,
+			v45af6241: o.value,
+			v78b561f9: s.value,
+			v0f8a4d32: i.value,
+			a3abe380: a.value
+		}));
+		let n = e, r = computed(() => n.column ? "column" : "row"), i = computed(() => n.align), a = computed(() => n.justify), o = computed(() => n.wrap ? "wrap" : "nowrap"), s = computed(() => n.gap ? `${n.gap}px` : "0");
+		return (e, t) => (openBlock(), createBlock(resolveDynamicComponent(n.tag), {
+			class: normalizeClass(e.$style.flex),
+			"data-column": n.column,
+			"data-align": n.align,
+			"data-justify": n.justify,
+			"data-wrap": n.wrap,
+			"data-gap": n.gap
+		}, {
+			default: withCtx(() => [renderSlot(e.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"data-column",
+			"data-align",
+			"data-justify",
+			"data-wrap",
+			"data-gap"
+		]));
+	}
+}), [["__cssModules", { $style: { flex: "_flex_qq3eu_1" } }]]);
+export { UiFlex_default as default };

package/dist/UiInput/UiInput.css

@@ -1 +1 @@
-._inputBlock_1ijjn_1{position:relative;display:flex;width:100%;border-radius:16px}._inputBlock_1ijjn_1[data-mode=select]{cursor:pointer}._inputBlock_1ijjn_1[data-mode=select]:hover ._input_1ijjn_1{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1{width:100%;height:40px;padding:0 16px;font-size:1rem;outline:none;border:1px solid var(--color-gray);border-radius:16px}._input_1ijjn_1:hover{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1:focus{border:1px solid var(--color-primary)}._input_1ijjn_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1ijjn_1::placeholder{color:var(--color-gray-dark-extra)}._input_1ijjn_1[data-mode=select]{pointer-events:none}._input_1ijjn_1[data-append-icon=true]{padding-right:40px}._input_1ijjn_1[data-center=true]{text-align:center}._icon_1ijjn_47{position:absolute;top:calc(50% - 8px);right:12px;color:var(--color-gray-dark);cursor:pointer}._icon_1ijjn_47[data-password=true]{top:calc(50% - 12px);width:24px;height:24px}.dark ._input_1ijjn_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._icon_1ijjn_47{color:var(--color-gray-dark-extra)}
+._inputBlock_1ijjn_1{border-radius:16px;width:100%;display:flex;position:relative}._inputBlock_1ijjn_1[data-mode=select]{cursor:pointer}._inputBlock_1ijjn_1[data-mode=select]:hover ._input_1ijjn_1{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1{border:1px solid var(--color-gray);border-radius:16px;outline:none;width:100%;height:40px;padding:0 16px;font-size:1rem}._input_1ijjn_1:hover{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1:focus{border:1px solid var(--color-primary)}._input_1ijjn_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1ijjn_1::placeholder{color:var(--color-gray-dark-extra)}._input_1ijjn_1[data-mode=select]{pointer-events:none}._input_1ijjn_1[data-append-icon=true]{padding-right:40px}._input_1ijjn_1[data-center=true]{text-align:center}._icon_1ijjn_47{color:var(--color-gray-dark);cursor:pointer;position:absolute;top:calc(50% - 8px);right:12px}._icon_1ijjn_47[data-password=true]{width:24px;height:24px;top:calc(50% - 12px)}.dark ._input_1ijjn_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._icon_1ijjn_47{color:var(--color-gray-dark-extra)}

package/dist/UiInput/UiInput.js

@@ -1,126 +1,3 @@
 import "./UiInput.css";
-import { createElementBlock as d, openBlock as a, createElementVNode as n, defineComponent as h, ref as p, computed as C, onMounted as g, nextTick as _, normalizeClass as m, withKeys as z, createBlock as k, createCommentVNode as x, mergeProps as B, resolveDynamicComponent as M } from "vue";
-import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const I = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none"
-};
-function P(i, t) {
-  return a(), d("svg", I, [...t[0] || (t[0] = [
-    n("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M11.5 11.5v-1c.25.005 2.485-.016 2.734-.031q.65-.086.735-.735.03-4 0-8-.086-.648-.735-.734-4-.03-8 0-.648.086-.734.734c-.016.25-.005 1.516 0 1.766h-1a69 69 0 0 1 0-2.078Q4.773.273 5.922 0q4.313-.03 8.625 0 1.148.273 1.422 1.422.03 4.313 0 8.625-.273 1.148-1.422 1.422c-.354.015-2.693.036-3.047.031",
-      "clip-rule": "evenodd"
-    }, null, -1),
-    n("path", {
-      fill: "currentColor",
-      "fill-rule": "evenodd",
-      d: "M2.5 3.5h1c2.2-.005 4.8-.016 7 0 .923.197 1.285.578 1.5 1.5.016 2.217-.029 5.131-.034 7.348v1.044q.217 1.445-.943 2.298-.36.229-.78.294-4.26.031-8.52 0-1.384-.295-1.707-1.68A666 666 0 0 1 0 5c.215-.922.577-1.303 1.5-1.5.292-.016.707-.005 1 0m-.5 1c2.601-.005 5.399-.016 8 0 .623.06.94.375 1 1 .022 2.608-.07 5.805-.091 8.413q-.09.938-1.024 1.027-3.903.033-7.804 0-.935-.09-1.024-1.027C1.035 11.305.978 8.108 1 5.5c0-.697.383-.93 1-1",
-      "clip-rule": "evenodd"
-    }, null, -1)
-  ])]);
-}
-const $ = { render: P }, V = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none",
-  viewBox: "0 0 24 24"
-};
-function j(i, t) {
-  return a(), d("svg", V, [...t[0] || (t[0] = [
-    n("path", {
-      stroke: "currentColor",
-      "stroke-width": "1.5",
-      d: "M3.275 15.296C2.425 14.192 2 13.639 2 12c0-1.64.425-2.191 1.275-3.296C4.972 6.5 7.818 4 12 4s7.028 2.5 8.725 4.704C21.575 9.81 22 10.361 22 12c0 1.64-.425 2.191-1.275 3.296C19.028 17.5 16.182 20 12 20s-7.028-2.5-8.725-4.704Z"
-    }, null, -1),
-    n("path", {
-      stroke: "currentColor",
-      "stroke-width": "1.5",
-      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-    }, null, -1)
-  ])]);
-}
-const q = { render: j }, S = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none",
-  viewBox: "0 -3 24 24"
-};
-function D(i, t) {
-  return a(), d("svg", S, [...t[0] || (t[0] = [
-    n("path", {
-      fill: "currentColor",
-      d: "M2.69 6.705a.75.75 0 0 0-1.38.59zm12.897 6.624-.274-.698zm-6.546.409a.75.75 0 1 0-1.257-.818zm-2.67 1.353a.75.75 0 1 0 1.258.818zM22.69 7.295a.75.75 0 0 0-1.378-.59zM19 11.13l-.513-.547zm.97 2.03a.75.75 0 1 0 1.06-1.06zM11.25 16.5a.75.75 0 0 0 1.5 0zm5.121-.591a.75.75 0 1 0 1.258-.818zm-10.84-4.25A.75.75 0 0 0 4.47 10.6zm-2.561.44a.75.75 0 0 0 1.06 1.06zM12 13.25c-3.224 0-5.539-1.605-7.075-3.26a13.6 13.6 0 0 1-1.702-2.28 12 12 0 0 1-.507-.946l-.022-.049-.004-.01-.001-.001L2 7l-.69.296h.001l.001.003.003.006.04.088q.039.088.117.243c.103.206.256.496.462.841.41.69 1.035 1.61 1.891 2.533C5.54 12.855 8.224 14.75 12 14.75zm3.313-.62c-.97.383-2.071.62-3.313.62v1.5c1.438 0 2.725-.276 3.862-.723zm-7.529.29L6.371 15.09l1.258.818 1.412-2.171zM22 7l-.69-.296h.001v.002l-.007.013-.028.062a12.349 12.349 0 0 1-.64 1.162 13.3 13.3 0 0 1-2.15 2.639l1.027 1.094a14.8 14.8 0 0 0 3.122-4.26l.039-.085.01-.024.004-.007v-.003h.001v-.001zm-3.513 3.582c-.86.806-1.913 1.552-3.174 2.049l.549 1.396c1.473-.58 2.685-1.444 3.651-2.351zm-.017 1.077 1.5 1.5 1.06-1.06-1.5-1.5zM11.25 14v2.5h1.5V14zm3.709-.262 1.412 2.171 1.258-.818-1.413-2.171zm-10.49-3.14-1.5 1.5L4.03 13.16l1.5-1.5z"
-    }, null, -1)
-  ])]);
-}
-const F = { render: D }, L = ["data-mode", "tabindex"], N = ["value", "disabled", "type", "data-mode", "data-center", "data-append-icon", "tabindex"], A = /* @__PURE__ */ h({
-  __name: "UiInput",
-  props: {
-    modelValue: { type: [String, Number, Boolean, null], default: "" },
-    type: { default: "text" },
-    isDisabled: { type: Boolean },
-    mode: { default: "default" },
-    appendIcon: { type: [Function, Object], default: void 0 },
-    isFocus: { type: Boolean },
-    isCenter: { type: Boolean },
-    isCopy: { type: Boolean },
-    isPassword: { type: Boolean }
-  },
-  emits: ["update:modelValue", "toggle"],
-  setup(i, { emit: t, attrs: w }) {
-    const e = i, r = t, u = p(), l = p(!1), f = C(() => e.isCopy ? $ : e.isPassword && l.value ? q : e.isPassword && !l.value ? F : e.appendIcon);
-    function v(s) {
-      r("update:modelValue", s.value);
-    }
-    function y() {
-      e.isCopy && e.modelValue && navigator.clipboard.writeText(e.modelValue.toString()), e.isPassword && (l.value = !l.value);
-    }
-    return g(async () => {
-      e.isFocus && (await _(), u.value?.focus());
-    }), (s, o) => (a(), d("div", {
-      onClick: o[1] || (o[1] = (c) => r("toggle")),
-      onKeydown: o[2] || (o[2] = z((c) => r("toggle"), ["space"])),
-      class: m(s.$style.inputBlock),
-      "data-mode": e.mode,
-      tabindex: e.mode === "default" ? "-1" : "0"
-    }, [
-      n("input", B({
-        value: e.modelValue,
-        onInput: o[0] || (o[0] = (c) => v(c.target)),
-        disabled: e.isDisabled,
-        class: s.$style.input,
-        ref_key: "input",
-        ref: u
-      }, w, {
-        type: e.isPassword && !l.value ? "password" : e.type,
-        "data-mode": e.mode,
-        "data-center": e.isCenter,
-        "data-append-icon": !!e.appendIcon || e.isCopy || e.isPassword,
-        tabindex: e.mode === "default" ? "0" : "-1",
-        "aria-label": "input"
-      }), null, 16, N),
-      e.appendIcon || e.isCopy || e.isPassword ? (a(), k(M(f.value), {
-        key: 0,
-        onClick: y,
-        class: m(s.$style.icon),
-        "data-copy": e.isCopy,
-        "data-password": e.isPassword
-      }, null, 8, ["class", "data-copy", "data-password"])) : x("", !0)
-    ], 42, L));
-  }
-}), E = "_inputBlock_1ijjn_1", K = "_input_1ijjn_1", T = "_icon_1ijjn_47", U = {
-  inputBlock: E,
-  input: K,
-  icon: T
-}, Z = {
-  $style: U
-}, Q = /* @__PURE__ */ b(A, [["__cssModules", Z]]);
-export {
-  Q as default
-};
+import { t as UiInput_default } from "../UiInput-DHFttLTG.js";
+export { UiInput_default as default };

package/dist/UiInput-DHFttLTG.js

@@ -0,0 +1,133 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-Bt71PsSa.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, nextTick, normalizeClass, onMounted, openBlock, ref, resolveDynamicComponent, withKeys } from "vue";
+var _hoisted_1$3 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	fill: "none"
+};
+function render$2(e, t) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, [...t[0] ||= [createElementVNode("path", {
+		fill: "currentColor",
+		"fill-rule": "evenodd",
+		d: "M11.5 11.5v-1c.25.005 2.485-.016 2.734-.031q.65-.086.735-.735.03-4 0-8-.086-.648-.735-.734-4-.03-8 0-.648.086-.734.734c-.016.25-.005 1.516 0 1.766h-1a69 69 0 0 1 0-2.078Q4.773.273 5.922 0q4.313-.03 8.625 0 1.148.273 1.422 1.422.03 4.313 0 8.625-.273 1.148-1.422 1.422c-.354.015-2.693.036-3.047.031",
+		"clip-rule": "evenodd"
+	}, null, -1), createElementVNode("path", {
+		fill: "currentColor",
+		"fill-rule": "evenodd",
+		d: "M2.5 3.5h1c2.2-.005 4.8-.016 7 0 .923.197 1.285.578 1.5 1.5.016 2.217-.029 5.131-.034 7.348v1.044q.217 1.445-.943 2.298-.36.229-.78.294-4.26.031-8.52 0-1.384-.295-1.707-1.68A666 666 0 0 1 0 5c.215-.922.577-1.303 1.5-1.5.292-.016.707-.005 1 0m-.5 1c2.601-.005 5.399-.016 8 0 .623.06.94.375 1 1 .022 2.608-.07 5.805-.091 8.413q-.09.938-1.024 1.027-3.903.033-7.804 0-.935-.09-1.024-1.027C1.035 11.305.978 8.108 1 5.5c0-.697.383-.93 1-1",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
+}
+var copy_default = { render: render$2 }, _hoisted_1$2 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	fill: "none",
+	viewBox: "0 0 24 24"
+};
+function render$1(e, t) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [...t[0] ||= [createElementVNode("path", {
+		stroke: "currentColor",
+		"stroke-width": "1.5",
+		d: "M3.275 15.296C2.425 14.192 2 13.639 2 12c0-1.64.425-2.191 1.275-3.296C4.972 6.5 7.818 4 12 4s7.028 2.5 8.725 4.704C21.575 9.81 22 10.361 22 12c0 1.64-.425 2.191-1.275 3.296C19.028 17.5 16.182 20 12 20s-7.028-2.5-8.725-4.704Z"
+	}, null, -1), createElementVNode("path", {
+		stroke: "currentColor",
+		"stroke-width": "1.5",
+		d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+	}, null, -1)]]);
+}
+var password_hide_default = { render: render$1 }, _hoisted_1$1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	fill: "none",
+	viewBox: "0 -3 24 24"
+};
+function render(e, t) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [...t[0] ||= [createElementVNode("path", {
+		fill: "currentColor",
+		d: "M2.69 6.705a.75.75 0 0 0-1.38.59zm12.897 6.624-.274-.698zm-6.546.409a.75.75 0 1 0-1.257-.818zm-2.67 1.353a.75.75 0 1 0 1.258.818zM22.69 7.295a.75.75 0 0 0-1.378-.59zM19 11.13l-.513-.547zm.97 2.03a.75.75 0 1 0 1.06-1.06zM11.25 16.5a.75.75 0 0 0 1.5 0zm5.121-.591a.75.75 0 1 0 1.258-.818zm-10.84-4.25A.75.75 0 0 0 4.47 10.6zm-2.561.44a.75.75 0 0 0 1.06 1.06zM12 13.25c-3.224 0-5.539-1.605-7.075-3.26a13.6 13.6 0 0 1-1.702-2.28 12 12 0 0 1-.507-.946l-.022-.049-.004-.01-.001-.001L2 7l-.69.296h.001l.001.003.003.006.04.088q.039.088.117.243c.103.206.256.496.462.841.41.69 1.035 1.61 1.891 2.533C5.54 12.855 8.224 14.75 12 14.75zm3.313-.62c-.97.383-2.071.62-3.313.62v1.5c1.438 0 2.725-.276 3.862-.723zm-7.529.29L6.371 15.09l1.258.818 1.412-2.171zM22 7l-.69-.296h.001v.002l-.007.013-.028.062a12.349 12.349 0 0 1-.64 1.162 13.3 13.3 0 0 1-2.15 2.639l1.027 1.094a14.8 14.8 0 0 0 3.122-4.26l.039-.085.01-.024.004-.007v-.003h.001v-.001zm-3.513 3.582c-.86.806-1.913 1.552-3.174 2.049l.549 1.396c1.473-.58 2.685-1.444 3.651-2.351zm-.017 1.077 1.5 1.5 1.06-1.06-1.5-1.5zM11.25 14v2.5h1.5V14zm3.709-.262 1.412 2.171 1.258-.818-1.413-2.171zm-10.49-3.14-1.5 1.5L4.03 13.16l1.5-1.5z"
+	}, null, -1)]]);
+}
+var password_show_default = { render }, _hoisted_1 = ["data-mode", "tabindex"], _hoisted_2 = [
+	"value",
+	"disabled",
+	"type",
+	"data-mode",
+	"data-center",
+	"data-append-icon",
+	"tabindex"
+], UiInput_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "UiInput",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				null
+			],
+			default: ""
+		},
+		type: { default: "text" },
+		isDisabled: { type: Boolean },
+		mode: { default: "default" },
+		appendIcon: {
+			type: [Function, Object],
+			default: void 0
+		},
+		isFocus: { type: Boolean },
+		isCenter: { type: Boolean },
+		isCopy: { type: Boolean },
+		isPassword: { type: Boolean }
+	},
+	emits: ["update:modelValue", "toggle"],
+	setup(e, { emit: n, attrs: r }) {
+		let i = e, a = n, o = ref(), s = ref(!1), c = computed(() => i.isCopy ? copy_default : i.isPassword && s.value ? password_hide_default : i.isPassword && !s.value ? password_show_default : i.appendIcon);
+		function l(e) {
+			a("update:modelValue", e.value);
+		}
+		function u() {
+			i.isCopy && i.modelValue && navigator.clipboard.writeText(i.modelValue.toString()), i.isPassword && (s.value = !s.value);
+		}
+		return onMounted(async () => {
+			i.isFocus && (await nextTick(), o.value?.focus());
+		}), (e, t) => (openBlock(), createElementBlock("div", {
+			onClick: t[1] ||= (e) => a("toggle"),
+			onKeydown: t[2] ||= withKeys((e) => a("toggle"), ["space"]),
+			class: normalizeClass(e.$style.inputBlock),
+			"data-mode": i.mode,
+			tabindex: i.mode === "default" ? "-1" : "0"
+		}, [createElementVNode("input", mergeProps({
+			value: i.modelValue,
+			onInput: t[0] ||= (e) => l(e.target),
+			disabled: i.isDisabled,
+			class: e.$style.input,
+			ref_key: "input",
+			ref: o
+		}, r, {
+			type: i.isPassword && !s.value ? "password" : i.type,
+			"data-mode": i.mode,
+			"data-center": i.isCenter,
+			"data-append-icon": !!i.appendIcon || i.isCopy || i.isPassword,
+			tabindex: i.mode === "default" ? "0" : "-1",
+			"aria-label": "input"
+		}), null, 16, _hoisted_2), i.appendIcon || i.isCopy || i.isPassword ? (openBlock(), createBlock(resolveDynamicComponent(c.value), {
+			key: 0,
+			onClick: u,
+			class: normalizeClass(e.$style.icon),
+			"data-copy": i.isCopy,
+			"data-password": i.isPassword
+		}, null, 8, [
+			"class",
+			"data-copy",
+			"data-password"
+		])) : createCommentVNode("", !0)], 42, _hoisted_1));
+	}
+}), [["__cssModules", { $style: {
+	inputBlock: "_inputBlock_1ijjn_1",
+	input: "_input_1ijjn_1",
+	icon: "_icon_1ijjn_47"
+} }]]);
+export { UiInput_default as t };

package/dist/UiModal/UiModal.css

@@ -1 +1 @@
-._backdrop_4wslz_1{position:fixed;inset:0;z-index:998;display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-transparent)}._dialog_4wslz_11{z-index:999;padding:0;outline:none;background-color:var(--color-white);border:none;border-radius:16px}._modal_4wslz_20{display:flex;flex-direction:column;gap:12px;width:var(--e1cec160);max-width:100%;height:auto;min-height:200px;padding:24px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._modal_4wslz_20[data-scrollable=true]{height:64dvh;overflow-y:auto}._header_4wslz_37{display:flex;justify-content:flex-end}._buttons_4wslz_42{display:flex;gap:16px}.dark ._modal_4wslz_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_4wslz_51{color:var(--color-white)}
+._backdrop_4wslz_1{z-index:998;background-color:var(--color-gray-transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._dialog_4wslz_11{z-index:999;background-color:var(--color-white);border:none;border-radius:16px;outline:none;padding:0}._modal_4wslz_20{width:var(--e1cec160);max-width:100%;height:auto;min-height:200px;box-shadow:0 0 16px 0 var(--color-gray-transparent);outline:none;flex-direction:column;gap:12px;padding:24px;display:flex}._modal_4wslz_20[data-scrollable=true]{height:64dvh;overflow-y:auto}._header_4wslz_37{justify-content:flex-end;display:flex}._buttons_4wslz_42{gap:16px;display:flex}.dark ._modal_4wslz_20{background-color:var(--color-black);box-shadow:0 0 16px 0 var(--color-black-transparent)}.dark ._slot_4wslz_51{color:var(--color-white)}

package/dist/UiModal/UiModal.js

@@ -1,107 +1,75 @@
 import "./UiModal.css";
-import { defineComponent as V, useCssVars as $, computed as z, ref as B, onMounted as S, watch as E, createBlock as N, openBlock as n, Teleport as U, createElementBlock as c, createCommentVNode as u, normalizeClass as t, createElementVNode as a, mergeProps as T, withModifiers as m, createVNode as d, renderSlot as A, withCtx as f, createTextVNode as p, toDisplayString as _, unref as y, nextTick as D } from "vue";
-import g from "../UiButton/UiButton.js";
-import R from "../UiClose/UiClose.js";
-import { M as w } from "../index-DajWja1y.js";
-import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const G = ["data-scrollable"], P = /* @__PURE__ */ V({
-  inheritAttrs: !1,
-  __name: "UiModal",
-  props: {
-    modelValue: { type: Boolean },
-    isScrollable: { type: Boolean },
-    isConfirm: { type: Boolean },
-    width: { default: "360" },
-    lang: { default: "ru" }
-  },
-  emits: ["update:modelValue", "confirm"],
-  setup(h, { emit: k, attrs: C }) {
-    $((e) => ({
-      e1cec160: b.value
-    }));
-    const o = h, r = k, b = z(() => `${o.width}px`), s = B(null);
-    function M() {
-      D(() => {
-        s.value?.open ? s.value.close() : s.value?.showModal();
-      });
-    }
-    function v() {
-      r("confirm"), l();
-    }
-    function l() {
-      r("update:modelValue", !1);
-    }
-    return S(() => {
-      E(
-        () => o.modelValue,
-        () => {
-          M();
-        },
-        { immediate: !0 }
-      );
-    }), (e, i) => (n(), N(U, { to: "body" }, [
-      o.modelValue ? (n(), c("div", {
-        key: 0,
-        class: t(e.$style.backdrop),
-        onMousedown: l
-      }, [
-        a("dialog", T({
-          ref_key: "dialogRef",
-          ref: s,
-          class: e.$style.dialog,
-          onCancel: m(l, ["prevent"])
-        }, C), [
-          a("div", {
-            class: t(e.$style.modal),
-            onMousedown: i[0] || (i[0] = m(() => {
-            }, ["stop"])),
-            "data-scrollable": o.isScrollable
-          }, [
-            a("div", {
-              class: t(e.$style.header)
-            }, [
-              d(R, { onClick: l })
-            ], 2),
-            a("div", {
-              class: t(e.$style.slot)
-            }, [
-              A(e.$slots, "default")
-            ], 2),
-            o.isConfirm ? (n(), c("div", {
-              key: 0,
-              class: t(e.$style.buttons)
-            }, [
-              d(g, { onClick: v }, {
-                default: f(() => [
-                  p(_(y(w)[o.lang].confirm), 1)
-                ]),
-                _: 1
-              }),
-              d(g, {
-                layout: "secondary",
-                onClick: l
-              }, {
-                default: f(() => [
-                  p(_(y(w)[o.lang].cancel), 1)
-                ]),
-                _: 1
-              })
-            ], 2)) : u("", !0)
-          ], 42, G)
-        ], 16)
-      ], 34)) : u("", !0)
-    ]));
-  }
-}), j = "_backdrop_4wslz_1", q = "_dialog_4wslz_11", F = "_modal_4wslz_20", H = "_header_4wslz_37", I = "_buttons_4wslz_42", J = "_slot_4wslz_51", K = {
-  backdrop: j,
-  dialog: q,
-  modal: F,
-  header: H,
-  buttons: I,
-  slot: J
-}, L = {
-  $style: K
-}, Z = /* @__PURE__ */ x(P, [["__cssModules", L]]);
-export {
-  Z as default
-};
+import { t as _plugin_vue_export_helper_default } from "../_plugin-vue_export-helper-Bt71PsSa.js";
+import { t as UiButton_default } from "../UiButton-DkJNVTgF.js";
+import { t as UiClose_default } from "../UiClose-BQmeCbRi.js";
+import { t as MESSAGES } from "../locales-DIKIa9I3.js";
+import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useCssVars, watch, withCtx, withModifiers } from "vue";
+var _hoisted_1 = ["data-scrollable"], UiModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: !1,
+	__name: "UiModal",
+	props: {
+		modelValue: { type: Boolean },
+		isScrollable: { type: Boolean },
+		isConfirm: { type: Boolean },
+		width: { default: "360" },
+		lang: { default: "ru" }
+	},
+	emits: ["update:modelValue", "confirm"],
+	setup(e, { emit: n, attrs: r }) {
+		useCssVars((e) => ({ e1cec160: o.value }));
+		let i = e, a = n, o = computed(() => `${i.width}px`), s = ref(null);
+		function c() {
+			nextTick(() => {
+				s.value?.open ? s.value.close() : s.value?.showModal();
+			});
+		}
+		function l() {
+			a("confirm"), u();
+		}
+		function u() {
+			a("update:modelValue", !1);
+		}
+		return onMounted(() => {
+			watch(() => i.modelValue, () => {
+				c();
+			}, { immediate: !0 });
+		}), (e, t) => (openBlock(), createBlock(Teleport, { to: "body" }, [i.modelValue ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: normalizeClass(e.$style.backdrop),
+			onMousedown: u
+		}, [createElementVNode("dialog", mergeProps({
+			ref_key: "dialogRef",
+			ref: s,
+			class: e.$style.dialog,
+			onCancel: withModifiers(u, ["prevent"])
+		}, r), [createElementVNode("div", {
+			class: normalizeClass(e.$style.modal),
+			onMousedown: t[0] ||= withModifiers(() => {}, ["stop"]),
+			"data-scrollable": i.isScrollable
+		}, [
+			createElementVNode("div", { class: normalizeClass(e.$style.header) }, [createVNode(UiClose_default, { onClick: u })], 2),
+			createElementVNode("div", { class: normalizeClass(e.$style.slot) }, [renderSlot(e.$slots, "default")], 2),
+			i.isConfirm ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(e.$style.buttons)
+			}, [createVNode(UiButton_default, { onClick: l }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(MESSAGES)[i.lang].confirm), 1)]),
+				_: 1
+			}), createVNode(UiButton_default, {
+				layout: "secondary",
+				onClick: u
+			}, {
+				default: withCtx(() => [createTextVNode(toDisplayString(unref(MESSAGES)[i.lang].cancel), 1)]),
+				_: 1
+			})], 2)) : createCommentVNode("", !0)
+		], 42, _hoisted_1)], 16)], 34)) : createCommentVNode("", !0)]));
+	}
+}), [["__cssModules", { $style: {
+	backdrop: "_backdrop_4wslz_1",
+	dialog: "_dialog_4wslz_11",
+	modal: "_modal_4wslz_20",
+	header: "_header_4wslz_37",
+	buttons: "_buttons_4wslz_42",
+	slot: "_slot_4wslz_51"
+} }]]);
+export { UiModal_default as default };

package/dist/UiPagination/UiPagination.css

@@ -1 +1 @@
-._pagination_1l1i5_1{display:flex;gap:4px;align-items:center;justify-content:center;width:100%}._button_1l1i5_9{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:.875rem;cursor:pointer;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:16px}._button_1l1i5_9:hover:not(:disabled){border-color:var(--color-primary)}._button_1l1i5_9:disabled{cursor:default;background-color:var(--color-gray-light-extra)}._text_1l1i5_30{padding:0 8px}.dark ._button_1l1i5_9{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._text_1l1i5_30{color:var(--color-white)}
+._pagination_1l1i5_1{justify-content:center;align-items:center;gap:4px;width:100%;display:flex}._button_1l1i5_9{cursor:pointer;background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:16px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;display:inline-flex;position:relative}._button_1l1i5_9:hover:not(:disabled){border-color:var(--color-primary)}._button_1l1i5_9:disabled{cursor:default;background-color:var(--color-gray-light-extra)}._text_1l1i5_30{padding:0 8px}.dark ._button_1l1i5_9{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._text_1l1i5_30{color:var(--color-white)}