@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.2

package/dist/modal/stories/Modal.stories.js

@@ -1,11 +1,11 @@
-import { t as e } from "../../chunks/Button-BZ_b-Kin.js";
-import { t } from "../../chunks/Input-Wrew1puH.js";
-import { a as n, i as r, n as i, r as a, t as o } from "../../chunks/modal-B4ivQb2h.js";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useState as u } from "react";
+import { t as e } from "../../chunks/Button-CCWuggdA.js";
+import { t } from "../../chunks/Input-BmjlpA09.js";
+import { a as n, i as r, n as i, r as a, t as o } from "../../chunks/modal-B3HY3laL.js";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/modal/stories/Modal.stories.tsx
 function d({ children: e }) {
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		style: {
 			minHeight: "60dvh",
 			padding: 24,
@@ -17,26 +17,26 @@ function d({ children: e }) {
 	});
 }
 function f() {
-	let [e, n] = u("Алексей"), [r, i] = u("Департамент автоматизации бизнеса");
-	return /* @__PURE__ */ l("div", {
+	let [e, n] = s("Алексей"), [r, i] = s("Департамент автоматизации бизнеса");
+	return /* @__PURE__ */ u("div", {
 		style: {
 			display: "grid",
 			gap: 16
 		},
 		children: [
-			/* @__PURE__ */ c(t, {
+			/* @__PURE__ */ l(t, {
 				label: "Имя",
 				value: e,
 				onChange: n,
 				placeholder: "Введите имя"
 			}),
-			/* @__PURE__ */ c(t, {
+			/* @__PURE__ */ l(t, {
 				label: "Подразделение",
 				value: r,
 				onChange: i,
 				placeholder: "Введите подразделение"
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				style: {
 					padding: 12,
 					borderRadius: 8,
@@ -62,17 +62,17 @@ var p = {
 		docs: { description: { component: "Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`." } }
 	},
 	tags: ["autodocs"],
-	decorators: [(e) => /* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(d, { children: e() }) })],
+	decorators: [(e) => /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(d, { children: e() }) })],
 	args: {
 		isOpen: !1,
 		title: "Редактирование профиля",
 		size: "md",
 		height: void 0,
 		onClose: () => {},
-		children: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(f, {}) }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+		children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
 			variant: "transparent",
 			children: "Отмена"
-		}), /* @__PURE__ */ c(e, { children: "Сохранить" })] })] })
+		}), /* @__PURE__ */ l(e, { children: "Сохранить" })] })] })
 	},
 	argTypes: {
 		isOpen: {
@@ -110,19 +110,19 @@ var p = {
 }, m = {
 	name: "Управляемая модалка",
 	render: (t) => {
-		let [n, o] = u(!1);
-		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(e, {
+		let [n, o] = s(!1);
+		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
 			onClick: () => o(!0),
 			children: "Открыть модалку"
-		}), /* @__PURE__ */ l(i, {
+		}), /* @__PURE__ */ u(i, {
 			...t,
 			isOpen: n,
 			onClose: () => o(!1),
-			children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(f, {}) }), /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
 				variant: "transparent",
 				onClick: () => o(!1),
 				children: "Отмена"
-			}), /* @__PURE__ */ c(e, {
+			}), /* @__PURE__ */ l(e, {
 				onClick: () => o(!1),
 				children: "Сохранить"
 			})] })]
@@ -131,17 +131,17 @@ var p = {
 }, h = {
 	name: "Полная композиция",
 	render: (t) => {
-		let [o, d] = u(!1);
-		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(e, {
+		let [o, d] = s(!1);
+		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
 			onClick: () => d(!0),
 			children: "Открыть сценарий редактирования"
-		}), /* @__PURE__ */ l(i, {
+		}), /* @__PURE__ */ u(i, {
 			...t,
 			isOpen: o,
 			onClose: () => d(!1),
 			height: "min(34rem, 70dvh)",
 			children: [
-				/* @__PURE__ */ c(n, { children: /* @__PURE__ */ l("div", {
+				/* @__PURE__ */ l(n, { children: /* @__PURE__ */ u("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
@@ -152,23 +152,23 @@ var p = {
 						background: "var(--surface-1)",
 						border: "1px solid var(--border-1)"
 					},
-					children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 						style: { fontWeight: 600 },
 						children: "Черновик обновлён автоматически"
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						style: { opacity: .72 },
 						children: "Последнее сохранение: 2 минуты назад"
-					})] }), /* @__PURE__ */ c(e, {
+					})] }), /* @__PURE__ */ l(e, {
 						variant: "transparent",
 						children: "Сбросить"
 					})]
 				}) }),
-				/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(f, {}) }),
-				/* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(e, {
+				/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }),
+				/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
 					variant: "transparent",
 					onClick: () => d(!1),
 					children: "Отмена"
-				}), /* @__PURE__ */ c(e, {
+				}), /* @__PURE__ */ l(e, {
 					variant: "success",
 					onClick: () => d(!1),
 					children: "Применить"
@@ -179,38 +179,38 @@ var p = {
 }, g = {
 	name: "Длинный контент",
 	render: (t) => {
-		let [n, o] = u(!1);
-		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(e, {
+		let [n, o] = s(!1);
+		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
 			onClick: () => o(!0),
 			children: "Открыть длинный контент"
-		}), /* @__PURE__ */ l(i, {
+		}), /* @__PURE__ */ u(i, {
 			...t,
 			isOpen: n,
 			onClose: () => o(!1),
 			size: "lg",
 			height: "min(38rem, 75dvh)",
 			title: "Журнал изменений",
-			children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l("div", {
 				style: {
 					display: "grid",
 					gap: 12
 				},
-				children: Array.from({ length: 18 }, (e, t) => /* @__PURE__ */ l("div", {
+				children: Array.from({ length: 18 }, (e, t) => /* @__PURE__ */ u("div", {
 					style: {
 						padding: 12,
 						borderRadius: 8,
 						border: "1px solid var(--border-1)",
 						background: "var(--surface-1)"
 					},
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ u("div", {
 						style: { fontWeight: 600 },
 						children: ["Событие #", t + 1]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						style: { opacity: .72 },
 						children: "Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации."
 					})]
 				}, t))
-			}) }), /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
+			}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
 				onClick: () => o(!1),
 				children: "Закрыть"
 			}) })]
@@ -219,8 +219,8 @@ var p = {
 }, _ = {
 	name: "Размеры",
 	render: () => {
-		let [t, n] = u(null);
-		return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+		let [t, n] = s(null);
+		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 			style: {
 				display: "flex",
 				flexWrap: "wrap",
@@ -233,26 +233,26 @@ var p = {
 				"lg",
 				"xl",
 				"inside"
-			].map((t) => /* @__PURE__ */ c(e, {
+			].map((t) => /* @__PURE__ */ l(e, {
 				variant: "transparent",
 				onClick: () => n(t),
 				children: t.toUpperCase()
 			}, t))
-		}), t && /* @__PURE__ */ l(i, {
+		}), t && /* @__PURE__ */ u(i, {
 			isOpen: !0,
 			onClose: () => n(null),
 			size: t,
 			title: `Размер ${t.toUpperCase()}`,
-			children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
 				style: {
 					display: "grid",
 					gap: 12
 				},
-				children: [/* @__PURE__ */ c("div", { children: "Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров." }), /* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", { children: "Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров." }), /* @__PURE__ */ l("div", {
 					style: { opacity: .72 },
 					children: "Проверьте отступы, читабельность и поведение при `Escape`."
 				})]
-			}) }), /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
+			}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
 				onClick: () => n(null),
 				children: "Понятно"
 			}) })]
@@ -261,13 +261,13 @@ var p = {
 }, v = {
 	name: "Стек модалок",
 	render: (n) => {
-		let [o, d] = u(!1), [f, p] = u(!1);
-		return /* @__PURE__ */ l(s, { children: [
-			/* @__PURE__ */ c(e, {
+		let [o, d] = s(!1), [f, p] = s(!1);
+		return /* @__PURE__ */ u(c, { children: [
+			/* @__PURE__ */ l(e, {
 				onClick: () => d(!0),
 				children: "Открыть первую модалку"
 			}),
-			/* @__PURE__ */ l(i, {
+			/* @__PURE__ */ u(i, {
 				...n,
 				isOpen: o,
 				onClose: () => {
@@ -275,38 +275,38 @@ var p = {
 				},
 				size: "lg",
 				title: "Первая модалка",
-				children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
 					style: {
 						display: "grid",
 						gap: 16
 					},
-					children: [/* @__PURE__ */ c("div", { children: "Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой." }), /* @__PURE__ */ c(e, {
+					children: [/* @__PURE__ */ l("div", { children: "Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой." }), /* @__PURE__ */ l(e, {
 						variant: "transparent",
 						onClick: () => p(!0),
 						children: "Открыть вторую модалку"
 					})]
-				}) }), /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
+				}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
 					variant: "transparent",
 					onClick: () => d(!1),
 					children: "Закрыть первую"
 				}) })]
 			}),
-			/* @__PURE__ */ l(i, {
+			/* @__PURE__ */ u(i, {
 				isOpen: f,
 				onClose: () => p(!1),
 				size: "sm",
 				title: "Вторая модалка",
-				children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
 					style: {
 						display: "grid",
 						gap: 12
 					},
-					children: [/* @__PURE__ */ c("div", { children: "Эта модалка должна считаться верхней в стеке." }), /* @__PURE__ */ c(t, {
+					children: [/* @__PURE__ */ l("div", { children: "Эта модалка должна считаться верхней в стеке." }), /* @__PURE__ */ l(t, {
 						label: "Короткое поле",
 						value: "Фокус внутри",
 						onChange: () => {}
 					})]
-				}) }), /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(e, {
+				}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
 					onClick: () => p(!1),
 					children: "Закрыть вторую"
 				}) })]