@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

package/dist/multi-select/ui/stories/ODataMultiSelect.stories.d.ts

@@ -1,44 +0,0 @@
-import type { ODataCollectionConfig, ODataCollectionModel, ODataCollectionSegment } from "@ryuzaki13/react-foundation-api/odata";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("@ryuzaki13/react-foundation-api/odata").ODataSelectBaseProps<string> & Omit<import("../../../types").UiBaseProps<string[]>, "placeholder">>;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        odataMockMode: string;
-    };
-    args: {
-        label: string;
-        description: string;
-        odata: ODataCollectionConfig;
-        model: ODataCollectionModel;
-        segment: ODataCollectionSegment;
-        value: never[];
-        onChange: () => void;
-    };
-    argTypes: {
-        onChange: {
-            control: false;
-        };
-        value: {
-            control: false;
-        };
-        dependencies: {
-            control: false;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const BasicDivision: Story;
-export declare const HideCode: Story;
-export declare const SelectTextValue: Story;
-export declare const StaticDependency: Story;
-export declare const LinkedFilters: Story;
-export declare const LoadingState: Story;
-export declare const MetadataError: Story;
-export declare const CollectionError: Story;
-//# sourceMappingURL=ODataMultiSelect.stories.d.ts.map

package/dist/multi-select/ui/stories/ODataMultiSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ODataMultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../../src/multi-select/ui/stories/ODataMultiSelect.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AACjI,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAkH5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAG3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}

package/dist/notifications/ui/stories/NotificationsHost.stories.d.ts

@@ -1,21 +0,0 @@
-import { NotificationsHost } from "../NotificationsHost";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: typeof NotificationsHost;
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Showcase: Story;
-export declare const InteractivePlayground: Story;
-//# sourceMappingURL=NotificationsHost.stories.d.ts.map

package/dist/notifications/ui/stories/NotificationsHost.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsHost.stories.d.ts","sourceRoot":"","sources":["../../../../src/notifications/ui/stories/NotificationsHost.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAcgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4UnC,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAanC,CAAC"}

package/dist/notifications/ui/stories/NotificationsHost.stories.js

@@ -1,326 +0,0 @@
-import { t as e } from "../../../chunks/Button-CCWuggdA.js";
-import { a as t, n, t as r } from "../../../chunks/NotificationsHost-_icJx4xR.js";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { BellRingIcon as s, CheckIcon as c, InfoIcon as l, RefreshCwIcon as u, TimerResetIcon as d, Trash2Icon as f, TriangleAlertIcon as p, XCircleIcon as m } from "lucide-react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/notifications/ui/stories/NotificationsHost.stories.tsx
-var _ = {
-	title: "Shared/UI/Notifications",
-	component: r,
-	parameters: {
-		atomicCanvas: !0,
-		layout: "fullscreen",
-		docs: { description: { component: "Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления." } }
-	},
-	tags: ["autodocs"]
-}, v = {
-	minHeight: "100vh",
-	padding: "32px 24px 160px",
-	background: "linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)",
-	color: "var(--content-0)"
-}, y = {
-	maxWidth: 1120,
-	margin: "0 auto",
-	display: "grid",
-	gap: 16
-}, b = {
-	padding: 20,
-	border: "var(--border)",
-	borderRadius: "var(--radius-md)",
-	background: "var(--surface-0)",
-	boxShadow: "var(--shadow-sm)"
-}, x = {
-	display: "grid",
-	gap: 16,
-	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))"
-}, S = {
-	padding: 20,
-	border: "var(--border)",
-	borderRadius: "var(--radius-md)",
-	background: "var(--surface-0)",
-	boxShadow: "var(--shadow-sm)",
-	display: "grid",
-	gap: 12,
-	alignContent: "start"
-}, C = {
-	display: "flex",
-	flexWrap: "wrap",
-	gap: 10
-};
-function w() {
-	let { clear: e } = t();
-	return i(() => (e(), () => {
-		e();
-	}), [e]), null;
-}
-function T({ children: e }) {
-	return /* @__PURE__ */ g(n, { children: [
-		/* @__PURE__ */ h(w, {}),
-		/* @__PURE__ */ h("div", {
-			style: v,
-			children: /* @__PURE__ */ g("div", {
-				style: y,
-				children: [/* @__PURE__ */ g("div", {
-					style: b,
-					children: [/* @__PURE__ */ h("h2", {
-						style: {
-							margin: 0,
-							fontSize: "var(--font-size-xl)"
-						},
-						children: "Демонстрация очереди уведомлений"
-					}), /* @__PURE__ */ h("p", {
-						style: {
-							margin: "12px 0 0",
-							color: "var(--content-1)"
-						},
-						children: "Хост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и семантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной операции с обновлением одного уведомления."
-					})]
-				}), e]
-			})
-		}),
-		/* @__PURE__ */ h(r, {})
-	] });
-}
-function E() {
-	let { clear: e, push: n } = t();
-	return i(() => (e(), n({
-		type: "info",
-		title: "Сетевой статус",
-		message: "Подключение к серверу восстановлено.",
-		ttlMs: 6e3
-	}), n({
-		type: "success",
-		title: "Профиль обновлён",
-		message: "Изменения сохранены и отправлены в очередь на синхронизацию.",
-		ttlMs: 4500
-	}), n({
-		type: "warning",
-		title: "Требуется внимание",
-		message: "Срок действия сессии истекает через 5 минут."
-	}), n({
-		type: "error",
-		title: "Ошибка импорта",
-		message: "Не удалось загрузить журнал операций.\nПовторите запрос или обратитесь к администратору."
-	}), () => {
-		e();
-	}), [e, n]), /* @__PURE__ */ g("div", {
-		style: S,
-		children: [/* @__PURE__ */ h("h3", {
-			style: { margin: 0 },
-			children: "Снимок состояний"
-		}), /* @__PURE__ */ h("p", {
-			style: {
-				margin: 0,
-				color: "var(--content-1)"
-			},
-			children: "История сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста."
-		})]
-	});
-}
-function D() {
-	let n = t(), r = a(null), [i, _] = o(!1), v = () => {
-		r.current = null, _(!1);
-	}, y = (e, t) => {
-		let i = r.current;
-		i && (!n.update(i, {
-			message: e,
-			...t
-		}) || t?.type) && v();
-	};
-	return /* @__PURE__ */ g("div", {
-		style: x,
-		children: [
-			/* @__PURE__ */ g("section", {
-				style: S,
-				children: [
-					/* @__PURE__ */ h("h3", {
-						style: { margin: 0 },
-						children: "Базовые сценарии"
-					}),
-					/* @__PURE__ */ h("p", {
-						style: {
-							margin: 0,
-							color: "var(--content-1)"
-						},
-						children: "Вызовы через `useNotify` подходят для UI-логики внутри React-компонентов."
-					}),
-					/* @__PURE__ */ g("div", {
-						style: C,
-						children: [
-							/* @__PURE__ */ h(e, {
-								tone: "info",
-								appearance: "outline",
-								icon: /* @__PURE__ */ h(l, {}),
-								onClick: () => n.info("Справочник обновлён по расписанию.", {
-									title: "Информация",
-									ttlMs: 3500
-								}),
-								children: "Info"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "success",
-								appearance: "solid",
-								icon: /* @__PURE__ */ h(c, {}),
-								onClick: () => n.success("Изменения сохранены.", {
-									title: "Операция завершена",
-									ttlMs: 2500
-								}),
-								children: "Success"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "warning",
-								appearance: "outline",
-								icon: /* @__PURE__ */ h(p, {}),
-								onClick: () => n.warning("Подтвердите действие в течение 2 минут.", {
-									title: "Требуется подтверждение",
-									dismissible: !1
-								}),
-								children: "Sticky warning"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "error",
-								appearance: "solid",
-								icon: /* @__PURE__ */ h(m, {}),
-								onClick: () => n.error("Сервис проверки подписей недоступен.", { title: "Критическая ошибка" }),
-								children: "Error"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ g("section", {
-				style: S,
-				children: [
-					/* @__PURE__ */ h("h3", {
-						style: { margin: 0 },
-						children: "Долгая операция"
-					}),
-					/* @__PURE__ */ h("p", {
-						style: {
-							margin: 0,
-							color: "var(--content-1)"
-						},
-						children: "Сценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`."
-					}),
-					/* @__PURE__ */ g("div", {
-						style: C,
-						children: [
-							/* @__PURE__ */ h(e, {
-								variant: "neutralOutline",
-								icon: /* @__PURE__ */ h(s, {}),
-								onClick: () => {
-									let e = n.push({
-										type: "info",
-										title: "Экспорт архива",
-										message: "Подготавливаю пакет документов...",
-										dismissible: !1
-									});
-									r.current = e, _(!0);
-								},
-								children: "Запустить"
-							}),
-							/* @__PURE__ */ h(e, {
-								variant: "neutralOutline",
-								icon: /* @__PURE__ */ h(u, {}),
-								onClick: () => {
-									y("Обработано 68% записей. Формирую итоговый архив...");
-								},
-								disabled: !i,
-								children: "Обновить прогресс"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "success",
-								appearance: "outline",
-								icon: /* @__PURE__ */ h(c, {}),
-								onClick: () => {
-									y("Архив подготовлен и доступен для скачивания.", {
-										type: "success",
-										ttlMs: 2500,
-										dismissible: !0
-									});
-								},
-								disabled: !i,
-								children: "Завершить успешно"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "error",
-								appearance: "outline",
-								icon: /* @__PURE__ */ h(m, {}),
-								onClick: () => {
-									y("Не удалось собрать архив из-за ошибки чтения вложений.", {
-										type: "error",
-										ttlMs: 5e3,
-										dismissible: !0
-									});
-								},
-								disabled: !i,
-								children: "Завершить ошибкой"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ g("section", {
-				style: S,
-				children: [
-					/* @__PURE__ */ h("h3", {
-						style: { margin: 0 },
-						children: "Очередь и очистка"
-					}),
-					/* @__PURE__ */ h("p", {
-						style: {
-							margin: 0,
-							color: "var(--content-1)"
-						},
-						children: "Стор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых записей."
-					}),
-					/* @__PURE__ */ g("div", {
-						style: C,
-						children: [
-							/* @__PURE__ */ h(e, {
-								variant: "neutralOutline",
-								icon: /* @__PURE__ */ h(u, {}),
-								onClick: () => {
-									for (let e = 1; e <= 8; e += 1) n.info(`Пакет ${e} поставлен в очередь на обработку.`, {
-										title: `Задача ${e}`,
-										ttlMs: 8e3
-									});
-								},
-								children: "Заполнить очередь"
-							}),
-							/* @__PURE__ */ h(e, {
-								tone: "info",
-								appearance: "outline",
-								icon: /* @__PURE__ */ h(d, {}),
-								onClick: () => n.info("Это уведомление исчезнет автоматически через 2 секунды.", {
-									title: "TTL = 2000 мс",
-									ttlMs: 2e3
-								}),
-								children: "Проверить TTL"
-							}),
-							/* @__PURE__ */ h(e, {
-								variant: "transparent",
-								icon: /* @__PURE__ */ h(f, {}),
-								onClick: () => {
-									v(), n.clear();
-								},
-								children: "Очистить всё"
-							})
-						]
-					})
-				]
-			})
-		]
-	});
-}
-var O = {
-	render: () => /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h(E, {}) }),
-	parameters: { docs: { description: { story: "Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории." } } }
-}, k = {
-	render: () => /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h(D, {}) }),
-	parameters: { docs: { description: { story: "Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия." } } }
-};
-//#endregion
-export { k as InteractivePlayground, O as Showcase, _ as default };
-
-//# sourceMappingURL=NotificationsHost.stories.js.map

package/dist/notifications/ui/stories/NotificationsHost.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsHost.stories.js","names":[],"sources":["../../../../src/notifications/ui/stories/NotificationsHost.stories.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { BellRingIcon, CheckIcon, InfoIcon, RefreshCwIcon, TimerResetIcon, Trash2Icon, TriangleAlertIcon, XCircleIcon } from \"lucide-react\";\n\nimport { Button } from \"../../../button\";\nimport { NotificationsProvider, useNotify } from \"../../model\";\nimport { NotificationsHost } from \"../NotificationsHost\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Notifications\",\n\tcomponent: NotificationsHost,\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"fullscreen\",\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t\"Компонент отображает очередь глобальных уведомлений поверх интерфейса. Истории ниже показывают внешний вид для разных статусов, работу автозакрытия, ограничение очереди и сценарий длительной операции с обновлением одного уведомления.\"\n\t\t\t}\n\t\t}\n\t},\n\ttags: [\"autodocs\"]\n} satisfies Meta<typeof NotificationsHost>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst shellStyle: CSSProperties = {\n\tminHeight: \"100vh\",\n\tpadding: \"32px 24px 160px\",\n\tbackground: \"linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 82%, transparent) 0%, var(--surface-0) 100%)\",\n\tcolor: \"var(--content-0)\"\n};\n\nconst contentStyle: CSSProperties = {\n\tmaxWidth: 1120,\n\tmargin: \"0 auto\",\n\tdisplay: \"grid\",\n\tgap: 16\n};\n\nconst introStyle: CSSProperties = {\n\tpadding: 20,\n\tborder: \"var(--border)\",\n\tborderRadius: \"var(--radius-md)\",\n\tbackground: \"var(--surface-0)\",\n\tboxShadow: \"var(--shadow-sm)\"\n};\n\nconst panelGridStyle: CSSProperties = {\n\tdisplay: \"grid\",\n\tgap: 16,\n\tgridTemplateColumns: \"repeat(auto-fit, minmax(280px, 1fr))\"\n};\n\nconst panelStyle: CSSProperties = {\n\tpadding: 20,\n\tborder: \"var(--border)\",\n\tborderRadius: \"var(--radius-md)\",\n\tbackground: \"var(--surface-0)\",\n\tboxShadow: \"var(--shadow-sm)\",\n\tdisplay: \"grid\",\n\tgap: 12,\n\talignContent: \"start\"\n};\n\nconst buttonGridStyle: CSSProperties = {\n\tdisplay: \"flex\",\n\tflexWrap: \"wrap\",\n\tgap: 10\n};\n\nfunction NotificationsStateReset() {\n\tconst { clear } = useNotify();\n\n\tuseEffect(() => {\n\t\tclear();\n\n\t\treturn () => {\n\t\t\tclear();\n\t\t};\n\t}, [clear]);\n\n\treturn null;\n}\n\nfunction NotificationsStoryShell({ children }: PropsWithChildren) {\n\treturn (\n\t\t<NotificationsProvider>\n\t\t\t<NotificationsStateReset />\n\n\t\t\t<div style={shellStyle}>\n\t\t\t\t<div style={contentStyle}>\n\t\t\t\t\t<div style={introStyle}>\n\t\t\t\t\t\t<h2 style={{ margin: 0, fontSize: \"var(--font-size-xl)\" }}>Демонстрация очереди уведомлений</h2>\n\t\t\t\t\t\t<p style={{ margin: \"12px 0 0\", color: \"var(--content-1)\" }}>\n\t\t\t\t\t\t\tХост закреплён в левом нижнем углу и использует общие токены проекта: `surface`, `content`, `status` и\n\t\t\t\t\t\t\tсемантические `tone-*`. Внутри историй можно проверить лимит очереди, sticky-уведомления и сценарий длительной\n\t\t\t\t\t\t\tоперации с обновлением одного уведомления.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<NotificationsHost />\n\t\t</NotificationsProvider>\n\t);\n}\n\nfunction ShowcaseSeed() {\n\tconst { clear, push } = useNotify();\n\n\tuseEffect(() => {\n\t\tclear();\n\n\t\tpush({\n\t\t\ttype: \"info\",\n\t\t\ttitle: \"Сетевой статус\",\n\t\t\tmessage: \"Подключение к серверу восстановлено.\",\n\t\t\tttlMs: 6000\n\t\t});\n\t\tpush({\n\t\t\ttype: \"success\",\n\t\t\ttitle: \"Профиль обновлён\",\n\t\t\tmessage: \"Изменения сохранены и отправлены в очередь на синхронизацию.\",\n\t\t\tttlMs: 4500\n\t\t});\n\t\tpush({\n\t\t\ttype: \"warning\",\n\t\t\ttitle: \"Требуется внимание\",\n\t\t\tmessage: \"Срок действия сессии истекает через 5 минут.\"\n\t\t});\n\t\tpush({\n\t\t\ttype: \"error\",\n\t\t\ttitle: \"Ошибка импорта\",\n\t\t\tmessage: \"Не удалось загрузить журнал операций.\\nПовторите запрос или обратитесь к администратору.\"\n\t\t});\n\n\t\treturn () => {\n\t\t\tclear();\n\t\t};\n\t}, [clear, push]);\n\n\treturn (\n\t\t<div style={panelStyle}>\n\t\t\t<h3 style={{ margin: 0 }}>Снимок состояний</h3>\n\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\tИстория сразу заполняет очередь всеми типами уведомлений, чтобы оценить цвет, иконки, контраст и читаемость текста.\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n\nfunction PlaygroundPanel() {\n\tconst api = useNotify();\n\tconst progressIdRef = useRef<string | null>(null);\n\tconst [hasProgress, setHasProgress] = useState(false);\n\n\tconst resetProgress = () => {\n\t\tprogressIdRef.current = null;\n\t\tsetHasProgress(false);\n\t};\n\n\tconst updateProgress = (message: string, patch?: { type?: \"success\" | \"error\"; ttlMs?: number; dismissible?: boolean }) => {\n\t\tconst progressId = progressIdRef.current;\n\t\tif (!progressId) return;\n\n\t\tconst updated = api.update(progressId, {\n\t\t\tmessage,\n\t\t\t...patch\n\t\t});\n\n\t\tif (!updated || patch?.type) {\n\t\t\tresetProgress();\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={panelGridStyle}>\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Базовые сценарии</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tВызовы через `useNotify` подходят для UI-логики внутри React-компонентов.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"info\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<InfoIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.info(\"Справочник обновлён по расписанию.\", {\n\t\t\t\t\t\t\t\ttitle: \"Информация\",\n\t\t\t\t\t\t\t\tttlMs: 3500\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tInfo\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"success\"\n\t\t\t\t\t\tappearance=\"solid\"\n\t\t\t\t\t\ticon={<CheckIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.success(\"Изменения сохранены.\", {\n\t\t\t\t\t\t\t\ttitle: \"Операция завершена\",\n\t\t\t\t\t\t\t\tttlMs: 2500\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tSuccess\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"warning\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<TriangleAlertIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.warning(\"Подтвердите действие в течение 2 минут.\", {\n\t\t\t\t\t\t\t\ttitle: \"Требуется подтверждение\",\n\t\t\t\t\t\t\t\tdismissible: false\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tSticky warning\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"error\"\n\t\t\t\t\t\tappearance=\"solid\"\n\t\t\t\t\t\ticon={<XCircleIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.error(\"Сервис проверки подписей недоступен.\", {\n\t\t\t\t\t\t\t\ttitle: \"Критическая ошибка\"\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tError\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Долгая операция</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tСценарий имитирует `notify.progress`: создаёт одно sticky-уведомление и затем обновляет его по тому же `id`.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<BellRingIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tconst progressId = api.push({\n\t\t\t\t\t\t\t\ttype: \"info\",\n\t\t\t\t\t\t\t\ttitle: \"Экспорт архива\",\n\t\t\t\t\t\t\t\tmessage: \"Подготавливаю пакет документов...\",\n\t\t\t\t\t\t\t\tdismissible: false\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tprogressIdRef.current = progressId;\n\t\t\t\t\t\t\tsetHasProgress(true);\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tЗапустить\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<RefreshCwIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Обработано 68% записей. Формирую итоговый архив...\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tОбновить прогресс\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"success\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<CheckIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Архив подготовлен и доступен для скачивания.\", {\n\t\t\t\t\t\t\t\ttype: \"success\",\n\t\t\t\t\t\t\t\tttlMs: 2500,\n\t\t\t\t\t\t\t\tdismissible: true\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tЗавершить успешно\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"error\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<XCircleIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tupdateProgress(\"Не удалось собрать архив из-за ошибки чтения вложений.\", {\n\t\t\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\t\t\tttlMs: 5000,\n\t\t\t\t\t\t\t\tdismissible: true\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tdisabled={!hasProgress}>\n\t\t\t\t\t\tЗавершить ошибкой\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\n\t\t\t<section style={panelStyle}>\n\t\t\t\t<h3 style={{ margin: 0 }}>Очередь и очистка</h3>\n\t\t\t\t<p style={{ margin: 0, color: \"var(--content-1)\" }}>\n\t\t\t\t\tСтор сохраняет не более 6 уведомлений. Кнопка ниже специально создаёт 8 элементов, чтобы проверить отсечение старых\n\t\t\t\t\tзаписей.\n\t\t\t\t</p>\n\n\t\t\t\t<div style={buttonGridStyle}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"neutralOutline\"\n\t\t\t\t\t\ticon={<RefreshCwIcon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tfor (let index = 1; index <= 8; index += 1) {\n\t\t\t\t\t\t\t\tapi.info(`Пакет ${index} поставлен в очередь на обработку.`, {\n\t\t\t\t\t\t\t\t\ttitle: `Задача ${index}`,\n\t\t\t\t\t\t\t\t\tttlMs: 8000\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tЗаполнить очередь\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttone=\"info\"\n\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\ticon={<TimerResetIcon />}\n\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\tapi.info(\"Это уведомление исчезнет автоматически через 2 секунды.\", {\n\t\t\t\t\t\t\t\ttitle: \"TTL = 2000 мс\",\n\t\t\t\t\t\t\t\tttlMs: 2000\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}>\n\t\t\t\t\t\tПроверить TTL\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"transparent\"\n\t\t\t\t\t\ticon={<Trash2Icon />}\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tresetProgress();\n\t\t\t\t\t\t\tapi.clear();\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\tОчистить всё\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</div>\n\t);\n}\n\nexport const Showcase: Story = {\n\trender: () => (\n\t\t<NotificationsStoryShell>\n\t\t\t<ShowcaseSeed />\n\t\t</NotificationsStoryShell>\n\t),\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Быстрый визуальный обзор: все статусы сразу добавляются в очередь после открытия истории.\"\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const InteractivePlayground: Story = {\n\trender: () => (\n\t\t<NotificationsStoryShell>\n\t\t\t<PlaygroundPanel />\n\t\t</NotificationsStoryShell>\n\t),\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Интерактивный сценарий для проверки базовых уведомлений, длительной операции, лимита очереди и автозакрытия.\"\n\t\t\t}\n\t\t}\n\t}\n};\n"],"mappings":"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"}

package/dist/period-select/stories/PeriodSelect.stories.d.ts

@@ -1,96 +0,0 @@
-import { PeriodSelect } from "../index";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: typeof PeriodSelect;
-    args: {
-        label: string;
-        description: string;
-        placeholder: string;
-        value: "day";
-        onChange: import("@vitest/spy").Mock<import("../../types").ChangeHandler<import("../lib").PeriodSelectId | undefined>>;
-        dateRange: readonly [Date, Date];
-        maxDayRangeDays: number;
-        maxWeekRangeWeeks: number;
-        disabled: false;
-        size: "md";
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        options: {
-            description: string;
-            control: false;
-        };
-        dateRange: {
-            description: string;
-            control: false;
-        };
-        maxDayRangeDays: {
-            description: string;
-            control: {
-                type: "number";
-                min: number;
-                step: number;
-            };
-        };
-        maxWeekRangeWeeks: {
-            description: string;
-            control: {
-                type: "number";
-                min: number;
-                step: number;
-            };
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * Контролируемый сценарий синхронизирует `value` и `dateRange` через Storybook args.
- */
-export declare const Controlled: Story;
-/**
- * Длинный диапазон блокирует `day` и `week`, поэтому контрол переключает значение на ближайший доступный период.
- */
-export declare const AutoSwitchByRange: Story;
-export declare const Disabled: Story;
-//# sourceMappingURL=PeriodSelect.stories.d.ts.map

package/dist/period-select/stories/PeriodSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PeriodSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/period-select/stories/PeriodSelect.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA0B,MAAM,UAAU,CAAC;AAEhE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAoCnC;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}