@profitliga/ui 1.2.90 → 2.0.0

package/dist/components/Select/SelectItem.vue.js

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

package/dist/components/Select/SelectItem.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent as p, toRef as f, openBlock as t, createBlock as l, unref as e, mergeProps as v, withCtx as s, createElementBlock as V, Fragment as k, createTextVNode as y, toDisplayString as x, createCommentVNode as d, renderSlot as S } from "vue";
+import { useForwardProps as B, injectSelectRootContext as C, SelectItem as b, SelectItemText as I } from "reka-ui";
+import g from "../Checkbox/Checkbox.vue.js";
+/* empty css                        */
+import w from "../RadioGroup/RadioGroupItem.vue.js";
+const T = /* @__PURE__ */ p({
+  __name: "SelectItem",
+  props: {
+    label: {},
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const u = o, r = f(u, "value"), c = B(u), a = C();
+    return (m, n) => (t(), l(e(b), v(e(c), { class: "select-item" }), {
+      default: s(() => [
+        e(a).multiple.value ? (t(), l(e(g), {
+          key: 0,
+          modelValue: e(a).modelValue.value,
+          "onUpdate:modelValue": n[0] || (n[0] = (i) => e(a).modelValue.value = i),
+          value: r.value
+        }, null, 8, ["modelValue", "value"])) : (t(), l(e(w), {
+          key: 1,
+          value: r.value
+        }, null, 8, ["value"])),
+        m.$slots.default ? d("", !0) : (t(), V(k, { key: 2 }, [
+          o.label ? (t(), l(e(I), { key: 0 }, {
+            default: s(() => [
+              y(x(o.label), 1)
+            ]),
+            _: 1
+          })) : d("", !0)
+        ], 64)),
+        S(m.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  T as default
+};

package/dist/components/Select/SelectRoot.vue.d.ts

@@ -1,21 +1,25 @@
 import { SelectRootProps, AcceptableValue } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = SelectRootProps;
-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<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: AcceptableValue) => any;
     "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: AcceptableValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+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/Select/SelectRoot.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, openBlock as a, createBlock as n, unref as e, mergeProps as s, withCtx as u, renderSlot as m } from "vue";
+import { useForwardPropsEmits as d, SelectRoot as c } from "reka-ui";
+const S = /* @__PURE__ */ r({
+  __name: "SelectRoot",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    modelValue: {},
+    by: { type: [String, Function] },
+    dir: {},
+    multiple: { type: Boolean },
+    autocomplete: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(o, { emit: t }) {
+    const l = d(o, t);
+    return (p, y) => (a(), n(e(c), s(e(l), { class: "select" }), {
+      default: u(() => [
+        m(p.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  S as default
+};

package/dist/components/Select/SelectRoot.vue2.js

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

package/dist/components/Select/SelectSeparator.css

@@ -0,0 +1 @@
+.select-separator[data-v-410064d5]{background-color:var(--theme-neutral-border-divider);width:100%;min-height:1px}

package/dist/components/Select/SelectSeparator.vue.d.ts

@@ -1,5 +1,4 @@
 import { SelectSeparatorProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const __VLS_export: DefineComponent<SelectSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<SelectSeparatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectSeparatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Select/SelectSeparator.vue.js

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

package/dist/components/Select/SelectSeparator.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as t, openBlock as a, createBlock as p, unref as e, mergeProps as s } from "vue";
+import { useForwardProps as c, SelectSeparator as n } from "reka-ui";
+const d = /* @__PURE__ */ t({
+  __name: "SelectSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(r) {
+    const o = c(r);
+    return (m, f) => (a(), p(e(n), s(e(o), { class: "select-separator" }), null, 16));
+  }
+});
+export {
+  d as default
+};

package/dist/components/Select/SelectTrigger.css

@@ -0,0 +1 @@
+.select-trigger-wrapper[data-v-2bfe7288]{width:max-content;height:var(--input-height);border:1px solid var(--theme-neutral-border-default);border-radius:8px;outline:none;align-items:center;display:flex}.select-trigger-wrapper.select-trigger-wrapper--error[data-v-2bfe7288]{border-color:var(--color-error-500)}.select-trigger-wrapper[data-v-2bfe7288]:has(.select-trigger[data-state=open]){border-color:var(--theme-primary-500)}.select-trigger-wrapper[data-v-2bfe7288]:has(.select-trigger:hover){border-color:var(--input-border-color-hover)}.select-trigger-wrapper[data-v-2bfe7288]:has(.select-trigger:focus-visible){border-color:var(--input-border-color-focus)}.select-trigger-wrapper[data-v-2bfe7288]:has(.select-trigger[data-disabled]){border-color:var(--input-border-color-disabled)}.select-trigger[data-v-2bfe7288]{width:300px;height:100%;font-size:var(--input-font-size);padding:var(--input-padding);outline:none;justify-content:flex-start;align-items:center;line-height:120%;display:flex}.select-trigger__arrow[data-v-2bfe7288]{transition:transform var(--animation-duration) ease-in-out;color:var(--theme-neutral-text-caption)}.select-trigger__clear[data-v-2bfe7288]{cursor:pointer;width:18px;height:18px;padding:2px}.select-trigger[data-disabled][data-v-2bfe7288],.select-trigger[data-v-2bfe7288]:disabled{cursor:default}.select-trigger[data-state=open][data-v-2bfe7288]{border-color:var(--theme-primary-500)}.select-trigger[data-state=open] .select-trigger__arrow[data-v-2bfe7288]{transition:transform var(--animation-duration) ease-in-out;transform:rotateX(180deg)}.select-trigger[data-placeholder][data-v-2bfe7288]{color:var(--theme-neutral-500)}.select-trigger.select-trigger--small[data-v-2bfe7288]{height:var(--input-height-small)}.select-trigger.select-trigger--large[data-v-2bfe7288]{height:var(--input-height-large)}

package/dist/components/Select/SelectTrigger.vue.d.ts

@@ -4,20 +4,23 @@ export interface ISelectTriggerProps extends SelectTriggerProps {
     size?: 'small' | 'default' | 'large';
     error?: boolean;
 }
-declare var __VLS_7: {}, __VLS_14: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
-} & {
-    suffix?: (props: typeof __VLS_14) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_base: DefineComponent<ISelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISelectTriggerProps> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ISelectTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISelectTriggerProps> & Readonly<{}>, {
     size: "small" | "default" | "large";
     error: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, 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/Select/SelectTrigger.vue.js

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

package/dist/components/Select/SelectTrigger.vue2.js

@@ -0,0 +1,34 @@
+import { defineComponent as a, openBlock as c, createElementBlock as i, normalizeClass as n, createVNode as o, unref as r, mergeProps as p, withCtx as d, renderSlot as s } from "vue";
+import { useForwardProps as f, SelectTrigger as g } from "reka-ui";
+import u from "../../icons/monochrome/AngleBottomIcon.vue.js";
+const v = /* @__PURE__ */ a({
+  __name: "SelectTrigger",
+  props: {
+    size: { default: "default" },
+    error: { type: Boolean, default: !1 },
+    disabled: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const l = f(e);
+    return (t, w) => (c(), i("div", {
+      class: n(["select-trigger-wrapper", { "select-trigger-wrapper--error": e.error }])
+    }, [
+      o(r(g), p({
+        class: ["select-trigger", [`select-trigger--${e.size}`]]
+      }, r(l)), {
+        default: d(() => [
+          s(t.$slots, "default", {}, void 0, !0),
+          o(r(u), { class: "select-trigger__arrow" })
+        ]),
+        _: 3
+      }, 16, ["class"]),
+      s(t.$slots, "suffix", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/dist/components/Select/SelectValue.css

@@ -0,0 +1 @@
+.select-value[data-v-6e1687a6]{text-align:left;width:100%;overflow:hidden}.select-value__content[data-v-6e1687a6]{width:max-content;height:auto;color:var(--input-color-text);justify-content:flex-start;align-items:center;gap:4px;display:flex}.select-value__content.select-value__content--placeholder[data-v-6e1687a6]{color:var(--input-color-placeholder)}

package/dist/components/Select/SelectValue.vue.d.ts

@@ -3,20 +3,24 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 interface ISelectValueProps extends SelectValueProps {
     maxSelectedLabels?: number;
 }
-declare var __VLS_21: {
-    selectLabel: string[];
-    modelValue: AcceptableValue | AcceptableValue[] | undefined;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_21) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            selectLabel: string[];
+            modelValue: AcceptableValue | AcceptableValue[] | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<ISelectValueProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISelectValueProps> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ISelectValueProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISelectValueProps> & Readonly<{}>, {
     maxSelectedLabels: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+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/Select/SelectValue.vue.js

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

package/dist/components/Select/SelectValue.vue2.js

@@ -0,0 +1,61 @@
+import { defineComponent as k, toRef as y, computed as x, openBlock as l, createBlock as d, unref as u, mergeProps as p, withCtx as n, createElementBlock as a, normalizeClass as A, Fragment as m, renderList as F, createTextVNode as s, toDisplayString as o, createCommentVNode as S, renderSlot as b } from "vue";
+import { useForwardProps as C, injectSelectRootContext as L, SelectValue as B } from "reka-ui";
+import f from "../Tag/Tag.vue.js";
+const w = {
+  key: 2,
+  class: "select-value__text"
+}, j = /* @__PURE__ */ k({
+  __name: "SelectValue",
+  props: {
+    maxSelectedLabels: { default: 3 },
+    placeholder: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(v) {
+    const r = v, _ = C(r), c = L(), h = y(r, "placeholder"), t = y(r, "maxSelectedLabels"), g = x(
+      () => Array.isArray(c.modelValue.value) ? c.modelValue.value.length > t.value ? t.value : c.modelValue.value.length : 0
+    );
+    return (V, N) => (l(), d(u(B), p(u(_), { class: "select-value" }), {
+      default: n((e) => [
+        V.$slots.default ? b(V.$slots, "default", {
+          key: 1,
+          selectLabel: e.selectedLabel,
+          modelValue: e.modelValue
+        }, void 0, !0) : (l(), a("div", {
+          key: 0,
+          class: A(["select-value__content", {
+            "select-value__content--placeholder": Array.isArray(e.modelValue) && e.modelValue.length === 0 || !e.modelValue
+          }])
+        }, [
+          Array.isArray(e.modelValue) && e.modelValue.length > 0 ? (l(), a(m, { key: 0 }, [
+            (l(!0), a(m, null, F(g.value, (i) => (l(), d(u(f), {
+              key: i,
+              colors: { background: "#F1F4F5", text: "#292929" }
+            }, {
+              default: n(() => [
+                s(o(e.modelValue[i - 1]), 1)
+              ]),
+              _: 2
+            }, 1024))), 128)),
+            e.modelValue.length > t.value ? (l(), d(u(f), {
+              key: 0,
+              colors: { background: "#F1F4F5", text: "#292929" }
+            }, {
+              default: n(() => [
+                s(" + " + o(e.modelValue.length - t.value), 1)
+              ]),
+              _: 2
+            }, 1024)) : S("", !0)
+          ], 64)) : !Array.isArray(e.modelValue) && e.modelValue ? (l(), a(m, { key: 1 }, [
+            s(o(e.modelValue), 1)
+          ], 64)) : (l(), a("span", w, o(h.value), 1))
+        ], 2))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  j as default
+};

package/dist/components/Select/SelectViewport.css

@@ -0,0 +1 @@
+.select-viewport{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;height:auto;display:flex}

package/dist/components/Select/SelectViewport.vue.d.ts

@@ -1,16 +1,19 @@
 import { SelectViewportProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_14: {}, __VLS_16: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-} & {
-    default?: (props: typeof __VLS_16) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<SelectViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectViewportProps> & 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<SelectViewportProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectViewportProps> & 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/Select/SelectViewport.vue.js

@@ -0,0 +1,33 @@
+import './SelectViewport.css';
+import { defineComponent as m, openBlock as r, createBlock as a, unref as e, mergeProps as c, withCtx as p, renderSlot as s } from "vue";
+import { useForwardProps as i, injectSelectRootContext as f, SelectViewport as V } from "reka-ui";
+import w from "../RadioGroup/RadioGroupRoot.vue.js";
+const _ = /* @__PURE__ */ m({
+  __name: "SelectViewport",
+  props: {
+    nonce: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(n) {
+    const u = i(n), o = f();
+    return (t, l) => (r(), a(e(V), c(e(u), { class: "select-viewport" }), {
+      default: p(() => [
+        e(o).multiple.value ? s(t.$slots, "default", { key: 1 }) : (r(), a(e(w), {
+          key: 0,
+          modelValue: e(o).modelValue.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (d) => e(o).modelValue.value = d)
+        }, {
+          default: p(() => [
+            s(t.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["modelValue"]))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/Select/SelectViewport.vue3.js

@@ -0,0 +1,5 @@
+import o from "./SelectViewport.vue.js";
+/* empty css                    */
+export {
+  o as default
+};

package/dist/components/Skeleton/Skeleton.css

@@ -0,0 +1 @@
+.skeleton{background-color:var(--theme-neutral-250);position:relative;overflow:hidden}.skeleton:after{content:"";z-index:1;background:linear-gradient(90deg,#fff0,#fff6,#fff0);height:100%;animation:1.2s infinite skeleton-animation;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.skeleton.skeleton--circle{border-radius:100%!important}.skeleton.skeleton--square{aspect-ratio:1;width:var(--size)!important;height:var(--size)!important}@keyframes skeleton-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}

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

@@ -6,6 +6,5 @@ type __VLS_Props = {
     shape?: 'circle' | 'rectangle';
     size?: string;
 };
-declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Skeleton/Skeleton.vue.js

@@ -0,0 +1,34 @@
+import './Skeleton.css';
+import { defineComponent as l, computed as t, openBlock as d, createElementBlock as n, normalizeStyle as s, normalizeClass as u } from "vue";
+const c = /* @__PURE__ */ l({
+  __name: "Skeleton",
+  props: {
+    width: { default: 100 },
+    height: { default: 20 },
+    borderRadius: { default: 8 },
+    shape: { default: "rectangle" },
+    size: { default: () => {
+    } }
+  },
+  setup(e) {
+    const i = t(() => [
+      "skeleton",
+      `skeleton--${e.shape}`,
+      {
+        "skeleton--square": e.size
+      }
+    ]), a = t(() => ({
+      "--size": e.size,
+      width: typeof e.width == "string" ? e.width : `${e.width}px`,
+      height: typeof e.height == "string" ? e.height : `${e.height}px`,
+      borderRadius: typeof e.borderRadius == "string" ? e.borderRadius : `${e.borderRadius}px`
+    }));
+    return (r, h) => (d(), n("div", {
+      class: u(i.value),
+      style: s(a.value)
+    }, null, 6));
+  }
+});
+export {
+  c as default
+};

package/dist/components/Skeleton/Skeleton.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Skeleton.vue.js";
+/* empty css              */
+export {
+  o as default
+};

package/dist/components/Spinner/Spinner.css

@@ -0,0 +1 @@
+.spinner[data-v-5dbbcb42]{--spinner-size:var(--v67332164);width:var(--spinner-size);height:var(--spinner-size);aspect-ratio:1;justify-content:center;align-items:center;animation:.8s linear infinite spinner-rotate-5dbbcb42;display:flex}.spinner svg[data-v-5dbbcb42]{width:100%;height:100%}@keyframes spinner-rotate-5dbbcb42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/components/Spinner/Spinner.directive.js

@@ -0,0 +1,99 @@
+import { createApp as x } from "vue";
+import m from "./Spinner.vue.js";
+const r = {
+  xs: 16,
+  sm: 24,
+  default: 32,
+  lg: 48,
+  xl: 64
+}, s = [
+  "Обрабатываем запрос...",
+  "Проверяем детали...",
+  "Почти готово...",
+  "Завершаем обработку..."
+], v = 3e3, C = {
+  mounted(t, n) {
+    n.value && d(
+      t,
+      n.modifiers,
+      n.arg
+    );
+  },
+  updated(t, n) {
+    n.value !== n.oldValue && (n.value ? d(
+      t,
+      n.modifiers,
+      n.arg
+    ) : a(t));
+  },
+  unmounted(t) {
+    a(t);
+  }
+};
+function d(t, n = {}, e) {
+  a(t), getComputedStyle(t).position === "static" && (t.style.position = "relative", t.dataset.originalPosition = "static");
+  const u = g(n, e), {
+    container: p,
+    spinnerMountPoint: f,
+    textElement: c
+  } = _(n), l = x(m, {
+    size: u,
+    color: "#00AB2E"
+  });
+  l.mount(f), t._spinnerApp = l, t._spinnerContainer = p, c && T(t, c), t.appendChild(p), t.dataset.loading = "true";
+}
+function a(t) {
+  t._spinnerApp && (t._spinnerApp.unmount(), t._spinnerApp = void 0), t._spinnerContainer && (t._spinnerContainer.remove(), t._spinnerContainer = void 0), t._spinnerTextInterval && (clearInterval(t._spinnerTextInterval), t._spinnerTextInterval = void 0), t.dataset.originalPosition === "static" && (t.style.position = "static", delete t.dataset.originalPosition), delete t.dataset.loading;
+}
+function g(t, n) {
+  if (n && n in r)
+    return r[n];
+  const e = ["xs", "sm", "lg", "xl"];
+  for (const i of e)
+    if (t[i])
+      return r[i];
+  return r.default;
+}
+function _(t = {}) {
+  const n = document.createElement("div");
+  n.style.cssText = `
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 4;
+    backdrop-filter: blur(1px);
+    border-radius: inherit;
+    ${t.white ? "background: rgba(255, 255, 255, 0.8);" : ""}
+    ${t.gray ? "background: rgba(250, 250, 250, 0.8);" : ""}
+  `;
+  const e = document.createElement("div");
+  e.style.cssText = `
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+  `;
+  const i = document.createElement("div");
+  e.appendChild(i);
+  let o;
+  return t.text && (o = document.createElement("div"), o.textContent = s[0], o.style.cssText = `
+      font-size: 14px;
+      line-height: 20px;
+      color: #1f2937;
+      text-align: center;
+    `, e.appendChild(o)), n.appendChild(e), { container: n, spinnerMountPoint: i, textElement: o };
+}
+function T(t, n) {
+  let e = 0;
+  t._spinnerTextInterval && clearInterval(t._spinnerTextInterval), t._spinnerTextInterval = setInterval(() => {
+    e = (e + 1) % s.length, n.textContent = s[e];
+  }, v);
+}
+export {
+  C as vLoading
+};

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

@@ -3,6 +3,5 @@ export interface ISpinnerProps {
     color?: string;
     size?: number;
 }
-declare const __VLS_export: DefineComponent<ISpinnerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<ISpinnerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ISpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Spinner/Spinner.vue.js

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

package/dist/components/Spinner/Spinner.vue2.js

@@ -0,0 +1,36 @@
+import { defineComponent as i, useCssVars as s, computed as c, openBlock as o, createElementBlock as l, normalizeStyle as d, createElementVNode as a } from "vue";
+const u = ["width", "height"], h = /* @__PURE__ */ i({
+  __name: "Spinner",
+  props: {
+    color: { default: "currentColor" },
+    size: { default: 48 }
+  },
+  setup(e) {
+    s((n) => ({
+      v67332164: r.value
+    }));
+    const r = c(() => `${e.size}px`);
+    return (n, t) => (o(), l("div", {
+      class: "spinner",
+      style: d({ color: e.color })
+    }, [
+      (o(), l("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: e.size,
+        height: e.size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        class: "lucide lucide-loader-circle-icon lucide-loader-circle"
+      }, [...t[0] || (t[0] = [
+        a("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }, null, -1)
+      ])], 8, u))
+    ], 4));
+  }
+});
+export {
+  h as default
+};