@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/errors/index.js

@@ -1,25 +1,25 @@
-import { r as e } from "../chunks/flex-C7njxZ74.js";
-import { Text as t } from "../text/index.js";
-import { Component as n, useEffect as r, useState as i } from "react";
-import { useQueryClient as a } from "@tanstack/react-query";
-import { logError as o } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { captureRuntimeErrorReport as l } from "@ryuzaki13/react-foundation-lib/error-report";
+import { Text as e } from "../text/index.js";
+import { r as t } from "../chunks/flex-DtXK7OM4.js";
+import { logError as n } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Component as a, useEffect as o, useState as s } from "react";
+import { captureRuntimeErrorReport as c } from "@ryuzaki13/react-foundation-lib/error-report";
+import { useQueryClient as l } from "@tanstack/react-query";
 //#region src/errors/PageError.tsx
-var u = ({ code: t, title: n, description: r }) => /* @__PURE__ */ c(e.Predefined, {
+var u = ({ code: e, title: n, description: a }) => /* @__PURE__ */ i(t.Predefined, {
 	variant: "columnCenter",
 	className: "paddingXl",
 	children: [
-		/* @__PURE__ */ s("div", {
+		/* @__PURE__ */ r("div", {
 			"aria-hidden": "true",
 			className: "content2 fontBolded",
 			style: { fontSize: "5em" },
-			children: t
+			children: e
 		}),
-		/* @__PURE__ */ s("h2", { children: n }),
-		/* @__PURE__ */ s("p", { children: r })
+		/* @__PURE__ */ r("h2", { children: n }),
+		/* @__PURE__ */ r("p", { children: a })
 	]
-}), d = () => /* @__PURE__ */ s(u, {
+}), d = () => /* @__PURE__ */ r(u, {
 	code: 400,
 	title: "Некорректный запрос",
 	description: "Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную."
@@ -27,8 +27,8 @@ var u = ({ code: t, title: n, description: r }) => /* @__PURE__ */ c(e.Predefine
 //#endregion
 //#region src/errors/BoomExplosion.tsx
 function f() {
-	let [e] = i(() => `scale(${.7 + Math.random() * .3}) rotateZ(${Math.random() * 45 - 15}deg)`);
-	return /* @__PURE__ */ s("svg", {
+	let [e] = s(() => `scale(${.7 + Math.random() * .3}) rotateZ(${Math.random() * 45 - 15}deg)`);
+	return /* @__PURE__ */ r("svg", {
 		viewBox: "0 0 300 300",
 		width: "300",
 		height: "300",
@@ -40,7 +40,7 @@ function f() {
 			zIndex: 0,
 			opacity: .5
 		},
-		children: /* @__PURE__ */ s("polygon", {
+		children: /* @__PURE__ */ r("polygon", {
 			points: "\n150,10 170,60 230,40 200,100 270,110 210,150 270,190 200,200 230,260 170,240 150,290 130,240\n70,260 100,200 30,190 90,150 30,110 100,100 70,40 130,60",
 			fill: "var(--error-on-fill)",
 			stroke: "var(--error-fill)",
@@ -62,11 +62,11 @@ var p = [
 	"Облом!",
 	"Ёлки-палки!",
 	"Хлоп!"
-], m = () => /* @__PURE__ */ s(u, {
+], m = () => /* @__PURE__ */ r(u, {
 	code: 403,
 	title: "Доступ запрещён",
 	description: "У вас нет прав для просмотра этой страницы."
-}), h = () => /* @__PURE__ */ s(u, {
+}), h = () => /* @__PURE__ */ r(u, {
 	code: 404,
 	title: "Страница не найдена",
 	description: "Извините, запрашиваемая страница не существует"
@@ -76,35 +76,35 @@ var p = [
 function g(e) {
 	if (!(!("status" in e) || typeof e.status != "number")) return e.status;
 }
-var _ = ({ error: e, componentStack: t, draftId: n }) => {
-	let [u] = i(() => Math.random()), _ = a();
-	r(() => {
-		n === void 0 && l(e, {
+var _ = ({ error: e, componentStack: t, draftId: a }) => {
+	let [u] = s(() => Math.random()), _ = l();
+	o(() => {
+		a === void 0 && c(e, {
 			category: "react",
 			componentStack: t
 		}, _);
 	}, [
 		t,
-		n,
+		a,
 		e,
 		_
 	]);
 	let v = g(e);
 	if (v) switch (v) {
-		case 400: return /* @__PURE__ */ s(d, {});
-		case 403: return /* @__PURE__ */ s(m, {});
-		case 404: return /* @__PURE__ */ s(h, {});
+		case 400: return /* @__PURE__ */ r(d, {});
+		case 403: return /* @__PURE__ */ r(m, {});
+		case 404: return /* @__PURE__ */ r(h, {});
 	}
-	return o(e.stack), /* @__PURE__ */ c("section", {
+	return n(e.stack), /* @__PURE__ */ i("section", {
 		className: "w100 h100 flexColumn justifyContentCenter paddingMd",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ i("div", {
 			"aria-hidden": "true",
 			className: "textCenter relative fontBolded statusError",
 			style: {
 				fontSize: "4em",
 				marginBlock: "2em"
 			},
-			children: [/* @__PURE__ */ s(f, {}), /* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", {
 				style: {
 					zIndex: 1,
 					position: "relative",
@@ -112,22 +112,22 @@ var _ = ({ error: e, componentStack: t, draftId: n }) => {
 				},
 				children: p[Math.floor(u * p.length)]
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ i("div", {
 			className: "textCenter",
 			children: [
-				/* @__PURE__ */ s("h2", {
+				/* @__PURE__ */ r("h2", {
 					className: "statusError",
 					children: "Критическая ошибка"
 				}),
-				/* @__PURE__ */ s("p", {
+				/* @__PURE__ */ r("p", {
 					className: "statusError fontSizeLg",
-					children: /* @__PURE__ */ s("code", { children: e.message })
+					children: /* @__PURE__ */ r("code", { children: e.message })
 				}),
-				/* @__PURE__ */ s("p", { children: "Попробуйте перезагрузить страницу или вернуться позже." })
+				/* @__PURE__ */ r("p", { children: "Попробуйте перезагрузить страницу или вернуться позже." })
 			]
 		})]
 	});
-}, v = class extends n {
+}, v = class extends a {
 	constructor(e) {
 		super(e), this.state = { error: null };
 	}
@@ -145,7 +145,7 @@ var _ = ({ error: e, componentStack: t, draftId: n }) => {
 		this.setState({
 			componentStack: t.componentStack ?? void 0,
 			draftId: null
-		}), l(e, {
+		}), c(e, {
 			category: "react",
 			componentStack: t.componentStack ?? void 0
 		}).then((t) => {
@@ -155,7 +155,7 @@ var _ = ({ error: e, componentStack: t, draftId: n }) => {
 	render() {
 		if (this.state.error) {
 			let e = this.props.customComponent;
-			return e ? /* @__PURE__ */ s(e, { error: this.state.error }) : /* @__PURE__ */ s(_, {
+			return e ? /* @__PURE__ */ r(e, { error: this.state.error }) : /* @__PURE__ */ r(_, {
 				error: this.state.error,
 				componentStack: this.state.componentStack,
 				draftId: this.state.draftId
@@ -164,14 +164,14 @@ var _ = ({ error: e, componentStack: t, draftId: n }) => {
 		return this.props.children;
 	}
 }, y = ({ header: e, description: t }) => {
-	let [n] = i(() => Math.random());
-	return /* @__PURE__ */ c("div", {
+	let [n] = s(() => Math.random());
+	return /* @__PURE__ */ i("div", {
 		className: "container marginBlockLg",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ i("div", {
 			"aria-hidden": "true",
 			className: "textCenter relative fontBolded statusWarning marginBlockMd",
 			style: { fontSize: "6em" },
-			children: [/* @__PURE__ */ s(f, {}), /* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", {
 				style: {
 					zIndex: 1,
 					position: "relative",
@@ -179,33 +179,33 @@ var _ = ({ error: e, componentStack: t, draftId: n }) => {
 				},
 				children: p[Math.floor(n * p.length)]
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ i("div", {
 			className: "flexColumn alignItemsCenter textCenter marginBlockMd",
-			children: [e && /* @__PURE__ */ s("h2", {
+			children: [e && /* @__PURE__ */ r("h2", {
 				className: "statusWarning",
 				children: e
-			}), t && /* @__PURE__ */ s("p", { children: t })]
+			}), t && /* @__PURE__ */ r("p", { children: t })]
 		})]
 	});
 };
 //#endregion
 //#region src/errors/SimpleErrorDisplay.tsx
-function b({ error: e }) {
-	return o(e.stack), /* @__PURE__ */ s(t, {
+function b({ error: t }) {
+	return n(t.stack), /* @__PURE__ */ r(e, {
 		color: "error",
-		children: /* @__PURE__ */ s("code", { children: e.message })
+		children: /* @__PURE__ */ r("code", { children: t.message })
 	});
 }
 //#endregion
 //#region src/errors/UnauthorizedPage.tsx
-var x = () => /* @__PURE__ */ s(u, {
+var x = () => /* @__PURE__ */ r(u, {
 	code: 401,
 	title: "Необходима авторизация",
 	description: "Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова."
-}), S = () => /* @__PURE__ */ s(e.Predefined, {
+}), S = () => /* @__PURE__ */ r(t.Predefined, {
 	variant: "columnCenter",
 	className: "paddingXl",
-	children: /* @__PURE__ */ s("h2", {
+	children: /* @__PURE__ */ r("h2", {
 		className: "content2",
 		children: "Выберите ракурс"
 	})

package/dist/expandable-action-panel/index.js

@@ -1,9 +1,9 @@
-import { n as e } from "../chunks/button-DF21yxVp.js";
-import { l as t } from "../chunks/misc-DeGboAt-.js";
-import { useCallback as n, useId as r, useState as i } from "react";
-import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { ChevronsLeftIcon as c, ChevronsRightIcon as l } from "lucide-react";
+import { n as e } from "../chunks/button-D7GAU2Wa.js";
+import { l as t } from "../chunks/misc-CGQOXXCy.js";
+import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
+import { ChevronsLeftIcon as r, ChevronsRightIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useId as c, useState as l } from "react";
 var u = {
 	expandableActionPanel: "sj-rIq",
 	content: "_3anR7j",
@@ -15,21 +15,21 @@ var u = {
 //#endregion
 //#region src/expandable-action-panel/ExpandableActionPanel.tsx
 function d({ children: d, className: f, contentClassName: p, toggleClassName: m, open: h, defaultOpen: g = !1, disabled: _, onOpenChange: v, expandLabel: y = "Раскрыть панель действий влево", collapseLabel: b = "Свернуть панель действий", panelLabel: x = "Действия панели", itemSelector: S, scrollPadding: C, smoothScroll: w }) {
-	let [T, E] = i(g), D = r(), O = h !== void 0, k = O ? h : T, A = n((e) => {
+	let [T, E] = l(g), D = c(), O = h !== void 0, k = O ? h : T, A = s((e) => {
 		let t = typeof e == "function" ? e(k) : e;
 		O || E(t), v?.(t);
 	}, [
 		O,
 		v,
 		k
-	]), j = () => A((e) => !e), M = k ? l : c;
-	return /* @__PURE__ */ s("div", {
-		className: a(u.expandableActionPanel, f),
+	]), j = () => A((e) => !e), M = k ? i : r;
+	return /* @__PURE__ */ o("div", {
+		className: n(u.expandableActionPanel, f),
 		"data-ui": "expandable-action-panel",
 		"data-open": k ? "" : void 0,
-		children: [/* @__PURE__ */ o(e, {
+		children: [/* @__PURE__ */ a(e, {
 			className: m,
-			icon: /* @__PURE__ */ o(M, {}),
+			icon: /* @__PURE__ */ a(M, {}),
 			title: k ? b : y,
 			disabled: _,
 			variant: "neutralOutline",
@@ -38,12 +38,12 @@ function d({ children: d, className: f, contentClassName: p, toggleClassName: m,
 			"data-ui": "expandable-action-panel-toggle",
 			"data-action": k ? "collapse-action-panel" : "expand-action-panel",
 			onClick: j
-		}), k && /* @__PURE__ */ o("div", {
+		}), k && /* @__PURE__ */ a("div", {
 			id: D,
 			role: "group",
 			"aria-label": x,
-			className: a(u.content, p),
-			children: /* @__PURE__ */ o(t, {
+			className: n(u.content, p),
+			children: /* @__PURE__ */ a(t, {
 				className: u.contentScroller,
 				itemSelector: S,
 				scrollPadding: C,
@@ -55,24 +55,24 @@ function d({ children: d, className: f, contentClassName: p, toggleClassName: m,
 }
 //#endregion
 //#region src/expandable-action-panel/LabeledExpandableActionPanel.tsx
-function f({ label: e, className: t, labelClassName: n, labelStyle: r, labelMinWidth: i = "12em", panelClassName: c, open: l, defaultOpen: f, ...p }) {
+function f({ label: e, className: t, labelClassName: r, labelStyle: i, labelMinWidth: s = "12em", panelClassName: c, open: l, defaultOpen: f, ...p }) {
 	let m = {
-		...r,
-		minWidth: i
+		...i,
+		minWidth: s
 	}, h = typeof e == "string" ? e : void 0;
-	return /* @__PURE__ */ s("div", {
-		className: a(u.labeledPanel, t),
+	return /* @__PURE__ */ o("div", {
+		className: n(u.labeledPanel, t),
 		"data-ui": "labeled-expandable-action-panel",
-		children: [/* @__PURE__ */ o("div", {
-			className: a("flexEllipsis", u.label, n),
+		children: [/* @__PURE__ */ a("div", {
+			className: n("flexEllipsis", u.label, r),
 			style: m,
 			title: h,
 			children: e
-		}), /* @__PURE__ */ o(d, {
+		}), /* @__PURE__ */ a(d, {
 			...p,
 			open: l,
 			defaultOpen: f,
-			className: a(u.labeledActionPanel, c)
+			className: n(u.labeledActionPanel, c)
 		})]
 	});
 }

package/dist/flex/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/flex-C7njxZ74.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/flex-DtXK7OM4.js";
 export { i as Flex, n as FlexCenter, r as FlexContainer, e as FlexItem, a as FlexSpacer, t as PredefinedFlex };

package/dist/flex/useFlexClasses.d.ts

@@ -4,5 +4,5 @@ export type ResolvedFlexContainerProps = ResolvedProps<FlexContainerLayoutProps>
 export type ResolvedFlexItemProps = ResolvedProps<FlexItemLayoutProps>;
 export declare const useFlexContainerClasses: (props: ResolvedFlexContainerProps) => string;
 export declare const useFlexItemClasses: (props: ResolvedFlexItemProps) => string;
-export declare const useFlexPredefinedClasses: (variant: string) => "container" | "inline" | "row" | "center" | "column" | "nowrap" | "wrap" | "rowReverse" | "columnReverse" | "wrapReverse" | "grow" | "shrink" | "flex0" | "flex1" | "centerBetween" | "columnCenter" | "alignStart" | "alignCenter" | "alignEnd" | "alignStretch" | "alignBaseline" | "justifyStart" | "justifyCenter" | "justifyEnd" | "justifyStretch" | "justifyBetween" | "justifyAround" | "justifyEvenly" | "alignContentStart" | "alignContentCenter" | "alignContentEnd" | "alignContentStretch" | "alignContentBetween" | "alignContentAround" | "alignContentEvenly" | "gapNone" | "gapRowXs" | "gapRowSm" | "gapRowMd" | "gapRowLg" | "gapRowXl" | "gapColumnXs" | "gapColumnSm" | "gapColumnMd" | "gapColumnLg" | "gapColumnXl" | "gapXs" | "gapSm" | "gapMd" | "gapLg" | "gapXl" | "item" | "grow0" | "shrink0" | "basis0" | "basisAuto" | "alignSelfStart" | "alignSelfCenter" | "alignSelfEnd" | "alignSelfStretch" | "alignSelfBaseline" | "justifySelfCenter" | "justifySelfEnd" | "justifySelfStretch";
+export declare const useFlexPredefinedClasses: (variant: string) => "wrap" | "row" | "center" | "container" | "inline" | "column" | "nowrap" | "rowReverse" | "columnReverse" | "wrapReverse" | "grow" | "shrink" | "flex0" | "flex1" | "centerBetween" | "columnCenter" | "alignStart" | "alignCenter" | "alignEnd" | "alignStretch" | "alignBaseline" | "justifyStart" | "justifyCenter" | "justifyEnd" | "justifyStretch" | "justifyBetween" | "justifyAround" | "justifyEvenly" | "alignContentStart" | "alignContentCenter" | "alignContentEnd" | "alignContentStretch" | "alignContentBetween" | "alignContentAround" | "alignContentEvenly" | "gapNone" | "gapRowXs" | "gapRowSm" | "gapRowMd" | "gapRowLg" | "gapRowXl" | "gapColumnXs" | "gapColumnSm" | "gapColumnMd" | "gapColumnLg" | "gapColumnXl" | "gapXs" | "gapSm" | "gapMd" | "gapLg" | "gapXl" | "item" | "grow0" | "shrink0" | "basis0" | "basisAuto" | "alignSelfStart" | "alignSelfCenter" | "alignSelfEnd" | "alignSelfStretch" | "alignSelfBaseline" | "justifySelfCenter" | "justifySelfEnd" | "justifySelfStretch";
 //# sourceMappingURL=useFlexClasses.d.ts.map

package/dist/floating-arrow/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/floating-arrow-DPKwJfww.js";
+import { t as e } from "../chunks/floating-arrow-DKUKx2ZQ.js";
 export { e as TooltipArrow };

package/dist/fullscreen-portal/index.js

@@ -1,6 +1,6 @@
-import { useCallback as e } from "react";
-import { FloatingFocusManager as t, FloatingOverlay as n, FloatingPortal as r, useDismiss as i, useFloating as a, useInteractions as o, useRole as s } from "@floating-ui/react";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
+import { useCallback as t } from "react";
+import { FloatingFocusManager as n, FloatingOverlay as r, FloatingPortal as i, useDismiss as a, useFloating as o, useInteractions as s, useRole as c } from "@floating-ui/react";
 var l = {
 	overlay: "fY8BBX",
 	panel: "M9Yms2"
@@ -12,20 +12,20 @@ function u(e, t) {
 	return n ? `${n}. ${t}` : t;
 }
 function d({ open: d, title: f, description: p, onOpenChange: m, children: h }) {
-	let { refs: g, context: _ } = a({
+	let { refs: g, context: _ } = o({
 		open: d,
 		onOpenChange: m
-	}), v = i(_, { outsidePress: !1 }), y = s(_, { role: "dialog" }), { getFloatingProps: b } = o([v, y]), x = e((e) => {
+	}), v = a(_, { outsidePress: !1 }), y = c(_, { role: "dialog" }), { getFloatingProps: b } = s([v, y]), x = t((e) => {
 		g.setFloating(e);
 	}, [g]);
-	return d ? /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(n, {
+	return d ? /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, {
 		lockScroll: !0,
 		className: l.overlay,
-		children: /* @__PURE__ */ c(t, {
+		children: /* @__PURE__ */ e(n, {
 			context: _,
 			modal: !1,
 			returnFocus: !0,
-			children: /* @__PURE__ */ c("section", {
+			children: /* @__PURE__ */ e("section", {
 				ref: x,
 				...b({
 					className: l.panel,