@profitliga/ui 1.2.89 → 2.0.0

package/dist/components/DropdownMenu/DropdownMenuSubContent.vue2.js

@@ -0,0 +1,43 @@
+import { defineComponent as r, useCssVars as p, computed as d, openBlock as l, createBlock as u, unref as t, mergeProps as c, withCtx as f, renderSlot as y } from "vue";
+import { useForwardPropsEmits as m, DropdownMenuSubContent as w } from "reka-ui";
+const S = /* @__PURE__ */ r({
+  __name: "DropdownMenuSubContent",
+  props: {
+    width: { default: 200 },
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    sideFlip: { type: Boolean },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(n, { emit: s }) {
+    p((o) => ({
+      v0be70302: a.value
+    }));
+    const e = n, i = m(e, s), a = d(() => `${e.width}px`);
+    return (o, h) => (l(), u(t(w), c(t(i), { class: "dropdown-menu-sub-content" }), {
+      default: f(() => [
+        y(o.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  S as default
+};

package/dist/components/DropdownMenu/DropdownMenuSubTrigger.css

@@ -0,0 +1 @@
+.dropdown-menu-sub-trigger[data-v-7dbfccdd]{cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;width:100%;padding:4px 8px;display:flex}.dropdown-menu-sub-trigger__arrow[data-v-7dbfccdd]{margin-left:auto}.dropdown-menu-sub-trigger[data-v-7dbfccdd]:hover{background-color:var(--theme-primary-200_50)}

package/dist/components/DropdownMenu/DropdownMenuSubTrigger.vue.d.ts

@@ -1,14 +1,18 @@
 import { DropdownMenuSubTriggerProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<DropdownMenuSubTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownMenuSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<DropdownMenuSubTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownMenuSubTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/DropdownMenu/DropdownMenuSubTrigger.vue.js

@@ -0,0 +1,8 @@
+import './DropdownMenuSubTrigger.css';
+import o from "./DropdownMenuSubTrigger.vue2.js";
+/* empty css                            */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7dbfccdd"]]);
+export {
+  c as default
+};

package/dist/components/DropdownMenu/DropdownMenuSubTrigger.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, openBlock as s, createBlock as p, unref as e, mergeProps as a, withCtx as d, renderSlot as u, createVNode as i } from "vue";
+import { useForwardProps as l, DropdownMenuSubTrigger as c } from "reka-ui";
+import m from "../../icons/monochrome/CevronRightIcon.vue.js";
+const h = /* @__PURE__ */ n({
+  __name: "DropdownMenuSubTrigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(r) {
+    const o = l(r);
+    return (t, g) => (s(), p(e(c), a({ class: "dropdown-menu-sub-trigger" }, e(o)), {
+      default: d(() => [
+        u(t.$slots, "default", {}, void 0, !0),
+        i(e(m), { class: "dropdown-menu-sub-trigger__arrow" })
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/File/File.css

@@ -0,0 +1 @@
+.file[data-v-11f6b4dc]{--file-size:106px;--file-icon-size:44px;--file-font-size:14px;--file-padding:8px;width:var(--file-size);height:var(--file-size);padding:var(--file-padding);border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex;position:relative}.file.file--outlined[data-v-11f6b4dc]{border:2px solid var(--theme-neutral-border-divider)}.file.file--small[data-v-11f6b4dc]{--file-size:72px;--file-icon-size:36px;--file-font-size:10px;--file-padding:4px}.file__remove[data-v-11f6b4dc]{background-color:var(--theme-color-m);border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .3s ease-in-out;display:flex;position:absolute;top:-8px;right:-8px}.file__remove[data-v-11f6b4dc]:hover{background-color:#cadde9}.file__icon[data-v-11f6b4dc]{min-width:var(--file-icon-size);min-height:var(--file-icon-size)}.file__icon[data-v-11f6b4dc]:not(:has(>.file__title)){aspect-ratio:1;flex-grow:1;width:auto;height:auto}.file__title[data-v-11f6b4dc]{font-weight:500;font-size:var(--file-font-size);color:#000;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:120%;display:-webkit-box;overflow:hidden}.file__info[data-v-11f6b4dc]{font-size:var(--file-font-size);color:#000;text-transform:uppercase;justify-content:flex-start;align-items:center;gap:4px;line-height:14px;display:flex}.file__info-separator[data-v-11f6b4dc]{background-color:var(--theme-text-icon-body);border-radius:100%;width:2px;min-width:2px;height:2px}

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

@@ -15,10 +15,9 @@ type __VLS_Props = {
     viewInfo?: boolean;
     viewSize?: boolean;
 };
-declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     remove: (file: IFile) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRemove?: ((file: IFile) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/File/File.vue.js

@@ -0,0 +1,8 @@
+import './File.css';
+import o from "./File.vue2.js";
+/* empty css          */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-11f6b4dc"]]);
+export {
+  p as default
+};

package/dist/components/File/File.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as I, useId as B, ref as b, computed as r, onMounted as F, openBlock as i, createElementBlock as l, normalizeClass as h, createVNode as g, unref as f, createCommentVNode as n, createBlock as C, resolveDynamicComponent as S, toDisplayString as m } from "vue";
+import x from "../../icons/colored/ExcelIcon.vue.js";
+import $ from "../../icons/colored/PdfIcon.vue.js";
+import N from "../../icons/colored/WordIcon.vue.js";
+import V from "../../icons/monochrome/CloseIcon.vue.js";
+import D from "../../icons/monochrome/FileIcon.vue.js";
+import { formatFileSize as E } from "../../utils/parseFileSize.util.js";
+import { getFileTypeByMime as M } from "../../utils/typeFile.util.js";
+const _ = {
+  key: 1,
+  class: "file__title"
+}, j = {
+  key: 2,
+  class: "file__info"
+}, O = {
+  key: 0,
+  class: "file__type"
+}, P = {
+  key: 1,
+  class: "file__info-separator"
+}, T = {
+  key: 2,
+  class: "file__size"
+}, Q = /* @__PURE__ */ I({
+  __name: "File",
+  props: {
+    file: {},
+    viewName: { type: Boolean, default: !1 },
+    outlined: { type: Boolean, default: !0 },
+    removable: { type: Boolean },
+    size: { default: "default" },
+    viewInfo: { type: Boolean },
+    viewSize: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(t, { emit: v }) {
+    const d = v, y = B(), e = b(null);
+    async function w(o, a = "image") {
+      const s = await (await fetch(o)).blob(), c = s.type.split("/")[1] || "", p = c ? `${a}.${c}` : a;
+      return new File([s], p, { type: s.type });
+    }
+    const u = r(
+      () => e.value && e.value.mime ? M(e.value.mime) : null
+    ), z = r(() => {
+      switch (u.value) {
+        case "pdf":
+          return $;
+        case "word":
+          return N;
+        case "excel":
+          return x;
+        default:
+          return D;
+      }
+    });
+    return F(async () => {
+      if (typeof t.file == "string") {
+        const o = await w(t.file);
+        e.value = {
+          id: y,
+          url: t.file,
+          name: o.name,
+          mime: o.type,
+          size: o.size
+        };
+      } else
+        e.value = t.file;
+    }), (o, a) => (i(), l("div", {
+      class: h(["file", { "file--outlined": t.outlined }, `file--${t.size}`])
+    }, [
+      t.removable && typeof t.file != "string" ? (i(), l("button", {
+        key: 0,
+        class: "file__remove",
+        onClick: a[0] || (a[0] = (k) => d("remove", t.file))
+      }, [
+        g(f(V))
+      ])) : n("", !0),
+      (i(), C(S(z.value), { class: "file__icon" })),
+      e.value && e.value.name && t.viewName ? (i(), l("div", _, m(e.value ? e.value.name.split(".")[0] : "unknown"), 1)) : n("", !0),
+      e.value ? (i(), l("div", j, [
+        e.value.mime && t.viewInfo ? (i(), l("div", O, m(u.value), 1)) : n("", !0),
+        e.value.mime && e.value.size && t.viewInfo && t.viewSize ? (i(), l("div", P)) : n("", !0),
+        e.value.size && t.viewSize ? (i(), l("div", T, m(e.value ? f(E)(e.value.size, 2) : "0 Б"), 1)) : n("", !0)
+      ])) : n("", !0)
+    ], 2));
+  }
+});
+export {
+  Q as default
+};

package/dist/components/FormField/FormField.css

@@ -0,0 +1 @@
+.form-field[data-v-8f95609c]{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}.form-field.form-field--with-small[data-v-8f95609c]{padding-bottom:23px}.form-field__label[data-v-8f95609c]{color:var(--theme-neutral-text-body);justify-content:flex-start;align-items:flex-start;padding:6px 11px 6px 8px;font-size:.9375rem;font-weight:400;line-height:120%;display:flex}.form-field__label sup[data-v-8f95609c]{color:var(--theme-error-500);margin-left:4px;font-size:100%;top:4px}.form-field__small[data-v-8f95609c]{height:23px;color:var(--color-neutral-text-caption);padding:4px 8px;font-size:.625rem;line-height:120%;position:absolute;bottom:0;left:0}.form-field__small.form-field__small--error[data-v-8f95609c],.form-field.form-field--error .form-field__label[data-v-8f95609c]{color:var(--theme-error-500)}.form-field.form-field--error>input[data-v-8f95609c]{border-color:var(--theme-error-500)}

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

@@ -7,17 +7,20 @@ type __VLS_Props = {
     required?: boolean;
     smallText?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_3) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/FormField/FormField.vue.js

@@ -0,0 +1,8 @@
+import './FormField.css';
+import o from "./FormField.vue2.js";
+/* empty css               */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-8f95609c"]]);
+export {
+  p as default
+};

package/dist/components/FormField/FormField.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as f, openBlock as l, createElementBlock as r, normalizeClass as o, Fragment as m, createTextVNode as s, toDisplayString as d, createCommentVNode as t, renderSlot as i } from "vue";
+const n = ["for"], u = { key: 0 }, b = /* @__PURE__ */ f({
+  __name: "FormField",
+  props: {
+    label: { default: () => {
+    } },
+    id: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    error: { type: Boolean, default: () => {
+    } },
+    required: { type: Boolean, default: () => {
+    } },
+    smallText: { default: () => {
+    } }
+  },
+  setup(e) {
+    return (a, c) => (l(), r("div", {
+      class: o([
+        "form-field",
+        {
+          "form-field--error": e.error,
+          "form-field--with-small": e.error || e.smallText
+        }
+      ])
+    }, [
+      e.label || a.$slots.label ? (l(), r("label", {
+        key: 0,
+        for: e.id,
+        class: "form-field__label"
+      }, [
+        e.label ? (l(), r(m, { key: 0 }, [
+          s(d(e.label) + " ", 1),
+          e.required ? (l(), r("sup", u, "*")) : t("", !0)
+        ], 64)) : i(a.$slots, "label", { key: 1 }, void 0, !0)
+      ], 8, n)) : t("", !0),
+      i(a.$slots, "default", {}, void 0, !0),
+      e.error || e.smallText ? (l(), r("small", {
+        key: 1,
+        class: o(["form-field__small", [{ "form-field__small--error": e.error }]])
+      }, d(e.errorMessage || e.smallText), 3)) : t("", !0)
+    ], 2));
+  }
+});
+export {
+  b as default
+};

package/dist/components/Image/Image.css

@@ -0,0 +1 @@
+.image[data-v-a8dc9722]{--image-size:48px;--image-border-radius:4px;--image-padding:8px;max-width:max-content;max-height:max-content;position:relative}.image.image--full-screen[data-v-a8dc9722]:hover{cursor:pointer}.image.image--full-screen:hover .image__overlay[data-v-a8dc9722]{opacity:1;visibility:visible}.image__delete[data-v-a8dc9722]{z-index:4;background-color:#e3e9ed;border-radius:100%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-9px;right:-9px}.image__delete svg[data-v-a8dc9722]{width:12px;height:12px}.image__wrapper[data-v-a8dc9722]{border-radius:var(--image-border-radius);max-width:var(--image-size);max-height:var(--image-size);aspect-ratio:1;width:100%;height:100%;overflow:hidden}.image__overlay[data-v-a8dc9722]{width:100%;height:100%;color:var(--theme-neutral-0);z-index:3;opacity:0;visibility:hidden;background-color:#16161666;justify-content:center;align-items:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;display:flex;position:absolute;inset:0}.image__info[data-v-a8dc9722]{width:max-content;bottom:var(--image-padding);color:#fff;text-transform:uppercase;background-color:#16161666;border-radius:4px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;padding:2px 4px;font-size:12px;line-height:18px;display:flex;position:absolute;left:8px}.image__info-separator[data-v-a8dc9722]{background-color:#fff;border-radius:100%;width:4px;height:4px}.image__size[data-v-a8dc9722]{width:max-content}.image img[data-v-a8dc9722]{object-fit:cover;width:100%;height:100%}.image.image--small[data-v-a8dc9722]{--image-size:32px;--image-border-radius:8px}.image.image--medium[data-v-a8dc9722]{--image-size:48px;--image-border-radius:4px}.image.image--large[data-v-a8dc9722]{--image-size:106px;--image-border-radius:8px}.image.image--full[data-v-a8dc9722]{--image-size:100%;--image-border-radius:0}

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

@@ -15,10 +15,9 @@ type __VLS_Props = {
     viewInfo?: boolean;
     hideDelete?: boolean;
 };
-declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     delete: () => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Image/Image.vue.js

@@ -0,0 +1,8 @@
+import './Image.css';
+import o from "./Image.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a8dc9722"]]);
+export {
+  p as default
+};

package/dist/components/Image/Image.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as w, useId as S, ref as b, computed as C, onMounted as B, openBlock as n, createElementBlock as a, normalizeClass as $, createVNode as r, unref as o, createCommentVNode as s, createElementVNode as d, toDisplayString as h } from "vue";
+import F from "../../icons/monochrome/CloseIcon.vue.js";
+import V from "../../icons/monochrome/EyeIcon.vue.js";
+import { formatFileSize as x } from "../../utils/parseFileSize.util.js";
+import { useImageModal as D } from "./useImageModal.js";
+const E = { class: "image__wrapper" }, M = ["src", "alt"], N = {
+  key: 1,
+  class: "image__info"
+}, Z = {
+  key: 0,
+  class: "image__size"
+}, H = /* @__PURE__ */ w({
+  __name: "Image",
+  props: {
+    file: {},
+    alt: { default: () => {
+    } },
+    size: { default: "medium" },
+    fullScreen: { type: Boolean },
+    fullScreenZ: { default: 1 },
+    viewInfo: { type: Boolean, default: !1 },
+    hideDelete: { type: Boolean, default: !0 }
+  },
+  emits: ["delete"],
+  setup(e, { emit: v }) {
+    const { open: g } = D(), y = v, z = S(), t = b(null);
+    async function I(i, l = "image") {
+      const m = await (await fetch(i)).blob(), f = m.type.split("/")[1] || "", k = f ? `${l}.${f}` : l;
+      return new File([m], k, { type: m.type });
+    }
+    const u = C(() => typeof e.file == "string" ? e.file : e.file.url);
+    return B(async () => {
+      if (e.viewInfo)
+        if (typeof e.file == "string") {
+          const i = await I(e.file);
+          t.value = {
+            id: z,
+            url: e.file,
+            name: i.name,
+            mime: i.type,
+            size: i.size
+          };
+        } else
+          t.value = e.file;
+    }), (i, l) => (n(), a("div", {
+      class: $([
+        "image",
+        `image--${e.size}`,
+        { "image--full-screen": e.fullScreen }
+      ])
+    }, [
+      e.hideDelete ? s("", !0) : (n(), a("button", {
+        key: 0,
+        class: "image__delete",
+        onClick: l[0] || (l[0] = (c) => y("delete"))
+      }, [
+        r(o(F))
+      ])),
+      d("div", E, [
+        e.fullScreen ? (n(), a("div", {
+          key: 0,
+          class: "image__overlay",
+          onClick: l[1] || (l[1] = (c) => o(g)(u.value, e.alt, e.fullScreenZ))
+        }, [
+          r(o(V))
+        ])) : s("", !0),
+        d("img", {
+          src: u.value,
+          alt: e.alt
+        }, null, 8, M)
+      ]),
+      e.viewInfo && t.value && (t.value.mime || t.value.size) && e.size === "large" ? (n(), a("div", N, [
+        t.value.size ? (n(), a("div", Z, h(t.value ? o(x)(t.value.size) : "0 Б"), 1)) : s("", !0)
+      ])) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/dist/components/Image/ImageModalProvider.vue.d.ts

@@ -1,13 +1,17 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Image/ImageModalProvider.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as p, computed as u, openBlock as s, createElementBlock as m, Fragment as c, renderSlot as f, createVNode as o, unref as e, withCtx as n, normalizeStyle as _, createCommentVNode as g } from "vue";
+import { DialogRoot as v, DialogPortal as x } from "reka-ui";
+import y from "../Dialog/DialogContent.vue.js";
+import C from "../Dialog/DialogOverlay.vue.js";
+import { useImageModal as I } from "./useImageModal.js";
+const k = ["src", "alt"], P = /* @__PURE__ */ p({
+  __name: "ImageModalProvider",
+  setup(z) {
+    const { state: t, close: i } = I(), r = u({
+      get: () => t.value.isOpen,
+      set: (l) => {
+        l || i();
+      }
+    });
+    return (l, a) => (s(), m(c, null, [
+      f(l.$slots, "default"),
+      o(e(v), {
+        open: r.value,
+        "onUpdate:open": a[0] || (a[0] = (d) => r.value = d)
+      }, {
+        default: n(() => [
+          o(e(x), null, {
+            default: n(() => [
+              o(e(C)),
+              o(e(y), {
+                style: _({ zIndex: e(t).zIndex })
+              }, {
+                default: n(() => [
+                  e(t).src ? (s(), m("img", {
+                    key: 0,
+                    src: e(t).src,
+                    alt: e(t).alt || ""
+                  }, null, 8, k)) : g("", !0)
+                ]),
+                _: 1
+              }, 8, ["style"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["open"])
+    ], 64));
+  }
+});
+export {
+  P as default
+};

package/dist/components/Image/ImageModalProvider.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ImageModalProvider.vue.js";
+export {
+  f as default
+};

package/dist/components/Image/useImageModal.js

@@ -0,0 +1,31 @@
+import { readonly as u, ref as a } from "vue";
+const l = a({
+  isOpen: !1,
+  src: null,
+  alt: null
+});
+function s(e, n, t) {
+  l.value = {
+    isOpen: !0,
+    src: e,
+    alt: n || null,
+    zIndex: t
+  };
+}
+function o() {
+  l.value = {
+    isOpen: !1,
+    src: null,
+    alt: null
+  };
+}
+function c() {
+  return {
+    state: u(l),
+    open: s,
+    close: o
+  };
+}
+export {
+  c as useImageModal
+};

package/dist/components/InputNumber/InputNumber.css

@@ -0,0 +1 @@
+.input-number[data-v-9d9cd465]{width:100%;height:var(--input-height);border:1px solid var(--theme-secondary-250);background-color:var(--color-neutral-0);border-radius:8px;padding:0 15px;overflow:hidden}.input-number[data-v-9d9cd465]:has(input:hover){border-color:var(--input-border-color-hover)}.input-number[data-v-9d9cd465]:has(input:focus-visible){border-color:var(--input-border-color-focus)}.input-number[data-v-9d9cd465]:has(input:disabled){border-color:var(--input-border-color-disabled)}.input-number__wrapper[data-v-9d9cd465]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.input-number__input[data-v-9d9cd465]{width:100%;font-size:var(--input-font-size);-moz-appearance:textfield}.input-number__input[data-v-9d9cd465]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number__input[data-v-9d9cd465]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number__input[data-v-9d9cd465]:hover,.input-number__input[data-v-9d9cd465]:focus{appearance:none;-moz-appearance:textfield}.input-number__input[data-v-9d9cd465]:disabled{background-color:#0000}.input-number__button[data-v-9d9cd465]{width:20px;min-width:20px;height:20px;color:var(--theme-secondary-500);justify-content:center;align-items:center;display:flex}.input-number__button[data-v-9d9cd465]:disabled{cursor:default;color:var(--theme-neutral-icon-disabled)}.input-number__clear[data-v-9d9cd465]{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.input-number__clear svg[data-v-9d9cd465]{width:100%;height:100%}.input-number__clear[data-v-9d9cd465]:hover{color:var(--color-error-500)}.input-number.input-number--view-buttons[data-v-9d9cd465]{border:1px solid var(--theme-secondary-250);border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;width:max-content;padding:0 15px;display:flex}.input-number.input-number--view-buttons .input-number__input[data-v-9d9cd465]{text-align:center;width:32px;min-width:32px}.input-number.input-number--view-buttons.input-number--extrasmall[data-v-9d9cd465]{height:var(--input-height-extrasmall);border-radius:8px;padding:0 7px}.input-number.input-number--view-buttons.input-number--extrasmall .input-number__button[data-v-9d9cd465]{width:12px;min-width:12px;height:12px}.input-number.input-number--view-buttons.input-number--extrasmall .input-number__button svg[data-v-9d9cd465]{width:12px}.input-number.input-number--view-buttons.input-number--extrasmall .input-number__input[data-v-9d9cd465]{width:24px;min-width:24px}.input-number.input-number--view-buttons.input-number--small[data-v-9d9cd465]{height:var(--input-height-small);padding:0 11px}.input-number.input-number--view-buttons.input-number--small .input-number__button[data-v-9d9cd465]{width:16px;min-width:16px;height:16px}.input-number.input-number--view-buttons.input-number--small .input-number__button svg[data-v-9d9cd465]{width:16px}.input-number.input-number--view-buttons.input-number--small .input-number__input[data-v-9d9cd465]{width:28px;min-width:28px}.input-number.input-number--view-buttons.input-number--large[data-v-9d9cd465]{height:var(--input-height-large);padding:0 15px}.input-number.input-number--error[data-v-9d9cd465],:is(.input-number.input-number--error[data-v-9d9cd465]:has(input:hover),.input-number.input-number--error[data-v-9d9cd465]:has(input:focus-visible)){border-color:var(--input-color-error)}.input-number.input-number--large[data-v-9d9cd465]{border-radius:12px;padding:0 15px}.input-number.input-number--large .input-number__input[data-v-9d9cd465]{font-size:var(--input-font-size-large)}.input-number.input-number--small[data-v-9d9cd465]{border-radius:10px;padding:0 11px}.input-number.input-number--small .input-number__input[data-v-9d9cd465]{font-size:var(--input-font-size-small)}.input-number.input-number--extrasmall[data-v-9d9cd465]{border-radius:8px;padding:0 7px}.input-number.input-number--extrasmall .input-number__input[data-v-9d9cd465]{font-size:var(--input-font-size-extrasmall)}

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

@@ -1,11 +1,10 @@
 import { InputNumberProps } from './InputNumber.types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = InputNumberProps;
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     modelValue: number;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
     change: (value: number) => any;
     increment: () => any;
@@ -15,6 +14,5 @@ declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, C
     onChange?: ((value: number) => any) | undefined;
     onIncrement?: (() => any) | undefined;
     onDecrement?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/InputNumber/InputNumber.vue.js

@@ -0,0 +1,8 @@
+import './InputNumber.css';
+import o from "./InputNumber.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9d9cd465"]]);
+export {
+  _ as default
+};