npm - @ryuzaki13/react-foundation-ui - Versions diffs - 3.6.0 → 3.7.0 - Mend

@ryuzaki13/react-foundation-ui 3.6.0 → 3.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (290) hide show

package/dist/notifications/index.d.ts CHANGED Viewed

@@ -8,6 +8,6 @@ notify as NotificationApi,
  * @deprecated use `import { notify } from "@ryuzaki13/react-foundation-lib/notifications";`
  */
 notify };
-export * from "./model/NotificationsProvider";
+export * from "./model";
 export * from "./ui/NotificationsHost";
 //# sourceMappingURL=index.d.ts.map

package/dist/notifications/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO;AACN;;GAEG;AACH,MAAM,IAAI,eAAe;AACzB;;GAEG;AACH,MAAM,EACN,CAAC;AAEF,cAAc~~,+BAA+B~~,CAAC;~~AAC9C~~,cAAc,wBAAwB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO;AACN;;GAEG;AACH,MAAM,IAAI,eAAe;AACzB;;GAEG;AACH,MAAM,EACN,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC"}

package/dist/notifications/index.js CHANGED Viewed

@@ -7,8 +7,10 @@ import { createContext as u, useContext as d, useEffect as f, useMemo as p } fro
 import { createMissingContextError as m } from "@ryuzaki13/react-foundation-lib/error";
 import { bindNotifications as h, createNotificationsStore as g, notify as _ } from "@ryuzaki13/react-foundation-lib/notifications";
 import { useStore as v } from "zustand";
-//#region src/notifications/model/NotificationsProvider.tsx
+//#region src/notifications/model/notificationsContext.ts
 var y = u(null);
+//#endregion
+//#region src/notifications/model/NotificationsProvider.tsx
 function b({ children: e }) {
 	let t = p(() => g(), []);
 	return f(() => h(t), [t]), /* @__PURE__ */ c(y.Provider, {
@@ -16,19 +18,37 @@ function b({ children: e }) {
 		children: e
 	});
 }
+//#endregion
+//#region src/notifications/model/useNotificationsStore.ts
 function x() {
 	let e = d(y);
 	if (!e) throw m({
-		hookName: "useNotificationApi",
+		hookName: "useNotificationsStore",
 		providerName: "NotificationsProvider"
 	});
 	return e;
 }
-function S() {
+//#endregion
+//#region src/notifications/model/useNotificationById.ts
+function S(e) {
+	let t = x();
+	return v(t, (t) => t.items.find((t) => t.id === e));
+}
+//#endregion
+//#region src/notifications/model/useNotificationHistory.ts
+function C() {
+	let e = x();
+	return v(e, (e) => e.history);
+}
+//#endregion
+//#region src/notifications/model/useNotifications.ts
+function w() {
 	let e = x();
 	return v(e, (e) => e.items);
 }
-function C() {
+//#endregion
+//#region src/notifications/model/useNotify.ts
+function T() {
 	let e = x(), t = v(e, (e) => e.actions), n = (e) => (n, r) => t.push({
 		type: e,
 		message: n,
@@ -42,11 +62,7 @@ function C() {
 		error: n("error")
 	};
 }
-function w(e) {
-	let t = x();
-	return v(t, (t) => t.items.find((t) => t.id === e));
-}
-var T = {
+var E = {
 	container: "STGQ3g",
 	card: "RaiISE",
 	info: "cM81wO",
@@ -61,7 +77,7 @@ var T = {
 	title: "_4YDLB5",
 	message: "CK3Bqv",
 	actions: "nLmQut"
-}, E = {
+}, D = {
 	info: {
 		title: "Информация",
 		Icon: a
@@ -79,47 +95,47 @@ var T = {
 		Icon: r
 	}
 };
-function D() {
-	let r = S(), { dismiss: i } = C();
+function O() {
+	let r = w(), { dismiss: i } = T();
 	return /* @__PURE__ */ c("section", {
-		className: T.container,
+		className: E.container,
 		"aria-label": "Область уведомлений",
 		children: r.map((r) => {
-			let a = E[r.type], o = r.title ?? a.title, u = a.Icon;
+			let a = D[r.type], o = r.title ?? a.title, u = a.Icon;
 			return /* @__PURE__ */ c("div", {
 				role: r.type === "error" ? "alert" : "status",
 				"aria-atomic": "true",
-				className: n(T.card, T[r.type]),
+				className: n(E.card, E[r.type]),
 				children: /* @__PURE__ */ l(e, {
 					align: "start",
 					justify: "between",
 					gap: "sm",
-					className: T.header,
+					className: E.header,
 					children: [/* @__PURE__ */ l(e, {
 						align: "start",
 						gap: "sm",
-						className: T.content,
+						className: E.content,
 						children: [/* @__PURE__ */ c("span", {
-							className: T.icon,
+							className: E.icon,
 							"aria-hidden": "true",
 							children: /* @__PURE__ */ c(u, {})
 						}), /* @__PURE__ */ l("div", {
-							className: T.copy,
+							className: E.copy,
 							children: [
 								/* @__PURE__ */ c("div", {
-									className: T.kicker,
+									className: E.kicker,
 									children: a.title
 								}),
 								r.title ? /* @__PURE__ */ c("div", {
-									className: T.title,
+									className: E.title,
 									children: o
 								}) : null,
 								/* @__PURE__ */ c("div", {
-									className: T.message,
+									className: E.message,
 									children: r.message
 								}),
 								r.actions?.length ? /* @__PURE__ */ c("div", {
-									className: T.actions,
+									className: E.actions,
 									children: r.actions.map((e) => /* @__PURE__ */ c(t, {
 										tone: e.tone ?? r.type,
 										appearance: "outline",
@@ -146,6 +162,6 @@ function D() {
 	});
 }
 //#endregion
-export { _ as NotificationApi, _ as notify, D as NotificationsHost, b as NotificationsProvider, w as useNotificationById, S as useNotifications, C as useNotify };
+export { _ as NotificationApi, _ as notify, O as NotificationsHost, b as NotificationsProvider, S as useNotificationById, C as useNotificationHistory, w as useNotifications, T as useNotify };
 //# sourceMappingURL=index.js.map

package/dist/notifications/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/notifications/model/NotificationsProvider.tsx","../../src/notifications/ui/Notification.module.scss","../../src/notifications/ui/NotificationsHost.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\nimport { createContext, PropsWithChildren, useContext, useEffect, useMemo } from \"react\";\n\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\nimport {\n\tbindNotifications,\n\tcreateNotificationsStore,\n\tNotificationId,\n\tNotificationPushInput,\n\tNotificationsStoreApi,\n\tNotificationType\n} from \"@ryuzaki13/react-foundation-lib/notifications\";\nimport { useStore } from \"zustand\";\n\nconst NotificationsContext = createContext<NotificationsStoreApi \| null>(null);\n\n/\n Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.\n /\nexport function NotificationsProvider({ children }: PropsWithChildren) {\n\tconst store = useMemo(() => createNotificationsStore(), []);\n\n\tuseEffect(() => {\n\t\treturn bindNotifications(store);\n\t}, [store]);\n\n\treturn <NotificationsContext.Provider value={store}>{children}</NotificationsContext.Provider>;\n}\n\nfunction useNotificationApi() {\n\tconst ctx = useContext(NotificationsContext);\n\tif (!ctx) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"useNotificationApi\",\n\t\t\tproviderName: \"NotificationsProvider\"\n\t\t});\n\t}\n\treturn ctx;\n}\n\nexport function useNotifications() {\n\tconst api = useNotificationApi();\n\treturn useStore(api, (s) => s.items);\n}\n\nexport function useNotify() {\n\tconst api = useNotificationApi();\n\tconst actions = useStore(api, (s) => s.actions);\n\n\tconst mk = (type: NotificationType) => (message: string, opts?: Omit<NotificationPushInput, \"type\" \| \"message\">) =>\n\t\tactions.push({ type, message, ...opts });\n\n\treturn {\n\t\t...actions,\n\t\tsuccess: mk(\"success\"),\n\t\tinfo: mk(\"info\"),\n\t\twarning: mk(\"warning\"),\n\t\terror: mk(\"error\")\n\t};\n}\n\nexport function useNotificationById(id: NotificationId) {\n\tconst api = useNotificationApi();\n\treturn useStore(api, (s) => s.items.find((n) => n.id === id));\n}\n","@use \"@/styles/mixins\" as ;\n@use \"@/styles/tone-derived\" as toneDerived;\n\n.container {\n\tposition: fixed;\n\tz-index: var(--z-notify);\n\tbottom: 0;\n\tleft: 0;\n\tdisplay: grid;\n\tgap: var(--space-sm);\n\tpadding: var(--space-lg);\n\twidth: min(28em, calc(100dvw - var(--space-lg) * 2));\n\tpointer-events: none;\n}\n\n.card {\n\t--notify-accent: var(--border-1);\n\t--notify-accent-surface: var(--surface-1);\n\t--notify-accent-text: var(--accent-text);\n\n\tposition: relative;\n\toverflow: hidden;\n\tpointer-events: auto;\n\twidth: 100%;\n\tpadding: var(--space-md);\n\t// border: var(--border);\n\tborder-left: 0.3125em solid var(--notify-accent);\n\tborder-radius: var(--radius-md);\n\tbackground: linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));\n\tcolor: var(--content-0);\n\tbox-shadow: var(--shadow-md);\n}\n\n.info {\n\t--notify-accent: var(--info-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"info\");\n\t--notify-accent-text: var(--info-text);\n}\n\n.success {\n\t--notify-accent: var(--success-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"success\");\n\t--notify-accent-text: var(--success-text);\n}\n\n.warning {\n\t--notify-accent: var(--warning-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"warning\");\n\t--notify-accent-text: var(--warning-text);\n}\n\n.error {\n\t--notify-accent: var(--error-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"error\");\n\t--notify-accent-text: var(--error-text);\n}\n\n.header,\n.content,\n.copy {\n\tmin-width: 0;\n}\n\n.content {\n\tmin-width: 0;\n\tflex: 1;\n}\n\n.icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: var(--control-height);\n\theight: var(--control-height);\n\tborder-radius: 50%;\n\tbackground-color: var(--notify-accent-surface);\n\tcolor: var(--notify-accent-text);\n\tborder: var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);\n\n\tsvg {\n\t\twidth: 1.125em;\n\t\theight: 1.125em;\n\t}\n}\n\n.kicker {\n\tmargin-bottom: var(--space-xs);\n\tcolor: var(--notify-accent-text);\n\tfont-size: var(--font-size-xs);\n\tfont-weight: 600;\n\tfont-variation-settings: \"wght\" 600;\n\tletter-spacing: 0.04em;\n\ttext-transform: uppercase;\n}\n\n.title {\n\tcolor: var(--notify-accent-text);\n\tfont-weight: 600;\n\tfont-variation-settings: \"wght\" 600;\n}\n\n.message {\n\tmargin-top: var(--space-xs);\n\tcolor: var(--content-0);\n\twhite-space: pre-wrap;\n\tword-break: break-word;\n}\n\n.actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--space-xs);\n\tmargin-top: var(--space-sm);\n}\n\n@include mobile {\n\t.container {\n\t\tpadding: var(--space-md);\n\t\t// Контейнер занимает viewport целиком, а padding задаёт карточкам симметричные отступы от его краёв.\n\t\twidth: 100dvw;\n\t}\n}\n","import { type NotificationType } from \"@ryuzaki13/react-foundation-lib/notifications\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { AlertCircleIcon, CheckCircle2Icon, InfoIcon, TriangleAlertIcon, XIcon } from \"lucide-react\";\n\nimport { Button } from \"../../button\";\nimport { FlexContainer } from \"../../flex\";\nimport { useNotifications, useNotify } from \"../model/NotificationsProvider\";\n\nimport styles from \"./Notification.module.scss\";\n\nconst notificationConfig: Record<\n\tNotificationType,\n\t{\n\t\ttitle: string;\n\t\tIcon: typeof InfoIcon;\n\t}\n> = {\n\tinfo: {\n\t\ttitle: \"Информация\",\n\t\tIcon: InfoIcon\n\t},\n\tsuccess: {\n\t\ttitle: \"Успешно\",\n\t\tIcon: CheckCircle2Icon\n\t},\n\twarning: {\n\t\ttitle: \"Предупреждение\",\n\t\tIcon: TriangleAlertIcon\n\t},\n\terror: {\n\t\ttitle: \"Ошибка\",\n\t\tIcon: AlertCircleIcon\n\t}\n};\n\n/*\n Хост для визуального отображения очереди уведомлений.\n * Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.\n */\nexport function NotificationsHost() {\n\tconst items = useNotifications();\n\tconst { dismiss } = useNotify();\n\n\treturn (\n\t\t<section className={styles.container} aria-label=\"Область уведомлений\">\n\t\t\t{items.map((notification) => {\n\t\t\t\tconst config = notificationConfig[notification.type];\n\t\t\t\tconst title = notification.title ?? config.title;\n\t\t\t\tconst Icon = config.Icon;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={notification.id}\n\t\t\t\t\t\trole={notification.type === \"error\" ? \"alert\" : \"status\"}\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\tclassName={cn(styles.card, styles[notification.type])}>\n\t\t\t\t\t\t<FlexContainer align=\"start\" justify=\"between\" gap=\"sm\" className={styles.header}>\n\t\t\t\t\t\t\t<FlexContainer align=\"start\" gap=\"sm\" className={styles.content}>\n\t\t\t\t\t\t\t\t<span className={styles.icon} aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t<div className={styles.copy}>\n\t\t\t\t\t\t\t\t\t<div className={styles.kicker}>{config.title}</div>\n\t\t\t\t\t\t\t\t\t{notification.title ? <div className={styles.title}>{title}</div> : null}\n\t\t\t\t\t\t\t\t\t<div className={styles.message}>{notification.message}</div>\n\n\t\t\t\t\t\t\t\t\t{notification.actions?.length ? (\n\t\t\t\t\t\t\t\t\t\t<div className={styles.actions}>\n\t\t\t\t\t\t\t\t\t\t\t{notification.actions.map((action) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={action.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone={action.tone ?? notification.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-ui=\"notification-action-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-action=\"notification-action\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => void action.onClick()}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</FlexContainer>\n\n\t\t\t\t\t\t\t{notification.dismissible !== false ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={<XIcon />}\n\t\t\t\t\t\t\t\t\tappearance=\"ghost\"\n\t\t\t\t\t\t\t\t\ttone={notification.type}\n\t\t\t\t\t\t\t\t\tonClick={() => dismiss(notification.id)}\n\t\t\t\t\t\t\t\t\taria-label={`Закрыть уведомление «${title}»`}\n\t\t\t\t\t\t\t\t\tdata-ui=\"notification-dismiss-button\"\n\t\t\t\t\t\t\t\t\tdata-action=\"dismiss-notification\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</FlexContainer>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</section>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/notifications/model/notificationsContext.ts","../../src/notifications/model/NotificationsProvider.tsx","../../src/notifications/model/useNotificationsStore.ts","../../src/notifications/model/useNotificationById.ts","../../src/notifications/model/useNotificationHistory.ts","../../src/notifications/model/useNotifications.ts","../../src/notifications/model/useNotify.ts","../../src/notifications/ui/Notification.module.scss","../../src/notifications/ui/NotificationsHost.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\nimport { type NotificationsStoreApi } from \"@ryuzaki13/react-foundation-lib/notifications\";\n\n/** Внутренний канал store: публичный доступ host-проект получает через notification-хуки. /\nexport const NotificationsContext = createContext<NotificationsStoreApi \| null>(null);\n","import { type PropsWithChildren, useEffect, useMemo } from \"react\";\n\nimport { bindNotifications, createNotificationsStore } from \"@ryuzaki13/react-foundation-lib/notifications\";\n\nimport { NotificationsContext } from \"./notificationsContext\";\n\n/\n Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.\n /\nexport function NotificationsProvider({ children }: PropsWithChildren) {\n\tconst store = useMemo(() => createNotificationsStore(), []);\n\n\tuseEffect(() => bindNotifications(store), [store]);\n\n\treturn <NotificationsContext.Provider value={store}>{children}</NotificationsContext.Provider>;\n}\n","import { useContext } from \"react\";\n\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\n\nimport { NotificationsContext } from \"./notificationsContext\";\n\n/* Возвращает store ближайшего NotificationsProvider для внутренних notification-хуков. /\nexport function useNotificationsStore() {\n\tconst store = useContext(NotificationsContext);\n\n\tif (!store) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"useNotificationsStore\",\n\t\t\tproviderName: \"NotificationsProvider\"\n\t\t});\n\t}\n\n\treturn store;\n}\n","import { type NotificationId } from \"@ryuzaki13/react-foundation-lib/notifications\";\nimport { useStore } from \"zustand\";\n\nimport { useNotificationsStore } from \"./useNotificationsStore\";\n\n/* Возвращает активное toast-уведомление по идентификатору. /\nexport function useNotificationById(id: NotificationId) {\n\tconst store = useNotificationsStore();\n\treturn useStore(store, (state) => state.items.find((notification) => notification.id === id));\n}\n","import { useStore } from \"zustand\";\n\nimport { useNotificationsStore } from \"./useNotificationsStore\";\n\n/\n Возвращает полную историю уведомлений за время жизни NotificationsProvider.\n * Hook не задаёт контейнер или разметку: host-проект сам отображает историю на странице, в модалке или диалоге.\n /\nexport function useNotificationHistory() {\n\tconst store = useNotificationsStore();\n\treturn useStore(store, (state) => state.history);\n}\n","import { useStore } from \"zustand\";\n\nimport { useNotificationsStore } from \"./useNotificationsStore\";\n\n/* Возвращает активные уведомления, которые отображает краткоживущий toast-host. /\nexport function useNotifications() {\n\tconst store = useNotificationsStore();\n\treturn useStore(store, (state) => state.items);\n}\n","import { type NotificationPushInput, type NotificationType } from \"@ryuzaki13/react-foundation-lib/notifications\";\nimport { useStore } from \"zustand\";\n\nimport { useNotificationsStore } from \"./useNotificationsStore\";\n\n/* Возвращает действия notification-store и сокращённые методы для каждого типа уведомления. /\nexport function useNotify() {\n\tconst store = useNotificationsStore();\n\tconst actions = useStore(store, (state) => state.actions);\n\n\tconst createShortcut = (type: NotificationType) => (message: string, options?: Omit<NotificationPushInput, \"type\" \| \"message\">) =>\n\t\tactions.push({ type, message, ...options });\n\n\treturn {\n\t\t...actions,\n\t\tsuccess: createShortcut(\"success\"),\n\t\tinfo: createShortcut(\"info\"),\n\t\twarning: createShortcut(\"warning\"),\n\t\terror: createShortcut(\"error\")\n\t};\n}\n","@use \"@/styles/mixins\" as ;\n@use \"@/styles/tone-derived\" as toneDerived;\n\n.container {\n\tposition: fixed;\n\tz-index: var(--z-notify);\n\tbottom: 0;\n\tleft: 0;\n\tdisplay: grid;\n\tgap: var(--space-sm);\n\tpadding: var(--space-lg);\n\twidth: min(28em, calc(100dvw - var(--space-lg) * 2));\n\tpointer-events: none;\n}\n\n.card {\n\t--notify-accent: var(--border-1);\n\t--notify-accent-surface: var(--surface-1);\n\t--notify-accent-text: var(--accent-text);\n\n\tposition: relative;\n\toverflow: hidden;\n\tpointer-events: auto;\n\twidth: 100%;\n\tpadding: var(--space-md);\n\t// border: var(--border);\n\tborder-left: 0.3125em solid var(--notify-accent);\n\tborder-radius: var(--radius-md);\n\tbackground: linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));\n\tcolor: var(--content-0);\n\tbox-shadow: var(--shadow-md);\n}\n\n.info {\n\t--notify-accent: var(--info-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"info\");\n\t--notify-accent-text: var(--info-text);\n}\n\n.success {\n\t--notify-accent: var(--success-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"success\");\n\t--notify-accent-text: var(--success-text);\n}\n\n.warning {\n\t--notify-accent: var(--warning-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"warning\");\n\t--notify-accent-text: var(--warning-text);\n}\n\n.error {\n\t--notify-accent: var(--error-border);\n\t@include toneDerived.tone-soft-declaration(\"--notify-accent-surface\", \"error\");\n\t--notify-accent-text: var(--error-text);\n}\n\n.header,\n.content,\n.copy {\n\tmin-width: 0;\n}\n\n.content {\n\tmin-width: 0;\n\tflex: 1;\n}\n\n.icon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: var(--control-height);\n\theight: var(--control-height);\n\tborder-radius: 50%;\n\tbackground-color: var(--notify-accent-surface);\n\tcolor: var(--notify-accent-text);\n\tborder: var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);\n\n\tsvg {\n\t\twidth: 1.125em;\n\t\theight: 1.125em;\n\t}\n}\n\n.kicker {\n\tmargin-bottom: var(--space-xs);\n\tcolor: var(--notify-accent-text);\n\tfont-size: var(--font-size-xs);\n\tfont-weight: 600;\n\tfont-variation-settings: \"wght\" 600;\n\tletter-spacing: 0.04em;\n\ttext-transform: uppercase;\n}\n\n.title {\n\tcolor: var(--notify-accent-text);\n\tfont-weight: 600;\n\tfont-variation-settings: \"wght\" 600;\n}\n\n.message {\n\tmargin-top: var(--space-xs);\n\tcolor: var(--content-0);\n\twhite-space: pre-wrap;\n\tword-break: break-word;\n}\n\n.actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: var(--space-xs);\n\tmargin-top: var(--space-sm);\n}\n\n@include mobile {\n\t.container {\n\t\tpadding: var(--space-md);\n\t\t// Контейнер занимает viewport целиком, а padding задаёт карточкам симметричные отступы от его краёв.\n\t\twidth: 100dvw;\n\t}\n}\n","import { type NotificationType } from \"@ryuzaki13/react-foundation-lib/notifications\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { AlertCircleIcon, CheckCircle2Icon, InfoIcon, TriangleAlertIcon, XIcon } from \"lucide-react\";\n\nimport { Button } from \"../../button\";\nimport { FlexContainer } from \"../../flex\";\nimport { useNotifications, useNotify } from \"../model\";\n\nimport styles from \"./Notification.module.scss\";\n\nconst notificationConfig: Record<\n\tNotificationType,\n\t{\n\t\ttitle: string;\n\t\tIcon: typeof InfoIcon;\n\t}\n> = {\n\tinfo: {\n\t\ttitle: \"Информация\",\n\t\tIcon: InfoIcon\n\t},\n\tsuccess: {\n\t\ttitle: \"Успешно\",\n\t\tIcon: CheckCircle2Icon\n\t},\n\twarning: {\n\t\ttitle: \"Предупреждение\",\n\t\tIcon: TriangleAlertIcon\n\t},\n\terror: {\n\t\ttitle: \"Ошибка\",\n\t\tIcon: AlertCircleIcon\n\t}\n};\n\n/*\n Хост для визуального отображения активного toast-стека.\n * Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.\n * Полную историю host-проект отображает отдельно через useNotificationHistory.\n */\nexport function NotificationsHost() {\n\tconst items = useNotifications();\n\tconst { dismiss } = useNotify();\n\n\treturn (\n\t\t<section className={styles.container} aria-label=\"Область уведомлений\">\n\t\t\t{items.map((notification) => {\n\t\t\t\tconst config = notificationConfig[notification.type];\n\t\t\t\tconst title = notification.title ?? config.title;\n\t\t\t\tconst Icon = config.Icon;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={notification.id}\n\t\t\t\t\t\trole={notification.type === \"error\" ? \"alert\" : \"status\"}\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\tclassName={cn(styles.card, styles[notification.type])}>\n\t\t\t\t\t\t<FlexContainer align=\"start\" justify=\"between\" gap=\"sm\" className={styles.header}>\n\t\t\t\t\t\t\t<FlexContainer align=\"start\" gap=\"sm\" className={styles.content}>\n\t\t\t\t\t\t\t\t<span className={styles.icon} aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t<Icon />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t<div className={styles.copy}>\n\t\t\t\t\t\t\t\t\t<div className={styles.kicker}>{config.title}</div>\n\t\t\t\t\t\t\t\t\t{notification.title ? <div className={styles.title}>{title}</div> : null}\n\t\t\t\t\t\t\t\t\t<div className={styles.message}>{notification.message}</div>\n\n\t\t\t\t\t\t\t\t\t{notification.actions?.length ? (\n\t\t\t\t\t\t\t\t\t\t<div className={styles.actions}>\n\t\t\t\t\t\t\t\t\t\t\t{notification.actions.map((action) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={action.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttone={action.tone ?? notification.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\tappearance=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-ui=\"notification-action-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-action=\"notification-action\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => void action.onClick()}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</FlexContainer>\n\n\t\t\t\t\t\t\t{notification.dismissible !== false ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={<XIcon />}\n\t\t\t\t\t\t\t\t\tappearance=\"ghost\"\n\t\t\t\t\t\t\t\t\ttone={notification.type}\n\t\t\t\t\t\t\t\t\tonClick={() => dismiss(notification.id)}\n\t\t\t\t\t\t\t\t\taria-label={`Закрыть уведомление «${title}»`}\n\t\t\t\t\t\t\t\t\tdata-ui=\"notification-dismiss-button\"\n\t\t\t\t\t\t\t\t\tdata-action=\"dismiss-notification\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</FlexContainer>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</section>\n\t);\n}\n"],"mappings":"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"}

package/dist/notifications/model/NotificationsProvider.d.ts CHANGED Viewed

@@ -1,22 +1,6 @@
-import { PropsWithChildren } from "react";
-import { NotificationId, NotificationPushInput } from "@ryuzaki13/react-foundation-lib/notifications";
+import { type PropsWithChildren } from "react";
 /**
- * Провайдер уведомлений приложения. Хранит состояние списка уведомлений и предоставляет хуки доступа к нему.
+ * Провайдер уведомлений приложения. Хранит активный toast-стек и полную историю уведомлений.
  */
 export declare function NotificationsProvider({ children }: PropsWithChildren): import("react").JSX.Element;
-export declare function useNotifications(): import("@ryuzaki13/react-foundation-lib/notifications").Notification[];
-export declare function useNotify(): {
-    success: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
-    info: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
-    warning: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
-    error: (message: string, opts?: Omit<NotificationPushInput, "type" | "message">) => string;
-    push: (input: NotificationPushInput) => NotificationId;
-    update: (id: NotificationId, patch: import("@ryuzaki13/react-foundation-lib/notifications").NotificationUpdatePatch) => boolean;
-    upsert: (input: NotificationPushInput & {
-        id: NotificationId;
-    }) => NotificationId;
-    dismiss: (id: NotificationId) => void;
-    clear: () => void;
-};
-export declare function useNotificationById(id: NotificationId): import("@ryuzaki13/react-foundation-lib/notifications").Notification | undefined;
 //# sourceMappingURL=NotificationsProvider.d.ts.map

package/dist/notifications/model/NotificationsProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/NotificationsProvider.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,~~EAAiB~~,iBAAiB,~~EAAkC~~,MAAM,OAAO,CAAC;~~AAGzF,OAAO,EAGN,cAAc,EACd,qBAAqB,EAGrB,MAAM,+CAA+C,CAAC;AAKvD~~;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAQpE;AAaD,wBAAgB,gBAAgB,2EAG/B;AAED,wBAAgB,SAAS;uBAIyB,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;oBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;uBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;qBAA9D,MAAM,SAAS,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;;;;;;;;EAU/G;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,cAAc,oFAGrD"}
1	+ {"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AAMnE;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAMpE"}

package/dist/notifications/model/index.d.ts CHANGED Viewed

@@ -1,2 +1,6 @@
 export * from "./NotificationsProvider";
+export * from "./useNotificationById";
+export * from "./useNotificationHistory";
+export * from "./useNotifications";
+export * from "./useNotify";
 //# sourceMappingURL=index.d.ts.map

package/dist/notifications/model/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC"}

package/dist/notifications/model/notificationsContext.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { type NotificationsStoreApi } from "@ryuzaki13/react-foundation-lib/notifications";
+/** Внутренний канал store: публичный доступ host-проект получает через notification-хуки. */
+export declare const NotificationsContext: import("react").Context<NotificationsStoreApi | null>;
+//# sourceMappingURL=notificationsContext.d.ts.map

package/dist/notifications/model/notificationsContext.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"notificationsContext.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/notificationsContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAE3F,6FAA6F;AAC7F,eAAO,MAAM,oBAAoB,uDAAoD,CAAC"}

package/dist/notifications/model/useNotificationById.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { type NotificationId } from "@ryuzaki13/react-foundation-lib/notifications";
+/** Возвращает активное toast-уведомление по идентификатору. */
+export declare function useNotificationById(id: NotificationId): import("@ryuzaki13/react-foundation-lib/notifications").Notification | undefined;
+//# sourceMappingURL=useNotificationById.d.ts.map

package/dist/notifications/model/useNotificationById.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useNotificationById.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/useNotificationById.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAKpF,+DAA+D;AAC/D,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,cAAc,oFAGrD"}

package/dist/notifications/model/useNotificationHistory.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+/**
+ * Возвращает полную историю уведомлений за время жизни NotificationsProvider.
+ * Hook не задаёт контейнер или разметку: host-проект сам отображает историю на странице, в модалке или диалоге.
+ */
+export declare function useNotificationHistory(): import("@ryuzaki13/react-foundation-lib/notifications").Notification[];
+//# sourceMappingURL=useNotificationHistory.d.ts.map

package/dist/notifications/model/useNotificationHistory.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useNotificationHistory.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/useNotificationHistory.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,sBAAsB,2EAGrC"}

package/dist/notifications/model/useNotifications.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/** Возвращает активные уведомления, которые отображает краткоживущий toast-host. */
+export declare function useNotifications(): import("@ryuzaki13/react-foundation-lib/notifications").Notification[];
+//# sourceMappingURL=useNotifications.d.ts.map

package/dist/notifications/model/useNotifications.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/useNotifications.ts"],"names":[],"mappings":"AAIA,oFAAoF;AACpF,wBAAgB,gBAAgB,2EAG/B"}

package/dist/notifications/model/useNotificationsStore.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+/** Возвращает store ближайшего NotificationsProvider для внутренних notification-хуков. */
+export declare function useNotificationsStore(): import("@ryuzaki13/react-foundation-lib/notifications").NotificationsStoreApi;
+//# sourceMappingURL=useNotificationsStore.d.ts.map

package/dist/notifications/model/useNotificationsStore.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useNotificationsStore.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/useNotificationsStore.ts"],"names":[],"mappings":"AAMA,2FAA2F;AAC3F,wBAAgB,qBAAqB,kFAWpC"}

package/dist/notifications/model/useNotify.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { type NotificationPushInput } from "@ryuzaki13/react-foundation-lib/notifications";
+/** Возвращает действия notification-store и сокращённые методы для каждого типа уведомления. */
+export declare function useNotify(): {
+    success: (message: string, options?: Omit<NotificationPushInput, "type" | "message">) => string;
+    info: (message: string, options?: Omit<NotificationPushInput, "type" | "message">) => string;
+    warning: (message: string, options?: Omit<NotificationPushInput, "type" | "message">) => string;
+    error: (message: string, options?: Omit<NotificationPushInput, "type" | "message">) => string;
+    push: (input: NotificationPushInput) => import("@ryuzaki13/react-foundation-lib/notifications").NotificationId;
+    update: (id: import("@ryuzaki13/react-foundation-lib/notifications").NotificationId, patch: import("@ryuzaki13/react-foundation-lib/notifications").NotificationUpdatePatch) => boolean;
+    upsert: (input: NotificationPushInput & {
+        id: import("@ryuzaki13/react-foundation-lib/notifications").NotificationId;
+    }) => import("@ryuzaki13/react-foundation-lib/notifications").NotificationId;
+    dismiss: (id: import("@ryuzaki13/react-foundation-lib/notifications").NotificationId) => void;
+    clear: () => void;
+    clearHistory: () => void;
+};
+//# sourceMappingURL=useNotify.d.ts.map

package/dist/notifications/model/useNotify.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useNotify.d.ts","sourceRoot":"","sources":["../../../src/notifications/model/useNotify.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAyB,MAAM,+CAA+C,CAAC;AAKlH,gGAAgG;AAChG,wBAAgB,SAAS;uBAIqC,MAAM,YAAY,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;oBAAjE,MAAM,YAAY,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;uBAAjE,MAAM,YAAY,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;qBAAjE,MAAM,YAAY,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,SAAS,CAAC;;;;;;;;;EAU9H"}

package/dist/notifications/ui/NotificationsHost.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 /**
- * Хост для визуального отображения очереди уведомлений.
+ * Хост для визуального отображения активного toast-стека.
  * Обычно монтируется один раз на уровне приложения рядом с провайдером уведомлений.
+ * Полную историю host-проект отображает отдельно через useNotificationHistory.
  */
 export declare function NotificationsHost(): import("react").JSX.Element;
 //# sourceMappingURL=NotificationsHost.d.ts.map

package/dist/notifications/ui/NotificationsHost.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsHost.d.ts","sourceRoot":"","sources":["../../../src/notifications/ui/NotificationsHost.tsx"],"names":[],"mappings":"AAmCA~~;;;GAGG~~;AACH,wBAAgB,iBAAiB,gCA+DhC"}
1	+ {"version":3,"file":"NotificationsHost.d.ts","sourceRoot":"","sources":["../../../src/notifications/ui/NotificationsHost.tsx"],"names":[],"mappings":"AAmCA;;;;GAIG;AACH,wBAAgB,iBAAiB,gCA+DhC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@ryuzaki13/react-foundation-ui",
-	"version": "3.6.0",
+	"version": "3.7.0",
 	"description": "Reusable React foundation UI primitives and Storybook stories.",
 	"license": "MIT",
 	"author": "Ryuzaki13",
@@ -394,7 +394,7 @@
 		"@lexical/selection": ">=0.46.0 <1.0.0",
 		"@lexical/utils": ">=0.46.0 <1.0.0",
 		"@ryuzaki13/react-foundation-api": ">=2.0.0 <3.0.0",
-		"@ryuzaki13/react-foundation-lib": ">=2.3.0 <3.0.0",
+		"@ryuzaki13/react-foundation-lib": ">=2.4.0 <3.0.0",
 		"@tanstack/react-query": ">=5.101.4 <6.0.0",
 		"@tanstack/react-router": ">=1.170.23 <2.0.0",
 		"@tanstack/react-table": ">=9.1.0 <10.0.0",
@@ -491,7 +491,7 @@
 		"@lexical/selection": "^0.49.0",
 		"@lexical/utils": "^0.49.0",
 		"@ryuzaki13/react-foundation-api": "^2.0.0",
-		"@ryuzaki13/react-foundation-lib": "^2.3.0",
+		"@ryuzaki13/react-foundation-lib": "^2.4.0",
 		"@storybook/addon-a11y": "^10.5.5",
 		"@storybook/addon-docs": "^10.5.5",
 		"@storybook/addon-vitest": "^10.5.5",

package/storybook-static/assets/{Badge-r7lsdHne.js → Badge-CV3f-YLa.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-B9PXVErw.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-r6nP1Mk3.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./Badge.stories-P4qdQ7cm.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:h,parameters:{atomicCanvas:!0,layout:`padded`,docs:{toc:!0}}}),`
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-DfqtMMgG.js";import{i as n,r}from"./react-Bl2r1tuC.js";import{a as i,d as a,f as o,l as s,m as c,n as l,p as u,r as d,u as f}from"./blocks-TIr5_lNX.js";import{a as p,i as m,n as h,o as g,r as _,s as v,t as y}from"./Badge.stories-BUPuimKi.js";function b(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(s,{of:h,parameters:{atomicCanvas:!0,layout:`padded`,docs:{toc:!0}}}),`
 `,(0,S.jsx)(u,{children:`Badge`}),`
 `,(0,S.jsx)(o,{children:`Компактная текстовая метка для статусов, категорий, фильтров и коротких служебных пометок`}),`
 `,(0,S.jsx)(t.p,{children:`Badge подходит для коротких подписей, которые должны быстро читаться и не перегружать интерфейс:`}),`

package/storybook-static/assets/{Badge.stories-P4qdQ7cm.js → Badge.stories-BUPuimKi.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-B9PXVErw.js";import{i,n as a,r as o,t as s}from"./BadgeList-8NyPAV2Q.js";var c=t({Appearances:()=>h,Basic:()=>p,RemovableList:()=>_,Sizes:()=>g,Tones:()=>m,__namedExportsOrder:()=>v,default:()=>f}),l,u,d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{l=n(),i(),a(),u=r(),{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,f={title:`UI/Badge`,component:o,args:{children:`Новый`,size:`md`,tone:`info`,appearance:`solid`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Текст внутри бейджа.`,control:`text`},size:{description:`Размер бейджа.`,control:`inline-radio`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Цветовой тон бейджа.`,control:`inline-radio`,options:[`neutral`,`accent`,`brand`,`success`,`warning`,`error`,`info`]},appearance:{description:`Форма бейджа.`,control:`inline-radio`,options:[`solid`,`outline`,`ghost`,`transparent`]},onRemove:{description:`Показывает кнопку удаления и вызывает обработчик по клику.`,control:!1}}},p={render:function(){let[e]=d();return(0,u.jsx)(o,{...e})}},m={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{tone:`neutral`,appearance:`outline`,children:`Neutral`}),(0,u.jsx)(o,{tone:`accent`,appearance:`solid`,children:`Акцент`}),(0,u.jsx)(o,{tone:`brand`,appearance:`solid`,children:`Бренд`}),(0,u.jsx)(o,{tone:`success`,appearance:`solid`,children:`Успешно`}),(0,u.jsx)(o,{tone:`warning`,appearance:`solid`,children:`Внимание`}),(0,u.jsx)(o,{tone:`error`,appearance:`solid`,children:`Ошибка`}),(0,u.jsx)(o,{tone:`info`,appearance:`solid`,children:`Информация`})]})},h={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{tone:`neutral`,appearance:`solid`,children:`Solid`}),(0,u.jsx)(o,{tone:`neutral`,appearance:`outline`,children:`Outline`}),(0,u.jsx)(o,{tone:`info`,appearance:`ghost`,children:`Ghost`}),(0,u.jsx)(o,{tone:`warning`,appearance:`transparent`,children:`Transparent`})]})},g={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{size:`xs`,children:`Extra Small`}),(0,u.jsx)(o,{size:`sm`,children:`Small`}),(0,u.jsx)(o,{size:`md`,children:`Medium`}),(0,u.jsx)(o,{size:`lg`,children:`Large`}),(0,u.jsx)(o,{size:`xl`,children:`Extra Large`})]})},_={render:()=>{let[e,t]=(0,l.useState)([`Фильтр A`,`Фильтр B`,`Фильтр C`]);return(0,u.jsx)(s,{children:e.map(e=>(0,u.jsx)(o,{tone:`info`,appearance:`outline`,onRemove:()=>t(t=>t.filter(t=>t!==e)),children:e},e))})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-DfqtMMgG.js";import{i,n as a,r as o,t as s}from"./BadgeList-CDDAItI6.js";var c=t({Appearances:()=>h,Basic:()=>p,RemovableList:()=>_,Sizes:()=>g,Tones:()=>m,__namedExportsOrder:()=>v,default:()=>f}),l,u,d,f,p,m,h,g,_,v;function y(){return(y=e((()=>{l=n(),i(),a(),u=r(),{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,f={title:`UI/Badge`,component:o,args:{children:`Новый`,size:`md`,tone:`info`,appearance:`solid`},parameters:{atomicCanvas:!0,layout:`padded`},argTypes:{children:{description:`Текст внутри бейджа.`,control:`text`},size:{description:`Размер бейджа.`,control:`inline-radio`,options:[`xs`,`sm`,`md`,`lg`,`xl`]},tone:{description:`Цветовой тон бейджа.`,control:`inline-radio`,options:[`neutral`,`accent`,`brand`,`success`,`warning`,`error`,`info`]},appearance:{description:`Форма бейджа.`,control:`inline-radio`,options:[`solid`,`outline`,`ghost`,`transparent`]},onRemove:{description:`Показывает кнопку удаления и вызывает обработчик по клику.`,control:!1}}},p={render:function(){let[e]=d();return(0,u.jsx)(o,{...e})}},m={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{tone:`neutral`,appearance:`outline`,children:`Neutral`}),(0,u.jsx)(o,{tone:`accent`,appearance:`solid`,children:`Акцент`}),(0,u.jsx)(o,{tone:`brand`,appearance:`solid`,children:`Бренд`}),(0,u.jsx)(o,{tone:`success`,appearance:`solid`,children:`Успешно`}),(0,u.jsx)(o,{tone:`warning`,appearance:`solid`,children:`Внимание`}),(0,u.jsx)(o,{tone:`error`,appearance:`solid`,children:`Ошибка`}),(0,u.jsx)(o,{tone:`info`,appearance:`solid`,children:`Информация`})]})},h={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{tone:`neutral`,appearance:`solid`,children:`Solid`}),(0,u.jsx)(o,{tone:`neutral`,appearance:`outline`,children:`Outline`}),(0,u.jsx)(o,{tone:`info`,appearance:`ghost`,children:`Ghost`}),(0,u.jsx)(o,{tone:`warning`,appearance:`transparent`,children:`Transparent`})]})},g={render:()=>(0,u.jsxs)(s,{children:[(0,u.jsx)(o,{size:`xs`,children:`Extra Small`}),(0,u.jsx)(o,{size:`sm`,children:`Small`}),(0,u.jsx)(o,{size:`md`,children:`Medium`}),(0,u.jsx)(o,{size:`lg`,children:`Large`}),(0,u.jsx)(o,{size:`xl`,children:`Extra Large`})]})},_={render:()=>{let[e,t]=(0,l.useState)([`Фильтр A`,`Фильтр B`,`Фильтр C`]);return(0,u.jsx)(s,{children:e.map(e=>(0,u.jsx)(o,{tone:`info`,appearance:`outline`,onRemove:()=>t(t=>t.filter(t=>t!==e)),children:e},e))})}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   render: function Render() {
     const [args] = useArgs<BadgeStoryArgs>();
     return <Badge {...args} />;

package/storybook-static/assets/{BadgeList-8NyPAV2Q.js → BadgeList-CDDAItI6.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./x-DSHJbBBz.js";import{n as i}from"./iframe-B9PXVErw.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{c as s,i as c}from"./array-D-_yMMUK-DnJ_b27D.js";import{n as l,t as u}from"./FloatingPopover-D9nTd47B.js";import{a as d,i as f,r as p,t as m}from"./uiClasses-Bar5W7-L.js";import{n as h,t as g}from"./FlexContainer-BMK_YH72.js";function _({maxChar:e,placement:t=`left`,closeDelay:n=0,maxWidth:r,children:i,block:a,state:o,textWrap:c,textWrapProps:l}){let d=s(i);if(!d.length||e&&d.length<e)return(0,v.jsx)(`span`,{children:d});let f=c??`div`,p={style:{display:a?`block`:`inline-block`,width:e?`${e-3}ch`:`auto`},className:`textOverflow`},m={...l,...p,style:{...l?.style,...p.style},className:[l?.className,p.className].filter(Boolean).join(` `)};return(0,v.jsx)(u,{state:o,placement:t,openOnHover:!0,content:d,closeDelay:n,maxWidth:r,children:(0,v.jsx)(f,{...m,children:d})})}var v;function y(){return(y=e((()=>{c(),l(),v=i(),_.__docgenInfo={description:``,methods:[],displayName:`TextOverflow`,props:{children:{required:!0,tsType:{name:`string`},description:``},maxChar:{required:!1,tsType:{name:`number`},description:``},maxWidth:{required:!1,tsType:{name:`number`},description:`Максимальная ширина тултипа в em.`},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"left"`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},block:{required:!1,tsType:{name:`literal`,value:`true`},description:`Для работы text-overflow элемент обязан быть блочным или inline-block.
+import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./x-i4zUW10Y.js";import{n as i}from"./iframe-DfqtMMgG.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{c as s,i as c}from"./array-D-_yMMUK-DnJ_b27D.js";import{n as l,t as u}from"./FloatingPopover-CjNAEFQy.js";import{a as d,i as f,r as p,t as m}from"./uiClasses-Bar5W7-L.js";import{n as h,t as g}from"./FlexContainer-B1y3dds2.js";function _({maxChar:e,placement:t=`left`,closeDelay:n=0,maxWidth:r,children:i,block:a,state:o,textWrap:c,textWrapProps:l}){let d=s(i);if(!d.length||e&&d.length<e)return(0,v.jsx)(`span`,{children:d});let f=c??`div`,p={style:{display:a?`block`:`inline-block`,width:e?`${e-3}ch`:`auto`},className:`textOverflow`},m={...l,...p,style:{...l?.style,...p.style},className:[l?.className,p.className].filter(Boolean).join(` `)};return(0,v.jsx)(u,{state:o,placement:t,openOnHover:!0,content:d,closeDelay:n,maxWidth:r,children:(0,v.jsx)(f,{...m,children:d})})}var v;function y(){return(y=e((()=>{c(),l(),v=i(),_.__docgenInfo={description:``,methods:[],displayName:`TextOverflow`,props:{children:{required:!0,tsType:{name:`string`},description:``},maxChar:{required:!1,tsType:{name:`number`},description:``},maxWidth:{required:!1,tsType:{name:`number`},description:`Максимальная ширина тултипа в em.`},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`"left"`,computed:!1}},closeDelay:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},block:{required:!1,tsType:{name:`literal`,value:`true`},description:`Для работы text-overflow элемент обязан быть блочным или inline-block.
 Если в качестве обёртки передается инлайновый компонент, то он будет
 перезаписан через стили на display: block или inline-block в зависимости
 от установки данного пропса.`},state:{required:!1,tsType:{name:`union`,raw:`"information" | "error" | "warning" | "success" | "negative"`,elements:[{name:`literal`,value:`"information"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"negative"`}]},description:``},textWrap:{required:!1,tsType:{name:`T`},description:``},textWrapProps:{required:!1,tsType:{name:`Omit`,elements:[{name:`ComponentProps`,elements:[{name:`T`}],raw:`ComponentProps<T>`},{name:`literal`,value:`"children"`}],raw:`Omit<ComponentProps<T>, "children">`},description:``}}}})))()}var b,x,S,C,w,T,E,D,O,k;function A(){return(A=e((()=>{b=`qBtmnH`,x=`p-HsHY`,S=`u9tQAE`,C=`FRScRz`,w=`W13uQO`,T=`_3IRcM9`,E=`R3ybI7`,D=`DdWAaC`,O=`_5cXBQF`,k={badge:b,passive:x,sizeXs:S,sizeSm:C,sizeMd:w,sizeLg:T,sizeXl:E,content:D,removeButton:O}})))()}function j({children:e,size:t=`sm`,tone:n,appearance:i,className:o,onRemove:s}){let c=n??`neutral`,l=d({tone:n,appearance:i,fallbackTone:c,fallbackAppearance:c===`neutral`?`outline`:`solid`});return(0,M.jsxs)(`div`,{className:a(k.badge,N[t],p(l.tone),m(l.appearance),!s&&k.passive,o),children:[(0,M.jsx)(_,{maxChar:25,placement:`top`,block:!0,textWrapProps:{className:k.content},children:String(e)}),s&&(0,M.jsx)(`button`,{type:`button`,onClick:s,className:k.removeButton,"aria-label":`Удалить бейдж`,"data-ui":`badge-remove-button`,"data-action":`remove-badge`,children:(0,M.jsx)(r,{})})]})}var M,N;function P(){return(P=e((()=>{o(),n(),y(),f(),A(),M=i(),N={xs:k.sizeXs,sm:k.sizeSm,md:k.sizeMd,lg:k.sizeLg,xl:k.sizeXl},j.__docgenInfo={description:`Компактный индикатор для статусов, категорий и коротких служебных меток.`,methods:[],displayName:`Badge`,props:{children:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},size:{required:!1,tsType:{name:`union`,raw:`"xs" | "sm" | "md" | "lg" | "xl"`,elements:[{name:`literal`,value:`"xs"`},{name:`literal`,value:`"sm"`},{name:`literal`,value:`"md"`},{name:`literal`,value:`"lg"`},{name:`literal`,value:`"xl"`}]},description:``,defaultValue:{value:`"sm"`,computed:!1}},tone:{required:!1,tsType:{name:`union`,raw:`"accent" | "neutral" | "brand" | "error" | "warning" | "success" | "info"`,elements:[{name:`literal`,value:`"accent"`},{name:`literal`,value:`"neutral"`},{name:`literal`,value:`"brand"`},{name:`literal`,value:`"error"`},{name:`literal`,value:`"warning"`},{name:`literal`,value:`"success"`},{name:`literal`,value:`"info"`}]},description:``},appearance:{required:!1,tsType:{name:`union`,raw:`"solid" | "outline" | "ghost" | "transparent"`,elements:[{name:`literal`,value:`"solid"`},{name:`literal`,value:`"outline"`},{name:`literal`,value:`"ghost"`},{name:`literal`,value:`"transparent"`}]},description:``},className:{required:!1,tsType:{name:`string`},description:``},onRemove:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}}})))()}function F({children:e}){return(0,L.jsx)(g,{inline:!0,wrap:!0,gap:`sm`,align:`baseline`,children:I.Children.map(e,(e,t)=>(0,L.jsx)(I.Fragment,{children:e},t))})}var I,L;function R(){return(R=e((()=>{I=t(),h(),L=i(),F.__docgenInfo={description:"Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.",methods:[],displayName:`BadgeList`,props:{children:{required:!0,tsType:{name:`Array`,elements:[{name:`ReactElement`,elements:[{name:`union`,raw:`typeof Badge | null | undefined | false`,elements:[{name:`Badge`},{name:`null`},{name:`undefined`},{name:`literal`,value:`false`}]}],raw:`ReactElement<typeof Badge | null | undefined | false>`}],raw:`ReactElement<typeof Badge | null | undefined | false>[]`},description:``}}}})))()}export{P as i,R as n,j as r,F as t};