@ryuzaki13/react-foundation-ui 3.5.0 → 3.7.0

package/dist/errors/index.js

@@ -1,29 +1,36 @@
 import { Text as e } from "../text/index.js";
-import { r as t } from "../chunks/flex-DtXK7OM4.js";
+import { r as t } from "../chunks/flex-D86M_h-0.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: e, title: n, description: a }) => /* @__PURE__ */ i(t.Predefined, {
-	variant: "columnCenter",
-	className: "paddingXl",
-	children: [
-		/* @__PURE__ */ r("div", {
-			"aria-hidden": "true",
-			className: "content2 fontBolded",
-			style: { fontSize: "5em" },
-			children: e
-		}),
-		/* @__PURE__ */ r("h2", { children: n }),
-		/* @__PURE__ */ r("p", { children: a })
-	]
-}), d = () => /* @__PURE__ */ r(u, {
-	code: 400,
-	title: "Некорректный запрос",
-	description: "Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную."
-});
+function u({ code: e, title: n, description: a }) {
+	return /* @__PURE__ */ i(t.Predefined, {
+		variant: "columnCenter",
+		className: "paddingXl",
+		children: [
+			/* @__PURE__ */ r("div", {
+				"aria-hidden": "true",
+				className: "content2 fontBolded",
+				style: { fontSize: "5em" },
+				children: e
+			}),
+			/* @__PURE__ */ r("h2", { children: n }),
+			/* @__PURE__ */ r("p", { children: a })
+		]
+	});
+}
+//#endregion
+//#region src/errors/BadRequestPage.tsx
+function d() {
+	return /* @__PURE__ */ r(u, {
+		code: 400,
+		title: "Некорректный запрос",
+		description: "Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную."
+	});
+}
 //#endregion
 //#region src/errors/BoomExplosion.tsx
 function f() {
@@ -62,21 +69,31 @@ var p = [
 	"Облом!",
 	"Ёлки-палки!",
 	"Хлоп!"
-], m = () => /* @__PURE__ */ r(u, {
-	code: 403,
-	title: "Доступ запрещён",
-	description: "У вас нет прав для просмотра этой страницы."
-}), h = () => /* @__PURE__ */ r(u, {
-	code: 404,
-	title: "Страница не найдена",
-	description: "Извините, запрашиваемая страница не существует"
-});
+];
+//#endregion
+//#region src/errors/ForbiddenPage.tsx
+function m() {
+	return /* @__PURE__ */ r(u, {
+		code: 403,
+		title: "Доступ запрещён",
+		description: "У вас нет прав для просмотра этой страницы."
+	});
+}
+//#endregion
+//#region src/errors/NotFoundPage.tsx
+function h() {
+	return /* @__PURE__ */ r(u, {
+		code: 404,
+		title: "Страница не найдена",
+		description: "Извините, запрашиваемая страница не существует"
+	});
+}
 //#endregion
 //#region src/errors/ErrorDisplay.tsx
 function g(e) {
 	if (!(!("status" in e) || typeof e.status != "number")) return e.status;
 }
-var _ = ({ error: e, componentStack: t, draftId: a }) => {
+function _({ error: e, componentStack: t, draftId: a }) {
 	let [u] = s(() => Math.random()), _ = l();
 	o(() => {
 		a === void 0 && c(e, {
@@ -127,7 +144,10 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 			]
 		})]
 	});
-}, v = class extends a {
+}
+//#endregion
+//#region src/errors/ErrorBoundary.tsx
+var v = class extends a {
 	constructor(e) {
 		super(e), this.state = { error: null };
 	}
@@ -163,7 +183,10 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 		}
 		return this.props.children;
 	}
-}, y = ({ header: e, description: t }) => {
+};
+//#endregion
+//#region src/errors/ErrorExplosion.tsx
+function y({ header: e, description: t }) {
 	let [n] = s(() => Math.random());
 	return /* @__PURE__ */ i("div", {
 		className: "container marginBlockLg",
@@ -187,7 +210,7 @@ var _ = ({ error: e, componentStack: t, draftId: a }) => {
 			}), t && /* @__PURE__ */ r("p", { children: t })]
 		})]
 	});
-};
+}
 //#endregion
 //#region src/errors/SimpleErrorDisplay.tsx
 function b({ error: t }) {
@@ -198,18 +221,25 @@ function b({ error: t }) {
 }
 //#endregion
 //#region src/errors/UnauthorizedPage.tsx
-var x = () => /* @__PURE__ */ r(u, {
-	code: 401,
-	title: "Необходима авторизация",
-	description: "Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова."
-}), S = () => /* @__PURE__ */ r(t.Predefined, {
-	variant: "columnCenter",
-	className: "paddingXl",
-	children: /* @__PURE__ */ r("h2", {
-		className: "content2",
-		children: "Выберите ракурс"
-	})
-});
+function x() {
+	return /* @__PURE__ */ r(u, {
+		code: 401,
+		title: "Необходима авторизация",
+		description: "Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова."
+	});
+}
+//#endregion
+//#region src/errors/ViewNotChanged.tsx
+function S() {
+	return /* @__PURE__ */ r(t.Predefined, {
+		variant: "columnCenter",
+		className: "paddingXl",
+		children: /* @__PURE__ */ r("h2", {
+			className: "content2",
+			children: "Выберите ракурс"
+		})
+	});
+}
 //#endregion
 export { d as BadRequestPage, f as BoomExplosion, v as ErrorBoundary, _ as ErrorDisplay, y as ErrorExplosion, m as ForbiddenPage, h as NotFoundPage, u as PageError, b as SimpleErrorDisplay, x as UnauthorizedPage, S as ViewNotChanged };
 

package/dist/errors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/errors/PageError.tsx","../../src/errors/BadRequestPage.tsx","../../src/errors/BoomExplosion.tsx","../../src/errors/constants.ts","../../src/errors/ForbiddenPage.tsx","../../src/errors/NotFoundPage.tsx","../../src/errors/ErrorDisplay.tsx","../../src/errors/ErrorBoundary.tsx","../../src/errors/ErrorExplosion.tsx","../../src/errors/SimpleErrorDisplay.tsx","../../src/errors/UnauthorizedPage.tsx","../../src/errors/ViewNotChanged.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\ninterface PageErrorProps {\n\tcode: string | number;\n\ttitle: string;\n\tdescription: string;\n}\n\nexport const PageError: React.FC<PageErrorProps> = ({ code, title, description }) => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<div aria-hidden=\"true\" className=\"content2 fontBolded\" style={{ fontSize: \"5em\" }}>\n\t\t\t\t{code}\n\t\t\t</div>\n\t\t\t<h2>{title}</h2>\n\t\t\t<p>{description}</p>\n\t\t\t{/* <Link to=\"/\">Вернуться на главную</Link> */}\n\t\t</Flex.Predefined>\n\t);\n};\n","import { PageError } from \"./PageError\";\n\nexport const BadRequestPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={400}\n\t\t\ttitle=\"Некорректный запрос\"\n\t\t\tdescription=\"Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную.\"\n\t\t/>\n\t);\n};\n","import { useState } from \"react\";\n\nexport function BoomExplosion() {\n\tconst [transform] = useState(() => {\n\t\tconst scale = 0.7 + Math.random() * 0.3;\n\t\tconst rotate = Math.random() * 45 - 15;\n\t\treturn `scale(${scale}) rotateZ(${rotate}deg)`;\n\t});\n\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 300 300\"\n\t\t\twidth=\"300\"\n\t\t\theight=\"300\"\n\t\t\tstyle={{\n\t\t\t\tposition: \"absolute\",\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"50%\",\n\t\t\t\ttransform: `translate(-50%, -50%) ${transform}`,\n\t\t\t\tzIndex: 0,\n\t\t\t\topacity: 0.5\n\t\t\t}}>\n\t\t\t<polygon\n\t\t\t\tpoints=\"\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\"\n\t\t\t\tfill=\"var(--error-on-fill)\"\n\t\t\t\tstroke=\"var(--error-fill)\"\n\t\t\t\tstrokeWidth=\"5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n","export const ERROR_BOOM_MESSAGES = [\"Упс!\", \"Ой!\", \"Эх!\", \"Ай-ай-ай!\", \"Бах!\", \"Бум!\", \"Ого!\", \"Облом!\", \"Ёлки-палки!\", \"Хлоп!\"];\n","import { PageError } from \"./PageError\";\n\nexport const ForbiddenPage: React.FC = () => {\n\treturn <PageError code={403} title=\"Доступ запрещён\" description=\"У вас нет прав для просмотра этой страницы.\" />;\n};\n","import { PageError } from \"./PageError\";\n\nexport const NotFoundPage: React.FC = () => {\n\treturn <PageError code={404} title=\"Страница не найдена\" description=\"Извините, запрашиваемая страница не существует\" />;\n};\n","import { useEffect, useState } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\nimport { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { BadRequestPage } from \"./BadRequestPage\";\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\nimport { ForbiddenPage } from \"./ForbiddenPage\";\nimport { NotFoundPage } from \"./NotFoundPage\";\n\nfunction getHttpStatusCode(error: Error): number | undefined {\n\tif (!(\"status\" in error) || typeof error.status !== \"number\") return undefined;\n\treturn error.status;\n}\n\nexport const ErrorDisplay: React.FC<{ error: Error; componentStack?: string; draftId?: string | null }> = ({\n\terror,\n\tcomponentStack,\n\tdraftId\n}) => {\n\tconst [randomValue] = useState(() => Math.random());\n\tconst queryClient = useQueryClient();\n\n\tuseEffect(() => {\n\t\tif (draftId !== undefined) return;\n\n\t\tvoid captureRuntimeErrorReport(\n\t\t\terror,\n\t\t\t{\n\t\t\t\tcategory: \"react\",\n\t\t\t\tcomponentStack\n\t\t\t},\n\t\t\tqueryClient\n\t\t);\n\t}, [componentStack, draftId, error, queryClient]);\n\n\tconst httpStatusCode = getHttpStatusCode(error);\n\n\tif (httpStatusCode) {\n\t\tswitch (httpStatusCode) {\n\t\t\tcase 400:\n\t\t\t\treturn <BadRequestPage />;\n\t\t\tcase 403:\n\t\t\t\treturn <ForbiddenPage />;\n\t\t\tcase 404:\n\t\t\t\treturn <NotFoundPage />;\n\t\t}\n\t}\n\n\tlogError(error.stack);\n\n\treturn (\n\t\t<section className=\"w100 h100 flexColumn justifyContentCenter paddingMd\">\n\t\t\t<div aria-hidden=\"true\" className=\"textCenter relative fontBolded statusError\" style={{ fontSize: \"4em\", marginBlock: \"2em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px -1px 1px var(--warning-border), -1px 1px 1px var(--info-border)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"textCenter\">\n\t\t\t\t<h2 className=\"statusError\">Критическая ошибка</h2>\n\t\t\t\t<p className=\"statusError fontSizeLg\">\n\t\t\t\t\t<code>{error.message}</code>\n\t\t\t\t</p>\n\t\t\t\t<p>Попробуйте перезагрузить страницу или вернуться позже.</p>\n\t\t\t</div>\n\t\t</section>\n\t);\n};\n","import React, { Component } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\n\nimport { ErrorDisplay } from \"./ErrorDisplay\";\n\ninterface ErrorBoundaryProps {\n\tchildren: React.ReactNode;\n\tcustomComponent?: React.ComponentType<{ error: Error }>;\n}\n\ntype ErrorBoundaryState = {\n\terror: Error | null;\n\tcomponentStack?: string;\n\tdraftId?: string | null;\n};\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error };\n\t}\n\n\tcomponentDidUpdate(prevProps: ErrorBoundaryProps) {\n\t\t// Сбрасываем ошибку при изменении children\n\t\tif (this.state.error && prevProps.children !== this.props.children) {\n\t\t\tthis.setState({ error: null, componentStack: undefined, draftId: undefined });\n\t\t}\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n\t\tthis.setState({ componentStack: errorInfo.componentStack ?? undefined, draftId: null });\n\n\t\tcaptureRuntimeErrorReport(error, {\n\t\t\tcategory: \"react\",\n\t\t\tcomponentStack: errorInfo.componentStack ?? undefined\n\t\t}).then((draft) => {\n\t\t\tif (draft && this.state.error === error) {\n\t\t\t\tthis.setState({ draftId: draft.reportId });\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.error) {\n\t\t\tconst CustomComponent = this.props.customComponent;\n\t\t\treturn CustomComponent ? (\n\t\t\t\t<CustomComponent error={this.state.error} />\n\t\t\t) : (\n\t\t\t\t<ErrorDisplay error={this.state.error} componentStack={this.state.componentStack} draftId={this.state.draftId} />\n\t\t\t);\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n","import React, { useState } from \"react\";\n\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\n\ninterface ErrorExplosionProps {\n\theader?: string;\n\tdescription?: string;\n}\n\nexport const ErrorExplosion: React.FC<ErrorExplosionProps> = ({ header, description }) => {\n\tconst [randomValue] = useState(() => Math.random());\n\n\treturn (\n\t\t<div className=\"container marginBlockLg\">\n\t\t\t<div aria-hidden=\"true\" className={\"textCenter relative fontBolded statusWarning marginBlockMd\"} style={{ fontSize: \"6em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px 0 1px var(--error-fill), -1px 0 1px var(--info-fill)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flexColumn alignItemsCenter textCenter marginBlockMd\">\n\t\t\t\t{header && <h2 className=\"statusWarning\">{header}</h2>}\n\t\t\t\t{description && <p>{description}</p>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n","import { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Text } from \"../text\";\n\nexport function SimpleErrorDisplay({ error }: { error: Error }) {\n\tlogError(error.stack);\n\n\treturn (\n\t\t<Text color=\"error\">\n\t\t\t<code>{error.message}</code>\n\t\t</Text>\n\t);\n}\n","import { PageError } from \"./PageError\";\n\nexport const UnauthorizedPage: React.FC = () => {\n\treturn (\n\t\t<PageError\n\t\t\tcode={401}\n\t\t\ttitle=\"Необходима авторизация\"\n\t\t\tdescription=\"Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова.\"\n\t\t/>\n\t);\n};\n","import React from \"react\";\n\nimport { Flex } from \"../flex\";\n\nexport const ViewNotChanged: React.FC = () => {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<h2 className=\"content2\">Выберите ракурс</h2>\n\t\t</Flex.Predefined>\n\t);\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/errors/PageError.tsx","../../src/errors/BadRequestPage.tsx","../../src/errors/BoomExplosion.tsx","../../src/errors/constants.ts","../../src/errors/ForbiddenPage.tsx","../../src/errors/NotFoundPage.tsx","../../src/errors/ErrorDisplay.tsx","../../src/errors/ErrorBoundary.tsx","../../src/errors/ErrorExplosion.tsx","../../src/errors/SimpleErrorDisplay.tsx","../../src/errors/UnauthorizedPage.tsx","../../src/errors/ViewNotChanged.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\n\ninterface PageErrorProps {\n\tcode: string | number;\n\ttitle: string;\n\tdescription: string;\n}\n\nexport function PageError({ code, title, description }: PageErrorProps) {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<div aria-hidden=\"true\" className=\"content2 fontBolded\" style={{ fontSize: \"5em\" }}>\n\t\t\t\t{code}\n\t\t\t</div>\n\t\t\t<h2>{title}</h2>\n\t\t\t<p>{description}</p>\n\t\t\t{/* <Link to=\"/\">Вернуться на главную</Link> */}\n\t\t</Flex.Predefined>\n\t);\n}\n","import { PageError } from \"./PageError\";\n\nexport function BadRequestPage() {\n\treturn (\n\t\t<PageError\n\t\t\tcode={400}\n\t\t\ttitle=\"Некорректный запрос\"\n\t\t\tdescription=\"Похоже, что запрос был сформирован неверно. Попробуйте обновить страницу или вернуться на главную.\"\n\t\t/>\n\t);\n}\n","import { useState } from \"react\";\n\nexport function BoomExplosion() {\n\tconst [transform] = useState(() => {\n\t\tconst scale = 0.7 + Math.random() * 0.3;\n\t\tconst rotate = Math.random() * 45 - 15;\n\t\treturn `scale(${scale}) rotateZ(${rotate}deg)`;\n\t});\n\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 300 300\"\n\t\t\twidth=\"300\"\n\t\t\theight=\"300\"\n\t\t\tstyle={{\n\t\t\t\tposition: \"absolute\",\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"50%\",\n\t\t\t\ttransform: `translate(-50%, -50%) ${transform}`,\n\t\t\t\tzIndex: 0,\n\t\t\t\topacity: 0.5\n\t\t\t}}>\n\t\t\t<polygon\n\t\t\t\tpoints=\"\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\"\n\t\t\t\tfill=\"var(--error-on-fill)\"\n\t\t\t\tstroke=\"var(--error-fill)\"\n\t\t\t\tstrokeWidth=\"5\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n","export const ERROR_BOOM_MESSAGES = [\"Упс!\", \"Ой!\", \"Эх!\", \"Ай-ай-ай!\", \"Бах!\", \"Бум!\", \"Ого!\", \"Облом!\", \"Ёлки-палки!\", \"Хлоп!\"];\n","import { PageError } from \"./PageError\";\n\nexport function ForbiddenPage() {\n\treturn <PageError code={403} title=\"Доступ запрещён\" description=\"У вас нет прав для просмотра этой страницы.\" />;\n}\n","import { PageError } from \"./PageError\";\n\nexport function NotFoundPage() {\n\treturn <PageError code={404} title=\"Страница не найдена\" description=\"Извините, запрашиваемая страница не существует\" />;\n}\n","import { useEffect, useState } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\nimport { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { useQueryClient } from \"@tanstack/react-query\";\n\nimport { BadRequestPage } from \"./BadRequestPage\";\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\nimport { ForbiddenPage } from \"./ForbiddenPage\";\nimport { NotFoundPage } from \"./NotFoundPage\";\n\nfunction getHttpStatusCode(error: Error): number | undefined {\n\tif (!(\"status\" in error) || typeof error.status !== \"number\") return undefined;\n\treturn error.status;\n}\n\nexport function ErrorDisplay({ error, componentStack, draftId }: { error: Error; componentStack?: string; draftId?: string | null }) {\n\tconst [randomValue] = useState(() => Math.random());\n\tconst queryClient = useQueryClient();\n\n\tuseEffect(() => {\n\t\tif (draftId !== undefined) return;\n\n\t\tvoid captureRuntimeErrorReport(\n\t\t\terror,\n\t\t\t{\n\t\t\t\tcategory: \"react\",\n\t\t\t\tcomponentStack\n\t\t\t},\n\t\t\tqueryClient\n\t\t);\n\t}, [componentStack, draftId, error, queryClient]);\n\n\tconst httpStatusCode = getHttpStatusCode(error);\n\n\tif (httpStatusCode) {\n\t\tswitch (httpStatusCode) {\n\t\t\tcase 400:\n\t\t\t\treturn <BadRequestPage />;\n\t\t\tcase 403:\n\t\t\t\treturn <ForbiddenPage />;\n\t\t\tcase 404:\n\t\t\t\treturn <NotFoundPage />;\n\t\t}\n\t}\n\n\tlogError(error.stack);\n\n\treturn (\n\t\t<section className=\"w100 h100 flexColumn justifyContentCenter paddingMd\">\n\t\t\t<div aria-hidden=\"true\" className=\"textCenter relative fontBolded statusError\" style={{ fontSize: \"4em\", marginBlock: \"2em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px -1px 1px var(--warning-border), -1px 1px 1px var(--info-border)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"textCenter\">\n\t\t\t\t<h2 className=\"statusError\">Критическая ошибка</h2>\n\t\t\t\t<p className=\"statusError fontSizeLg\">\n\t\t\t\t\t<code>{error.message}</code>\n\t\t\t\t</p>\n\t\t\t\t<p>Попробуйте перезагрузить страницу или вернуться позже.</p>\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n","import React, { Component } from \"react\";\n\nimport { captureRuntimeErrorReport } from \"@ryuzaki13/react-foundation-lib/error-report\";\n\nimport { ErrorDisplay } from \"./ErrorDisplay\";\n\ninterface ErrorBoundaryProps {\n\tchildren: React.ReactNode;\n\tcustomComponent?: React.ComponentType<{ error: Error }>;\n}\n\ntype ErrorBoundaryState = {\n\terror: Error | null;\n\tcomponentStack?: string;\n\tdraftId?: string | null;\n};\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\t\tthis.state = { error: null };\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error };\n\t}\n\n\tcomponentDidUpdate(prevProps: ErrorBoundaryProps) {\n\t\t// Сбрасываем ошибку при изменении children\n\t\tif (this.state.error && prevProps.children !== this.props.children) {\n\t\t\tthis.setState({ error: null, componentStack: undefined, draftId: undefined });\n\t\t}\n\t}\n\n\tcomponentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n\t\tthis.setState({ componentStack: errorInfo.componentStack ?? undefined, draftId: null });\n\n\t\tcaptureRuntimeErrorReport(error, {\n\t\t\tcategory: \"react\",\n\t\t\tcomponentStack: errorInfo.componentStack ?? undefined\n\t\t}).then((draft) => {\n\t\t\tif (draft && this.state.error === error) {\n\t\t\t\tthis.setState({ draftId: draft.reportId });\n\t\t\t}\n\t\t});\n\t}\n\n\trender() {\n\t\tif (this.state.error) {\n\t\t\tconst CustomComponent = this.props.customComponent;\n\t\t\treturn CustomComponent ? (\n\t\t\t\t<CustomComponent error={this.state.error} />\n\t\t\t) : (\n\t\t\t\t<ErrorDisplay error={this.state.error} componentStack={this.state.componentStack} draftId={this.state.draftId} />\n\t\t\t);\n\t\t}\n\n\t\treturn this.props.children;\n\t}\n}\n","import { useState } from \"react\";\n\nimport { BoomExplosion } from \"./BoomExplosion\";\nimport { ERROR_BOOM_MESSAGES } from \"./constants\";\n\ninterface ErrorExplosionProps {\n\theader?: string;\n\tdescription?: string;\n}\n\nexport function ErrorExplosion({ header, description }: ErrorExplosionProps) {\n\tconst [randomValue] = useState(() => Math.random());\n\n\treturn (\n\t\t<div className=\"container marginBlockLg\">\n\t\t\t<div aria-hidden=\"true\" className={\"textCenter relative fontBolded statusWarning marginBlockMd\"} style={{ fontSize: \"6em\" }}>\n\t\t\t\t<BoomExplosion />\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\ttextShadow: \"1px 0 1px var(--error-fill), -1px 0 1px var(--info-fill)\"\n\t\t\t\t\t}}>\n\t\t\t\t\t{ERROR_BOOM_MESSAGES[Math.floor(randomValue * ERROR_BOOM_MESSAGES.length)]}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flexColumn alignItemsCenter textCenter marginBlockMd\">\n\t\t\t\t{header && <h2 className=\"statusWarning\">{header}</h2>}\n\t\t\t\t{description && <p>{description}</p>}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","import { logError } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { Text } from \"../text\";\n\nexport function SimpleErrorDisplay({ error }: { error: Error }) {\n\tlogError(error.stack);\n\n\treturn (\n\t\t<Text color=\"error\">\n\t\t\t<code>{error.message}</code>\n\t\t</Text>\n\t);\n}\n","import { PageError } from \"./PageError\";\n\nexport function UnauthorizedPage() {\n\treturn (\n\t\t<PageError\n\t\t\tcode={401}\n\t\t\ttitle=\"Необходима авторизация\"\n\t\t\tdescription=\"Для доступа к этой странице нужно войти в систему. Пожалуйста, авторизуйтесь и попробуйте снова.\"\n\t\t/>\n\t);\n}\n","import { Flex } from \"../flex\";\n\nexport function ViewNotChanged() {\n\treturn (\n\t\t<Flex.Predefined variant=\"columnCenter\" className=\"paddingXl\">\n\t\t\t<h2 className=\"content2\">Выберите ракурс</h2>\n\t\t</Flex.Predefined>\n\t);\n}\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import { n as e } from "../chunks/button-D7GAU2Wa.js";
-import { l as t } from "../chunks/misc-CGQOXXCy.js";
+import { n as e } from "../chunks/button-DudCl375.js";
+import { l as t } from "../chunks/misc-Cm_LDrUD.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";

package/dist/flex/Flex.d.ts

@@ -1,6 +1,9 @@
+import { FlexContainer } from "./FlexContainer";
+import { FlexItem } from "./FlexItem";
+import { PredefinedFlex } from "./PredefinedFlex";
 export declare const Flex: {
-    Container: import("react").ForwardRefExoticComponent<import("./types").FlexContainerProps & import("react").RefAttributes<HTMLElement>>;
-    Item: import("react").ForwardRefExoticComponent<import("./types").FlexItemProps & import("react").RefAttributes<HTMLElement>>;
-    Predefined: import("react").ForwardRefExoticComponent<import("./types").PredefinedFlexProps & import("react").RefAttributes<HTMLElement>>;
+    Container: typeof FlexContainer;
+    Item: typeof FlexItem;
+    Predefined: typeof PredefinedFlex;
 };
 //# sourceMappingURL=Flex.d.ts.map

package/dist/flex/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/flex/Flex.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI;;;;CAIhB,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,IAAI;;;;CAIhB,CAAC"}

package/dist/flex/FlexCenter.d.ts

@@ -3,5 +3,5 @@ export interface FlexCenterProps extends Omit<HTMLAttributes<HTMLDivElement>, "c
     children?: ReactNode;
     minHeight?: string | number;
 }
-export declare const FlexCenter: ({ className, minHeight, children, style, ...htmlProps }: FlexCenterProps) => import("react").JSX.Element;
+export declare function FlexCenter({ className, minHeight, children, style, ...htmlProps }: FlexCenterProps): import("react").JSX.Element;
 //# sourceMappingURL=FlexCenter.d.ts.map

package/dist/flex/FlexCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexCenter.d.ts","sourceRoot":"","sources":["../../src/flex/FlexCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GAAI,yDAAyD,eAAe,gCAQlG,CAAC"}
+{"version":3,"file":"FlexCenter.d.ts","sourceRoot":"","sources":["../../src/flex/FlexCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,+BAQlG"}

package/dist/flex/FlexContainer.d.ts

@@ -1,3 +1,9 @@
+import { type Ref } from "react";
 import { FlexContainerProps } from "./types";
-export declare const FlexContainer: import("react").ForwardRefExoticComponent<FlexContainerProps & import("react").RefAttributes<HTMLElement>>;
+export declare function FlexContainer({ ref, children, className, as, style, inline, row, column, rowReverse, columnReverse, wrap, nowrap, wrapReverse, align, justify, alignContent, gap, gapRow, gapColumn, ...htmlProps }: FlexContainerProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace FlexContainer {
+    var displayName: string;
+}
 //# sourceMappingURL=FlexContainer.d.ts.map

package/dist/flex/FlexContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexContainer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA4B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoBvE,eAAO,MAAM,aAAa,4GAqFzB,CAAC"}
+{"version":3,"file":"FlexContainer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAA4B,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAoBvE,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,UAAU,EACV,aAAa,EACb,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAoDjD;yBAzEe,aAAa"}

package/dist/flex/FlexItem.d.ts

@@ -1,3 +1,9 @@
+import { type Ref } from "react";
 import { FlexItemProps } from "./types";
-export declare const FlexItem: import("react").ForwardRefExoticComponent<FlexItemProps & import("react").RefAttributes<HTMLElement>>;
+export declare function FlexItem({ ref, children, className, as, style, flex0, flex1, grow, shrink, basis, alignSelf, justifySelf, ...htmlProps }: FlexItemProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace FlexItem {
+    var displayName: string;
+}
 //# sourceMappingURL=FlexItem.d.ts.map

package/dist/flex/FlexItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../src/flex/FlexItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7D,eAAO,MAAM,QAAQ,uGA0BpB,CAAC"}
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../src/flex/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAuB,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7D,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAgB5C;yBA9Be,QAAQ"}

package/dist/flex/FlexSpacer.d.ts

@@ -1,4 +1,10 @@
+import { type Ref } from "react";
 import type { FlexItemProps } from "./types";
 export type FlexSpacerProps = Omit<FlexItemProps, "children" | "flex1">;
-export declare const FlexSpacer: import("react").ForwardRefExoticComponent<FlexSpacerProps & import("react").RefAttributes<HTMLElement>>;
+export declare function FlexSpacer({ ref, ...props }: FlexSpacerProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace FlexSpacer {
+    var displayName: string;
+}
 //# sourceMappingURL=FlexSpacer.d.ts.map

package/dist/flex/FlexSpacer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexSpacer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexSpacer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAExE,eAAO,MAAM,UAAU,yGAAoG,CAAC"}
+{"version":3,"file":"FlexSpacer.d.ts","sourceRoot":"","sources":["../../src/flex/FlexSpacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAExE,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BAEzF;yBAFe,UAAU"}

package/dist/flex/PredefinedFlex.d.ts

@@ -1,3 +1,9 @@
+import { type Ref } from "react";
 import { PredefinedFlexProps } from "./types";
-export declare const PredefinedFlex: import("react").ForwardRefExoticComponent<PredefinedFlexProps & import("react").RefAttributes<HTMLElement>>;
+export declare function PredefinedFlex({ ref, variant, children, className, ...props }: PredefinedFlexProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace PredefinedFlex {
+    var displayName: string;
+}
 //# sourceMappingURL=PredefinedFlex.d.ts.map

package/dist/flex/PredefinedFlex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PredefinedFlex.d.ts","sourceRoot":"","sources":["../../src/flex/PredefinedFlex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,cAAc,6GASzB,CAAC"}
+{"version":3,"file":"PredefinedFlex.d.ts","sourceRoot":"","sources":["../../src/flex/PredefinedFlex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BASpI;yBATe,cAAc"}

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-DtXK7OM4.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/flex-D86M_h-0.js";
 export { i as Flex, n as FlexCenter, r as FlexContainer, e as FlexItem, a as FlexSpacer, t as PredefinedFlex };

package/dist/floating-arrow/FloatingArrow.d.ts

@@ -1,8 +1,11 @@
+import { type Ref } from "react";
 import { MiddlewareData, Placement } from "@floating-ui/react";
 interface TooltipArrowProps {
     placement: Placement;
     middlewareData: MiddlewareData;
 }
-export declare const FloatingArrow: import("react").ForwardRefExoticComponent<TooltipArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function FloatingArrow({ ref, placement, middlewareData }: TooltipArrowProps & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=FloatingArrow.d.ts.map

package/dist/floating-arrow/FloatingArrow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../src/floating-arrow/FloatingArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/D,UAAU,iBAAiB;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,cAAc,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,8GAexB,CAAC"}
+{"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../src/floating-arrow/FloatingArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/D,UAAU,iBAAiB;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,cAAc,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAelH"}

package/dist/floating-arrow/index.js

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

package/dist/grid/Grid.d.ts

@@ -1,5 +1,7 @@
+import { GridContainer } from "./GridContainer";
+import { GridItem } from "./GridItem";
 export declare const Grid: {
-    Container: import("react").ForwardRefExoticComponent<import("./types").GridContainerProps & import("react").RefAttributes<HTMLElement>>;
-    Item: import("react").ForwardRefExoticComponent<import("./types").GridItemProps & import("react").RefAttributes<HTMLElement>>;
+    Container: typeof GridContainer;
+    Item: typeof GridItem;
 };
 //# sourceMappingURL=Grid.d.ts.map

package/dist/grid/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/grid/Grid.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;;CAGhB,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,eAAO,MAAM,IAAI;;;CAGhB,CAAC"}

package/dist/grid/GridContainer.d.ts

@@ -1,3 +1,9 @@
+import { type Ref } from "react";
 import { GridContainerProps } from "./types";
-export declare const GridContainer: import("react").ForwardRefExoticComponent<GridContainerProps & import("react").RefAttributes<HTMLElement>>;
+export declare function GridContainer({ ref, children, className, as, style, inline, row, column, dense, gap, gapRow, gapColumn, align, justify, alignContent, justifyContent, templateColumns, templateRows, autoColumns, autoRows, areas, variant, ...htmlProps }: GridContainerProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace GridContainer {
+    var displayName: string;
+}
 //# sourceMappingURL=GridContainer.d.ts.map

package/dist/grid/GridContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridContainer.d.ts","sourceRoot":"","sources":["../../src/grid/GridContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,eAAO,MAAM,aAAa,4GAgFzB,CAAC"}
+{"version":3,"file":"GridContainer.d.ts","sourceRoot":"","sources":["../../src/grid/GridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,wBAAgB,aAAa,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACZ,EAAE,kBAAkB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BA4CjD;yBApEe,aAAa"}

package/dist/grid/GridItem.d.ts

@@ -1,3 +1,9 @@
+import { type Ref } from "react";
 import { GridItemProps } from "./types";
-export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<HTMLElement>>;
+export declare function GridItem({ ref, children, className, as, style, area, column, row, alignSelf, justifySelf, ...htmlProps }: GridItemProps & {
+    ref?: Ref<HTMLElement>;
+}): import("react").JSX.Element;
+export declare namespace GridItem {
+    var displayName: string;
+}
 //# sourceMappingURL=GridItem.d.ts.map

package/dist/grid/GridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../src/grid/GridItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,eAAO,MAAM,QAAQ,uGAsCpB,CAAC"}
+{"version":3,"file":"GridItem.d.ts","sourceRoot":"","sources":["../../src/grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,wBAAgB,QAAQ,CAAC,EACxB,GAAG,EACH,QAAQ,EACR,SAAc,EACd,EAAE,EACF,KAAK,EACL,IAAI,EACJ,MAAM,EACN,GAAG,EACH,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACZ,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,+BA4B5C;yBAxCe,QAAQ"}

package/dist/grid/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/grid-dI94AAbi.js";
+import { n as e, r as t, t as n } from "../chunks/grid-CFuzBigM.js";
 export { n as Grid, t as GridContainer, e as GridItem };

package/dist/image/index.js

@@ -1,6 +1,6 @@
-import { n as e } from "../chunks/button-D7GAU2Wa.js";
-import { r as t } from "../chunks/grid-dI94AAbi.js";
-import { i as n, n as r, r as i } from "../chunks/modal-febBsMyR.js";
+import { n as e } from "../chunks/button-DudCl375.js";
+import { r as t } from "../chunks/grid-CFuzBigM.js";
+import { i as n, n as r, r as i } from "../chunks/modal-Dz5TzkTB.js";
 import { s as a } from "../chunks/input-CuRK9Vbz.js";
 import { t as o } from "../chunks/input-files-B8j6Pb_M.js";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/layout-picker/index.js

@@ -1,5 +1,6 @@
-import { f as e, i as t, s as n, t as r, v as i } from "../chunks/picker-BA6okKnz.js";
-import { CustomOptionButton as ee, Option as a } from "../option/index.js";
+import { f as e, i as t, s as n, t as r, v as i } from "../chunks/picker-SJXnHwsj.js";
+import { Option as ee } from "../option/index.js";
+import { t as a } from "../chunks/OptionContentContainer-CWHlfm5Z.js";
 import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { useRef as u, useState as d } from "react";
@@ -1149,10 +1150,11 @@ function x({ id: f, label: p, description: h, value: g, onChange: _, presets: x
 				layoutClassName: v.popupLayout,
 				bodyClassName: v.popupBody,
 				children: /* @__PURE__ */ c("div", {
+					role: "presentation",
 					className: v.options,
 					children: x.map((e, t) => {
 						let n = t === F, r = t === R, i = C?.(e) ?? !1, o = ne(u, t);
-						return /* @__PURE__ */ c(a, {
+						return /* @__PURE__ */ c(ee, {
 							id: o,
 							ref: (e) => W(t, e),
 							role: "option",
@@ -1165,16 +1167,12 @@ function x({ id: f, label: p, description: h, value: g, onChange: _, presets: x
 							disabled: i,
 							"data-ui": "layout-picker-option",
 							"data-selected": n || void 0,
-							children: /* @__PURE__ */ c(ee, {
-								tabIndex: -1,
-								disabled: i,
-								onMouseDown: (e) => e.preventDefault(),
-								onClick: () => J(e),
-								children: /* @__PURE__ */ c("span", {
-									className: v.optionPreviewWrap,
-									children: /* @__PURE__ */ c(y, { preset: e })
-								})
-							})
+							onMouseDown: (e) => e.preventDefault(),
+							onClick: () => J(e),
+							children: /* @__PURE__ */ c(a, { children: /* @__PURE__ */ c("span", {
+								className: v.optionPreviewWrap,
+								children: /* @__PURE__ */ c(y, { preset: e })
+							}) })
 						}, e.id);
 					})
 				})