mhz-ui 0.0.1 → 1.0.1

package/dist/UiButton/UiButton.css

@@ -1 +1 @@
-._button_1r5cq_1{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;height:48px;padding:16px 32px;overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--color-white);text-decoration:none;white-space:nowrap;user-select:none;background:var(--color-primary);border:2px solid var(--color-transparent);border-radius:24px;transition:all .2s}._button_1r5cq_1:hover{color:var(--color-white);cursor:pointer;background:var(--color-primary-dark);border-color:var(--color-transparent)}._button_1r5cq_1:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_1r5cq_1[data-layout=secondary]{color:var(--color-primary);background-color:var(--color-white);border-color:var(--color-primary)}._button_1r5cq_1[data-layout=secondary]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._button_1r5cq_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);background:var(--color-white);border-color:var(--color-gray-light-extra)}
+._button_7dtc2_1{position:relative;display:inline-flex;flex-shrink:0;gap:12px;align-items:center;justify-content:center;height:44px;padding:16px 32px;overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--color-white);text-decoration:none;white-space:nowrap;user-select:none;background:var(--color-primary);border:2px solid var(--color-transparent);border-radius:16px;transition:all .2s}._button_7dtc2_1:hover{color:var(--color-white);cursor:pointer;background:var(--color-primary-dark);border-color:var(--color-transparent)}._button_7dtc2_1:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_7dtc2_1[data-layout=secondary]{color:var(--color-primary);background-color:var(--color-white);border-color:var(--color-primary)}._button_7dtc2_1[data-layout=secondary]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._button_7dtc2_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);background:var(--color-white);border-color:var(--color-gray-light-extra)}._button_7dtc2_1[data-layout=plain]{height:auto;padding:0;font-size:1rem;color:var(--color-primary);text-decoration:underline;background:none;border:none}._button_7dtc2_1[data-layout=plain]:hover{color:var(--color-primary-dark)}._button_7dtc2_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra)}

package/dist/UiButton/UiButton.d.ts

@@ -1,6 +1,7 @@
+import { FunctionalComponent } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     layout: {
-        type: import("vue").PropType<"primary" | "secondary">;
+        type: import("vue").PropType<"primary" | "secondary" | "plain">;
         default: string;
     };
     type: {
@@ -10,9 +11,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isDisabled: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<FunctionalComponent<{}, {}, any>>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     layout: {
-        type: import("vue").PropType<"primary" | "secondary">;
+        type: import("vue").PropType<"primary" | "secondary" | "plain">;
         default: string;
     };
     type: {
@@ -22,9 +27,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     isDisabled: {
         type: import("vue").PropType<boolean>;
     };
+    icon: {
+        type: import("vue").PropType<FunctionalComponent<{}, {}, any>>;
+        default: undefined;
+    };
 }>>, {
-    layout: "primary" | "secondary";
+    layout: "primary" | "secondary" | "plain";
     type: "submit" | "button";
+    icon: FunctionalComponent<{}, {}, any>;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/UiButton/UiButton.js

@@ -1,29 +1,31 @@
 import "./UiButton.css";
-import { defineComponent as s, openBlock as a, createElementBlock as n, normalizeClass as l, renderSlot as u } from "vue";
-import { _ as r } from "../_plugin-vue_export-helper-dad06003.js";
-const c = ["data-layout", "type", "disabled"], d = /* @__PURE__ */ s({
+import { defineComponent as n, openBlock as o, createElementBlock as a, normalizeClass as l, createBlock as c, resolveDynamicComponent as u, createCommentVNode as r, renderSlot as d } from "vue";
+import { _ as i } from "../_plugin-vue_export-helper-dad06003.js";
+const p = ["data-layout", "type", "disabled"], y = /* @__PURE__ */ n({
   __name: "UiButton",
   props: {
     layout: { default: "primary" },
     type: { default: "button" },
-    isDisabled: { type: Boolean }
+    isDisabled: { type: Boolean },
+    icon: { type: [Function, Object], default: void 0 }
   },
-  setup(e) {
-    const t = e;
-    return (o, y) => (a(), n("button", {
-      class: l(o.$style.button),
+  setup(s) {
+    const t = s;
+    return (e, f) => (o(), a("button", {
+      class: l(e.$style.button),
       "data-layout": t.layout,
       type: t.type,
       disabled: t.isDisabled
     }, [
-      u(o.$slots, "default")
-    ], 10, c));
+      t.icon ? (o(), c(u(t.icon), { key: 0 })) : r("", !0),
+      d(e.$slots, "default")
+    ], 10, p));
   }
-}), p = "_button_1r5cq_1", i = {
-  button: p
-}, _ = {
-  $style: i
-}, f = /* @__PURE__ */ r(d, [["__cssModules", _]]);
+}), m = "_button_7dtc2_1", _ = {
+  button: m
+}, b = {
+  $style: _
+}, C = /* @__PURE__ */ i(y, [["__cssModules", b]]);
 export {
-  f as default
+  C as default
 };

package/dist/UiCheckbox/UiCheckbox.css

@@ -0,0 +1 @@
+._checkbox_cubj5_1{position:relative;display:flex;flex-direction:row-reverse;gap:8px;width:fit-content;cursor:pointer;user-select:none}._checkbox_cubj5_1:hover ._fake_cubj5_10{border-color:var(--color-primary)}._checkbox_cubj5_1:hover ._fake_cubj5_10[data-switcher=true]{background-color:var(--color-gray-dark);border:none}._checkbox_cubj5_1:hover ._fake_cubj5_10[data-disabled=true]:not([data-switcher=true]){border-color:var(--color-gray)}._checkbox_cubj5_1:hover ._input_cubj5_20:checked+._fake_cubj5_10{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._checkbox_cubj5_1:hover ._input_cubj5_20:checked+._fake_cubj5_10[data-disabled=true][data-switcher=true]{background-color:var(--color-gray)}._checkbox_cubj5_1:hover ._input_cubj5_20:checked+._fake_cubj5_10[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._checkbox_cubj5_1[data-disabled=true]{color:var(--color-gray-dark)}._input_cubj5_20{position:absolute;z-index:1;appearance:none;border:none}._input_cubj5_20:checked+._fake_cubj5_10{position:relative;background-color:var(--color-primary);border-color:var(--color-primary)}._input_cubj5_20:checked+._fake_cubj5_10 ._line_cubj5_46{position:absolute;height:2px;background-color:var(--color-white);border-radius:2px}._input_cubj5_20:checked+._fake_cubj5_10 ._leftLine_cubj5_52{top:55%;left:10%;width:40%;transform:rotate(45deg)}._input_cubj5_20:checked+._fake_cubj5_10 ._rightLine_cubj5_58{top:45%;left:30%;width:65%;transform:rotate(-45deg)}._input_cubj5_20:checked+._fake_cubj5_10[data-switcher=true]:before{transform:translate(20px)}._fake_cubj5_10{z-index:1;flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;border:1px solid var(--color-gray-dark);border-radius:4px;outline:none}._fake_cubj5_10:focus{width:20px;height:20px;outline:auto}._fake_cubj5_10[data-switcher=true]{position:relative;width:40px;height:20px;background-color:var(--color-gray);border:none;border-radius:16px;transition:all .3s}._fake_cubj5_10[data-switcher=true]:before{position:absolute;top:4px;left:4px;width:12px;height:12px;content:"";background-color:var(--color-white);border-radius:50%;transition:all .2s}._fake_cubj5_10[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._fake_cubj5_10[data-disabled=true]:not([data-switcher=true]):focus{outline:none}._fake_cubj5_10[data-disabled=true][data-switcher=true]{background-color:var(--color-gray);border-color:var(--color-gray)}._fake_cubj5_10[data-disabled=true][data-switcher=true]:focus{outline:none}._fake_cubj5_10[data-error=true]{border-color:var(--color-error)}._required_cubj5_122{color:var(--color-error)}

package/dist/UiCheckbox/UiCheckbox.d.ts

@@ -0,0 +1,71 @@
+type InitialValue = boolean | string | number;
+declare const _default: import("vue").DefineComponent<{
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    initialValue: {
+        type: import("vue").PropType<InitialValue>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<InitialValue>;
+        default: boolean;
+    };
+    labelSwitcher: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    error: {
+        type: import("vue").PropType<string | boolean>;
+        default: boolean;
+    };
+    isRequired: {
+        type: import("vue").PropType<boolean>;
+    };
+    isSwitcher: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isDisabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    initialValue: {
+        type: import("vue").PropType<InitialValue>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<InitialValue>;
+        default: boolean;
+    };
+    labelSwitcher: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    error: {
+        type: import("vue").PropType<string | boolean>;
+        default: boolean;
+    };
+    isRequired: {
+        type: import("vue").PropType<boolean>;
+    };
+    isSwitcher: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    initialValue: InitialValue;
+    modelValue: InitialValue;
+    labelSwitcher: string;
+    error: string | boolean;
+}, {}>;
+export default _default;

package/dist/UiCheckbox/UiCheckbox.js

@@ -0,0 +1,92 @@
+import "./UiCheckbox.css";
+import { defineComponent as h, ref as f, openBlock as l, createElementBlock as i, withModifiers as y, normalizeClass as s, toDisplayString as r, createCommentVNode as a, createTextVNode as d, createElementVNode as c, withKeys as _ } from "vue";
+import { _ as k } from "../_plugin-vue_export-helper-dad06003.js";
+const m = ["data-disabled"], w = { key: 1 }, $ = ["value", "checked", "disabled"], S = ["data-switcher", "data-disabled", "data-error"], V = { key: 2 }, g = /* @__PURE__ */ h({
+  __name: "UiCheckbox",
+  props: {
+    initialValue: { type: [Boolean, String, Number], default: !1 },
+    modelValue: { type: [Boolean, String, Number], default: !1 },
+    label: { default: "" },
+    labelSwitcher: { default: "" },
+    error: { type: [String, Boolean], default: !1 },
+    isRequired: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isSwitcher: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: b }) {
+    const e = u, n = f();
+    function p() {
+      if (n.value) {
+        let t;
+        n.value.checked ? t = e.initialValue ? e.initialValue : !0 : t = !1, b("update:modelValue", t);
+      }
+    }
+    return (t, o) => (l(), i("label", {
+      onClick: o[1] || (o[1] = y(() => {
+      }, ["stop"])),
+      "data-disabled": e.isDisabled,
+      class: s(t.$style.checkbox)
+    }, [
+      e.error ? (l(), i("span", {
+        key: 0,
+        class: s(t.$style.required)
+      }, r(e.error), 3)) : a("", !0),
+      e.label ? (l(), i("span", w, [
+        d(r(e.label), 1),
+        e.isRequired ? (l(), i("span", {
+          key: 0,
+          class: s(t.$style.required)
+        }, "*", 2)) : a("", !0)
+      ])) : a("", !0),
+      c("input", {
+        onChange: p,
+        type: "checkbox",
+        ref_key: "checkbox",
+        ref: n,
+        value: e.initialValue,
+        checked: !!e.modelValue,
+        disabled: e.isDisabled,
+        class: s(t.$style.input),
+        tabindex: "-1"
+      }, null, 42, $),
+      c("div", {
+        onKeydown: o[0] || (o[0] = _((M) => n.value?.click(), ["space"])),
+        "data-switcher": e.isSwitcher,
+        "data-disabled": e.isDisabled,
+        "data-error": e.error,
+        class: s(t.$style.fake),
+        tabindex: "0"
+      }, [
+        e.isSwitcher ? a("", !0) : (l(), i("div", {
+          key: 0,
+          class: s([t.$style.line, t.$style.leftLine])
+        }, null, 2)),
+        e.isSwitcher ? a("", !0) : (l(), i("div", {
+          key: 1,
+          class: s([t.$style.line, t.$style.rightLine])
+        }, null, 2))
+      ], 42, S),
+      e.labelSwitcher ? (l(), i("span", V, [
+        d(r(e.labelSwitcher), 1),
+        e.isRequired ? (l(), i("span", {
+          key: 0,
+          class: s(t.$style.required)
+        }, "*", 2)) : a("", !0)
+      ])) : a("", !0)
+    ], 10, m));
+  }
+}), v = "_checkbox_cubj5_1", q = "_fake_cubj5_10", B = "_input_cubj5_20", C = "_line_cubj5_46", L = "_leftLine_cubj5_52", j = "_rightLine_cubj5_58", x = "_required_cubj5_122", D = {
+  checkbox: v,
+  fake: q,
+  input: B,
+  line: C,
+  leftLine: L,
+  rightLine: j,
+  required: x
+}, N = {
+  $style: D
+}, K = /* @__PURE__ */ k(g, [["__cssModules", N]]);
+export {
+  K as default
+};

package/dist/UiEditor/UiEditor.css

@@ -0,0 +1 @@
+._container_1jv52_1{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-gray);border-radius:16px}._container_1jv52_1:focus-within{border:1px solid var(--color-primary)}._container_1jv52_1:hover{cursor:text}._container_1jv52_1:hover:not(:focus-within){border:1px solid var(--color-gray-dark-extra)}._actions_1jv52_18{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--color-gray)}._action_1jv52_18{display:flex;align-items:center;justify-content:center;min-width:32px;padding:8px;font-weight:700;cursor:pointer;background-color:var(--color-transparent);border:none;border-radius:8px}._action_1jv52_18:hover{background-color:var(--color-primary-light)}._editor_1jv52_41{padding:8px 16px;font-size:1rem;outline:none}._editor_1jv52_41 .ProseMirror{outline:none}

package/dist/UiEditor/UiEditor.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;