@profitliga/ui 1.2.89 → 1.2.91

package/dist/utils/index.js

@@ -1,3 +1,172 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../utils-DaKJDD4y.js";
+import { toValue as x, unref as S, h as p } from "vue";
+import { p as h } from "../parseFileSize.util-jznvHBCL.js";
+import { O as U, a as N, c as T, b as V, f as I, u as M } from "../parseFileSize.util-jznvHBCL.js";
 export * from "@internationalized/date";
-export { r as EventBus, c as breakpoints, e as dayjs, l as formatFileSize, t as formatPrice, n as onClickOutside, o as openFileDialog, i as parseFileSize, a as parsePrice, d as priceFormat, f as sumPrices, u as useBodyScroll, s as useLockZoom };
+import { default as q } from "dayjs";
+function R() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    on(t, r) {
+      const n = e.get(t) ?? [];
+      n.push(r), e.set(t, n);
+    },
+    off(t, r) {
+      const n = e.get(t);
+      n && e.set(
+        t,
+        n.filter((o) => o !== r)
+      );
+    },
+    emit(t, r) {
+      const n = e.get(t);
+      n && n.forEach(
+        (o) => o(r)
+      );
+    },
+    listeners(t) {
+      const r = e.get(t);
+      return r ? [...r] : [];
+    },
+    // Количество слушателей для события
+    listenerCount(t) {
+      return e.get(t)?.length ?? 0;
+    },
+    // Список всех типов событий с зарегистрированными слушателями
+    eventNames() {
+      return Array.from(e.keys());
+    },
+    clear() {
+      e.clear();
+    }
+  };
+}
+const d = /* @__PURE__ */ new WeakMap();
+function g(e) {
+  const t = S(e);
+  return t?.$el ?? t;
+}
+function E(e) {
+  return typeof e == "string" ? document.querySelector(e) : g(e);
+}
+function z(e, t, r = {}) {
+  const n = E(e);
+  if (!n) return () => {
+  };
+  const o = d.get(n);
+  o && (o(), d.delete(n));
+  const i = (c) => {
+    const a = c.target instanceof Node ? c.target : null;
+    if (!a) return;
+    const y = (x(r.ignore) ?? []).map((l) => typeof l == "string" ? document.querySelector(l) : g(l)).filter((l) => l != null);
+    n.contains(a) || y.some((l) => l.contains(a)) || t(c);
+  };
+  document.addEventListener("mousedown", i, { capture: !0 }), document.addEventListener("touchstart", i, { capture: !0 });
+  const s = () => {
+    document.removeEventListener("mousedown", i, { capture: !0 }), document.removeEventListener("touchstart", i, { capture: !0 }), d.delete(n);
+  };
+  return d.set(n, s), s;
+}
+function k(e, t = "₽", r = 2) {
+  return `${e.toLocaleString("en-US", {
+    minimumFractionDigits: r,
+    maximumFractionDigits: r
+  }).replace(/,/g, " ")} ${t}`;
+}
+function O(e) {
+  return e.reduce((t, r) => t + r, 0);
+}
+function Y(e) {
+  const t = e.replace(/[^\d.,]/g, "").replace(",", ".");
+  return parseFloat(t) || 0;
+}
+let u = null, m = 0;
+function F() {
+  const e = window.scrollY;
+  return document.body.style.position = "fixed", document.body.style.top = `-${e}px`, () => {
+    document.body.style.position = "", document.body.style.top = "", window.scrollTo(0, e);
+  };
+}
+const v = () => {
+  m++, m === 1 && !u && (u = F());
+}, L = () => {
+  m > 0 && m--, m === 0 && u && (u(), u = null);
+}, P = () => ({
+  unlockScroll: L,
+  lockScroll: v
+});
+function w(e) {
+  if (!e) return;
+  const t = Array.isArray(e) ? e : [e], r = {
+    image: ["image/*"],
+    pdf: ["application/pdf"],
+    excel: [
+      "application/vnd.ms-excel",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    ],
+    word: [
+      "application/msword",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    ],
+    all: ["*/*"]
+  };
+  return t.flatMap((n) => r[n] || []).join(",");
+}
+function _(e = {}) {
+  return new Promise((t) => {
+    const r = document.createElement("input");
+    r.type = "file", r.style.display = "none", e.multiple && e.maxFiles && e.maxFiles > 1 && (r.multiple = !0);
+    const n = w(e.accept);
+    n && (r.accept = n), r.addEventListener("change", (o) => {
+      const i = o.target;
+      let s = [];
+      if (i.files && i.files.length > 0 && (s = Array.from(i.files), e.maxFiles && s.length > e.maxFiles && (s = s.slice(0, e.maxFiles)), e.maxFileSize)) {
+        const a = h(e.maxFileSize);
+        s = s.filter((f) => f.size <= a);
+      }
+      if (document.body.removeChild(r), e.returnType === "raw") {
+        t(s);
+        return;
+      }
+      const c = s.map((a) => ({
+        id: crypto.randomUUID(),
+        url: URL.createObjectURL(a),
+        name: a.name,
+        mime: a.type,
+        size: a.size
+      }));
+      t(c);
+    }), document.body.appendChild(r), r.click();
+  });
+}
+const $ = (e, t = !0) => {
+  const r = typeof e == "string" ? parseFloat(e) : e;
+  if (isNaN(r))
+    return "<span>0.<small>00</small>₽</span>";
+  const n = r.toLocaleString("ru-RU", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [o, i = "00"] = n.split(",");
+  return t ? `<span class="price-number">${o}<small style="margin-right: 4px">.${i}</small>₽</span>` : p("span", { class: "price-number" }, [
+    `${o}.`,
+    p("small", { style: { marginRight: "4px" } }, i),
+    "₽"
+  ]);
+};
+export {
+  R as EventBus,
+  U as OVERLAY_LAYER_BASE,
+  N as OVERLAY_LAYER_STEP,
+  T as OVERLAY_TOP_LAYER_VAR,
+  V as breakpoints,
+  q as dayjs,
+  I as formatFileSize,
+  k as formatPrice,
+  z as onClickOutside,
+  _ as openFileDialog,
+  h as parseFileSize,
+  Y as parsePrice,
+  $ as priceFormat,
+  O as sumPrices,
+  P as useBodyScroll,
+  M as useOverlayLayer
+};

package/dist/utils/useOverlayLayer.util.d.ts

@@ -0,0 +1,26 @@
+import { MaybeRefOrGetter, Ref } from 'vue';
+/** z-index первого открытого overlay */
+export declare const OVERLAY_LAYER_BASE = 1000;
+/** Шаг между соседними слоями */
+export declare const OVERLAY_LAYER_STEP = 10;
+/**
+ * CSS-переменная с z-index самого верхнего открытого слоя.
+ * Всплывающий контент (Select, Combobox, Tooltip, календари) поднимается
+ * над ней через `calc(var(--ui-overlay-top-layer) + 1)`.
+ */
+export declare const OVERLAY_TOP_LAYER_VAR = "--ui-overlay-top-layer";
+/**
+ * Выдаёт z-index слоя на время, пока overlay открыт.
+ *
+ * Порталы reka-ui — это обычный `Teleport`, их содержимое смонтировано всегда,
+ * поэтому слой нельзя привязывать к монтированию: он выдаётся по `open`.
+ * Каждый следующий открытый overlay встаёт над всеми уже открытыми.
+ *
+ * При закрытии слой освобождается, но значение сохраняется до следующего
+ * открытия — иначе анимация закрытия проигрывалась бы под соседними overlay.
+ *
+ * @param open реактивный признак открытости overlay
+ * @param zIndex явный override: число используется как есть, `'auto'`
+ * и `undefined` означают «выдать следующий слой»
+ */
+export declare function useOverlayLayer(open: MaybeRefOrGetter<boolean>, zIndex?: MaybeRefOrGetter<number | 'auto' | undefined>): Readonly<Ref<number | undefined>>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@profitliga/ui",
-	"version": "1.2.89",
+	"version": "1.2.91",
 	"author": "Profit League<dev@pr-lg.ru>",
 	"license": "MIT",
 	"description": "Vue 3 UI component library with TypeScript and SCSS",
@@ -42,8 +42,7 @@
 		"format": "prettier --write \"src/**/*.{ts,tsx,vue,scss,css,json}\"",
 		"format:check": "prettier --check \"src/**/*.{ts,tsx,vue,scss,css,json}\"",
 		"check": "npm run type-check && npm run lint && npm run format:check",
-		"storybook": "storybook dev -p 6006 --host 0.0.0.0",
-		"storybook:tunnel": "ngrok http 6006",
+		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build",
 		"prepare": "husky"
 	},
@@ -57,64 +56,63 @@
 		]
 	},
 	"peerDependencies": {
-		"@internationalized/date": "^3.12.2",
-		"@lucide/vue": "^1.25.0",
+		"@internationalized/date": "^3.12.0",
+		"@lucide/vue": "^1.7.0",
 		"@tanstack/vue-table": "8.21.3",
-		"@vueuse/core": "14.3.0",
-		"dayjs": "1.11.21",
-		"reka-ui": "2.10.1",
-		"tailwindcss": "4.3.3",
-		"vue": "3.5.40"
+		"@vueuse/core": "14.1.0",
+		"dayjs": "1.11.19",
+		"reka-ui": "2.7.0",
+		"tailwindcss": "4.1.18",
+		"vue": "3.5.26"
 	},
 	"devDependencies": {
-		"@chromatic-com/storybook": "^5.2.1",
-		"@eslint/js": "^10.0.1",
-		"@internationalized/date": "^3.12.2",
-		"@lucide/vue": "^1.25.0",
-		"@storybook/addon-a11y": "^10.5.3",
-		"@storybook/addon-docs": "^10.5.3",
-		"@storybook/addon-mcp": "^0.7.0",
-		"@storybook/addon-onboarding": "^10.5.3",
-		"@storybook/addon-vitest": "^10.5.3",
-		"@storybook/vue3-vite": "^10.5.3",
-		"@tailwindcss/vite": "^4.3.3",
+		"@chromatic-com/storybook": "^5.0.0",
+		"@eslint/js": "^9.39.2",
+		"@internationalized/date": "^3.12.0",
+		"@lucide/vue": "^1.7.0",
+		"@storybook/addon-a11y": "^10.2.0",
+		"@storybook/addon-docs": "^10.2.0",
+		"@storybook/addon-mcp": "^0.2.2",
+		"@storybook/addon-onboarding": "^10.2.0",
+		"@storybook/addon-vitest": "^10.2.0",
+		"@storybook/vue3-vite": "^10.2.0",
+		"@tailwindcss/vite": "^4.1.18",
 		"@tanstack/vue-table": "^8.21.3",
 		"@trivago/prettier-plugin-sort-imports": "^6.0.2",
-		"@types/node": "^26.1.1",
-		"@vitejs/plugin-vue": "^6.0.8",
-		"@vitejs/plugin-vue-jsx": "^5.1.6",
-		"@vitest/browser-playwright": "^4.1.10",
-		"@vitest/coverage-v8": "^4.1.10",
-		"@vueuse/core": "^14.3.0",
+		"@types/node": "^25.0.3",
+		"@vitejs/plugin-vue": "^6.0.3",
+		"@vitejs/plugin-vue-jsx": "^5.1.3",
+		"@vitest/browser-playwright": "^4.0.16",
+		"@vitest/coverage-v8": "^4.0.16",
+		"@vueuse/core": "^14.1.0",
 		"chromatic": "^13.3.5",
-		"dayjs": "^1.11.21",
-		"eslint": "^10.7.0",
+		"dayjs": "^1.11.19",
+		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-storybook": "10.5.3",
-		"eslint-plugin-vue": "^10.10.0",
-		"globals": "^17.7.0",
+		"eslint-plugin-storybook": "10.2.0",
+		"eslint-plugin-vue": "^10.7.0",
+		"globals": "^17.1.0",
 		"husky": "^9.1.7",
-		"lightningcss": "^1.33.0",
-		"lint-staged": "^16.4.0",
-		"playwright": "^1.61.1",
-		"prettier": "^3.9.6",
-		"reka-ui": "2.10.1",
-		"rolldown": "^1.1.5",
-		"sass": "^1.101.3",
-		"sonda": "^0.14.0",
-		"storybook": "^10.5.3",
-		"tailwindcss": "4.3.3",
+		"lightningcss": "^1.31.1",
+		"lint-staged": "^16.2.7",
+		"playwright": "^1.57.0",
+		"prettier": "^3.8.1",
+		"reka-ui": "2.7.0",
+		"sass": "^1.97.1",
+		"sonda": "^0.10.1",
+		"storybook": "^10.2.10",
+		"tailwindcss": "4.1.18",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.65.0",
-		"vite": "^8.1.5",
+		"typescript-eslint": "^8.53.1",
+		"vite": "^7.3.0",
 		"vite-plugin-compression": "^0.5.1",
-		"vite-plugin-dts": "^5.0.3",
-		"vite-plugin-static-copy": "^4.1.1",
-		"vitest": "^4.1.10",
-		"vue": "^3.5.40",
-		"vue-eslint-parser": "^10.4.1",
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-static-copy": "^3.1.6",
+		"vitest": "^4.0.16",
+		"vue": "^3.5.26",
+		"vue-eslint-parser": "^10.2.0",
 		"vue-router": "^4.6.4",
-		"vue-tsc": "^3.3.7"
+		"vue-tsc": "^3.2.1"
 	},
 	"keywords": [
 		"vue",
@@ -126,6 +124,6 @@
 	],
 	"resolutions": {
 		"@microsoft/api-extractor": "7.48.1",
-		"@internationalized/date": "3.12.2"
+		"@internationalized/date": "3.12.0"
 	}
 }

package/src/styles/mixins.scss

@@ -116,6 +116,20 @@
 	}
 }
 
+/// Поднимает всплывающий контент (Select, Combobox, Tooltip, календари) над
+/// самым верхним открытым слоем overlay.
+///
+/// `--ui-overlay-top-layer` пишет аллокатор слоёв
+/// (`src/utils/useOverlayLayer.util.ts`) при каждом открытии и закрытии
+/// overlay. Fallback = OVERLAY_LAYER_BASE - OVERLAY_LAYER_STEP: когда ничего
+/// не открыто, всплывающий контент стоит чуть ниже базы слоёв.
+///
+/// reka-ui копирует вычисленный z-index контента на свою обёртку
+/// [data-reka-popper-content-wrapper], поэтому отдельная обёртка не нужна.
+@mixin overlay-popper-layer {
+	z-index: calc(var(--ui-overlay-top-layer, 990) + 1);
+}
+
 // ✨ Кастомный скроллбар
 @mixin custom-scrollbar($direction) {
 	box-sizing: content-box;

package/src/styles/vars.scss

@@ -1,3 +1,5 @@
+@use './mixins.scss' as *;
+
 :root {
 	//GLOBAL
 	--animation-duration: 0.3s;
@@ -16,9 +18,6 @@
 	--input-height: 40px;
 	--input-height-large: 44px;
 
-	// Kept at 1rem (16px) at every size — Safari on iOS/iPadOS auto-zooms the
-	// page when a focused input's font-size is below 16px, regardless of
-	// viewport width.
 	--input-font-size-extrasmall: 1rem;
 	--input-font-size-small: 1rem;
 	--input-font-size: 1rem;
@@ -37,12 +36,20 @@
 	--input-border-color-disabled: var(--theme-neutral-border-disabled);
 }
 
-//Удалить после перехода на reka-ui
+@include respond(lg) {
+	:root {
+		--input-font-size-extrasmall: 0.75rem;
+		--input-font-size-small: 0.875rem;
+		--input-font-size: 1rem;
+		--input-font-size-large: 1rem;
+	}
+}
+
+// Слои overlay раздаёт аллокатор из src/utils/useOverlayLayer.util.ts
+// (OVERLAY_LAYER_BASE = 1000, шаг 10). Он же пишет --ui-overlay-top-layer
+// с z-index самого верхнего открытого слоя.
 :root {
-	--modal-z-index: 1000;
-	--drawer-z-index: 1000;
-	--confirm-z-index: 1008;
-	--toast-z-index: 1009;
+	--toast-z-index: 9999;
 
 	//BOX-SHADOW
 	--dropdown-shadow: -1px 1px 10px 0 #8d8f9340;

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

@@ -1,56 +0,0 @@
-import { TBreakpoints } from '../../types/global.types';
-import { IAlertDialogContentProps } from './AlertDialogContent.vue';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-export interface IAlertDialogTitleProps {
-    text?: string;
-    as?: string;
-}
-export interface AlertDialogProps {
-    title?: IAlertDialogTitleProps;
-    width?: number;
-    zIndex?: number | 'auto';
-    breakpointMobile?: TBreakpoints;
-    contentProps?: IAlertDialogContentProps;
-}
-type __VLS_Props = AlertDialogProps;
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_30: {}, __VLS_55: {}, __VLS_57: {}, __VLS_59: {};
-type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_9) => any;
-} & {
-    title?: (props: typeof __VLS_11) => any;
-} & {
-    default?: (props: typeof __VLS_13) => any;
-} & {
-    actions?: (props: typeof __VLS_15) => any;
-} & {
-    trigger?: (props: typeof __VLS_30) => any;
-} & {
-    title?: (props: typeof __VLS_55) => any;
-} & {
-    default?: (props: typeof __VLS_57) => any;
-} & {
-    actions?: (props: typeof __VLS_59) => any;
-};
-declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    title: IAlertDialogTitleProps;
-    width: number;
-    zIndex: number | "auto";
-    breakpointMobile: TBreakpoints;
-    contentProps: IAlertDialogContentProps;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tooltip/TooltipPortal.vue.d.ts

@@ -1,17 +0,0 @@
-import { TooltipPortalProps } from 'reka-ui';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_17) => any;
-};
-declare const __VLS_base: DefineComponent<TooltipPortalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tooltip/TooltipRoot.vue.d.ts

@@ -1,40 +0,0 @@
-import { TooltipRootProps } from 'reka-ui';
-import { TBreakpoints } from '../../types/global.types';
-import { InjectionKey, Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-export interface ITooltipRootProps extends TooltipRootProps {
-    breakpointMobile?: TBreakpoints;
-}
-export interface ITooltipAdaptiveContext {
-    isMobile: Ref<boolean>;
-    isOpen: Ref<boolean>;
-}
-export declare const TOOLTIP_ADAPTIVE_KEY: InjectionKey<ITooltipAdaptiveContext>;
-export declare function injectTooltipAdaptiveContext(): ITooltipAdaptiveContext;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots< DefineComponent<ITooltipRootProps & {
-    open?: boolean;
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<ITooltipRootProps & {
-    open?: boolean;
-}> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    defaultOpen: boolean;
-    breakpointMobile: TBreakpoints;
-    delayDuration: number;
-    disableHoverableContent: boolean;
-    disableClosingTrigger: boolean;
-    ignoreNonKeyboardFocus: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/Tooltip/TooltipTrigger.vue.d.ts

@@ -1,17 +0,0 @@
-import { TooltipTriggerProps } from 'reka-ui';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {}, __VLS_19: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-} & {
-    default?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};