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

@ryuzaki13/react-foundation-ui 3.4.3 → 3.6.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 (659) hide show

package/dist/notifications/index.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { n as e } from "../chunks/button-DF21yxVp.js";
-import { o as t } from "../chunks/flex-C7njxZ74.js";
-import { createContext as n, useContext as r, useEffect as i, useMemo as a } from "react";
-import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { createMissingContextError as l } from "@ryuzaki13/react-foundation-lib/error";
-import { AlertCircleIcon as u, CheckCircle2Icon as d, InfoIcon as f, TriangleAlertIcon as p, XIcon as m } from "lucide-react";
+import { o as e } from "../chunks/flex-D86M_h-0.js";
+import { n as t } from "../chunks/button-DudCl375.js";
+import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
+import { AlertCircleIcon as r, CheckCircle2Icon as i, InfoIcon as a, TriangleAlertIcon as o, XIcon as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createContext as u, useContext as d, useEffect as f, useMemo as p } from "react";
+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
-var y = n(null);
+var y = u(null);
 function b({ children: e }) {
-	let t = a(() => g(), []);
-	return i(() => h(t), [t]), /* @__PURE__ */ s(y.Provider, {
+	let t = p(() => g(), []);
+	return f(() => h(t), [t]), /* @__PURE__ */ c(y.Provider, {
 		value: t,
 		children: e
 	});
 }
 function x() {
-	let e = r(y);
-	if (!e) throw l({
+	let e = d(y);
+	if (!e) throw m({
 		hookName: "useNotificationApi",
 		providerName: "NotificationsProvider"
 	});
@@ -64,86 +64,84 @@ var T = {
 }, E = {
 	info: {
 		title: "Информация",
-		Icon: f
+		Icon: a
 	},
 	success: {
 		title: "Успешно",
-		Icon: d
+		Icon: i
 	},
 	warning: {
 		title: "Предупреждение",
-		Icon: p
+		Icon: o
 	},
 	error: {
 		title: "Ошибка",
-		Icon: u
+		Icon: r
 	}
 };
 function D() {
-	let n = S(), { dismiss: r } = C();
-	return /* @__PURE__ */ s("div", {
+	let r = S(), { dismiss: i } = C();
+	return /* @__PURE__ */ c("section", {
 		className: T.container,
 		"aria-label": "Область уведомлений",
-		"aria-live": "polite",
-		"aria-relevant": "additions text",
-		children: n.map((n) => {
-			let i = E[n.type], a = n.title ?? i.title, l = i.Icon;
-			return /* @__PURE__ */ s("article", {
-				role: n.type === "error" ? "alert" : "status",
+		children: r.map((r) => {
+			let a = E[r.type], o = r.title ?? a.title, u = a.Icon;
+			return /* @__PURE__ */ c("div", {
+				role: r.type === "error" ? "alert" : "status",
 				"aria-atomic": "true",
-				className: o(T.card, T[n.type]),
-				children: /* @__PURE__ */ c(t, {
+				className: n(T.card, T[r.type]),
+				children: /* @__PURE__ */ l(e, {
 					align: "start",
 					justify: "between",
 					gap: "sm",
 					className: T.header,
-					children: [/* @__PURE__ */ c(t, {
+					children: [/* @__PURE__ */ l(e, {
 						align: "start",
 						gap: "sm",
 						className: T.content,
-						children: [/* @__PURE__ */ s("span", {
+						children: [/* @__PURE__ */ c("span", {
 							className: T.icon,
 							"aria-hidden": "true",
-							children: /* @__PURE__ */ s(l, {})
-						}), /* @__PURE__ */ c("div", {
+							children: /* @__PURE__ */ c(u, {})
+						}), /* @__PURE__ */ l("div", {
 							className: T.copy,
 							children: [
-								/* @__PURE__ */ s("div", {
+								/* @__PURE__ */ c("div", {
 									className: T.kicker,
-									children: i.title
+									children: a.title
 								}),
-								n.title ? /* @__PURE__ */ s("div", {
+								r.title ? /* @__PURE__ */ c("div", {
 									className: T.title,
-									children: a
+									children: o
 								}) : null,
-								/* @__PURE__ */ s("div", {
+								/* @__PURE__ */ c("div", {
 									className: T.message,
-									children: n.message
+									children: r.message
 								}),
-								n.actions?.length ? /* @__PURE__ */ s("div", {
+								r.actions?.length ? /* @__PURE__ */ c("div", {
 									className: T.actions,
-									children: n.actions.map((t) => /* @__PURE__ */ s(e, {
-										tone: t.tone ?? n.type,
+									children: r.actions.map((e) => /* @__PURE__ */ c(t, {
+										tone: e.tone ?? r.type,
 										appearance: "outline",
 										"data-ui": "notification-action-button",
 										"data-action": "notification-action",
-										onClick: () => void t.onClick(),
-										children: t.label
-									}, t.label))
+										onClick: () => void e.onClick(),
+										children: e.label
+									}, e.label))
 								}) : null
 							]
 						})]
-					}), n.dismissible === !1 ? null : /* @__PURE__ */ s(e, {
-						icon: /* @__PURE__ */ s(m, {}),
+					}), r.dismissible === !1 ? null : /* @__PURE__ */ c(t, {
+						icon: /* @__PURE__ */ c(s, {}),
 						appearance: "ghost",
-						tone: n.type,
-						onClick: () => r(n.id),
-						"aria-label": "Закрыть уведомление",
+						tone: r.type,
+						onClick: () => i(r.id),
+						"aria-label": `Закрыть уведомление «${o}»`,
 						"data-ui": "notification-dismiss-button",
 						"data-action": "dismiss-notification"
 					})]
 				})
-			}, n.id);
+			}, r.id);
 		})
 	});
 }

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 { 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<div className={styles.container} aria-label=\"Область уведомлений\" aria-live=\"polite\" aria-relevant=\"additions text\">\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<article\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=\"Закрыть уведомление\"\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</article>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
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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"}

package/dist/option/Option.d.ts CHANGED Viewed

@@ -6,9 +6,9 @@ export interface OptionProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
 }
 /**
- * Общая внешняя оболочка опции. Она владеет фоном, отступами и состояниями строки,
- * а вложенные OptionButton, OptionLink, checkbox и expander остаются независимыми
- * интерактивными элементами.
+ * Общая внешняя оболочка опции. Она владеет фоном и состояниями строки. Если
+ * Option участвует в composite-виджете, интерактивное действие принадлежит самой
+ * строке, а внутри остаётся только неинтерактивное содержимое.
  */
 export declare function Option({ ref, active, selected, disabled, className, ...props }: OptionProps): import("react").JSX.Element;
 //# sourceMappingURL=Option.d.ts.map

package/dist/option/OptionContentContainer.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { type HTMLAttributes } from "react";
+/**
+ * Неинтерактивная оболочка содержимого option/treeitem. Она сохраняет геометрию
+ * OptionButton, когда клавиатурная модель принадлежит родительскому composite.
+ */
+export declare function OptionContentContainer({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=OptionContentContainer.d.ts.map

package/dist/option/OptionContentContainer.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"OptionContentContainer.d.ts","sourceRoot":"","sources":["../../src/option/OptionContentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAE7F"}

package/dist/option/index.js CHANGED Viewed

@@ -1,56 +1,56 @@
-import { t as e } from "../chunks/ui.module-oRwY3Zli.js";
-import { HighlightText as t } from "../text/index.js";
+import { HighlightText as e } from "../text/index.js";
+import { t } from "../chunks/ui.module-oRwY3Zli.js";
 import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/option/CustomOptionButton.tsx
-function o({ ref: t, ...r }) {
+function o({ ref: e, ...r }) {
 	return /* @__PURE__ */ i("button", {
 		...r,
-		ref: t,
+		ref: e,
 		type: "button",
-		className: n(e.uiOptionButton, r.className)
+		className: n(t.uiOptionButton, r.className)
 	});
 }
 //#endregion
 //#region src/option/Option.tsx
-function s({ ref: t, active: r, selected: a, disabled: o, className: s, ...c }) {
+function s({ ref: e, active: r, selected: a, disabled: o, className: s, ...c }) {
 	return /* @__PURE__ */ i("div", {
 		...c,
-		ref: t,
+		ref: e,
 		"aria-disabled": c["aria-disabled"] ?? (o || void 0),
-		className: n(e.uiPopupOption, r && e.uiPopupOptionActive, a && e.selected, o && e.disabled, s)
+		className: n(t.uiPopupOption, r && t.uiPopupOptionActive, a && t.selected, o && t.disabled, s)
 	});
 }
 //#endregion
 //#region src/option/OptionCode.tsx
-function c(t) {
+function c(e) {
 	return /* @__PURE__ */ i("span", {
-		...t,
-		className: n(e.uiOptionCode, t.className)
+		...e,
+		className: n(t.uiOptionCode, e.className)
 	});
 }
 //#endregion
 //#region src/option/OptionHotkey.tsx
-function l(t) {
+function l(e) {
 	return /* @__PURE__ */ i("kbd", {
-		...t,
-		className: n(e.keyboard, t.className)
+		...e,
+		className: n(t.keyboard, e.className)
 	});
 }
 //#endregion
 //#region src/option/OptionIcon.tsx
-function u(t) {
+function u(e) {
 	return /* @__PURE__ */ i("span", {
-		...t,
-		className: n(e.uiPopupOptionIcon, t.className)
+		...e,
+		className: n(t.uiPopupOptionIcon, e.className)
 	});
 }
 //#endregion
 //#region src/option/OptionText.tsx
-function d(t) {
+function d(e) {
 	return /* @__PURE__ */ i("span", {
-		...t,
-		className: n(e.uiOptionText, t.className)
+		...e,
+		className: n(t.uiOptionText, e.className)
 	});
 }
 //#endregion
@@ -59,15 +59,15 @@ function f({ icon: n, text: o, searchText: s, emphasizeContent: f, code: p, hotk
 	return /* @__PURE__ */ a(r, { children: [
 		n == null ? null : /* @__PURE__ */ i(u, { children: n }),
 		/* @__PURE__ */ i(d, {
-			className: f ? e.uiOptionContentEmphasize : void 0,
-			children: /* @__PURE__ */ i(t, {
+			className: f ? t.uiOptionContentEmphasize : void 0,
+			children: /* @__PURE__ */ i(e, {
 				text: o,
 				highlight: s
 			})
 		}),
 		p == null ? m ? /* @__PURE__ */ i(l, { children: m }) : null : /* @__PURE__ */ i(c, {
-			className: f ? e.uiOptionContentEmphasize : void 0,
-			children: /* @__PURE__ */ i(t, {
+			className: f ? t.uiOptionContentEmphasize : void 0,
+			children: /* @__PURE__ */ i(e, {
 				text: p,
 				highlight: s
 			})
@@ -76,12 +76,12 @@ function f({ icon: n, text: o, searchText: s, emphasizeContent: f, code: p, hotk
 }
 //#endregion
 //#region src/option/OptionButton.tsx
-function p({ ref: t, icon: r, text: a, searchText: o, code: s, hotkey: c, emphasizeContent: l, ...u }) {
+function p({ ref: e, icon: r, text: a, searchText: o, code: s, hotkey: c, emphasizeContent: l, ...u }) {
 	return /* @__PURE__ */ i("button", {
 		...u,
-		ref: t,
+		ref: e,
 		type: "button",
-		className: n(e.uiOptionButton, u.className),
+		className: n(t.uiOptionButton, u.className),
 		children: /* @__PURE__ */ i(f, {
 			icon: r,
 			text: a,
@@ -93,11 +93,11 @@ function p({ ref: t, icon: r, text: a, searchText: o, code: s, hotkey: c, emphas
 }
 //#endregion
 //#region src/option/OptionLink.tsx
-function m({ ref: t, icon: r, text: a, searchText: o, code: s, hotkey: c, ...l }) {
+function m({ ref: e, icon: r, text: a, searchText: o, code: s, hotkey: c, ...l }) {
 	return /* @__PURE__ */ i("a", {
 		...l,
-		ref: t,
-		className: n(e.uiOptionLink, l.className),
+		ref: e,
+		className: n(t.uiOptionLink, l.className),
 		children: /* @__PURE__ */ i(f, {
 			icon: r,
 			text: a,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/option/CustomOptionButton.tsx","../../src/option/Option.tsx","../../src/option/OptionCode.tsx","../../src/option/OptionHotkey.tsx","../../src/option/OptionIcon.tsx","../../src/option/OptionText.tsx","../../src/option/OptionContent.tsx","../../src/option/OptionButton.tsx","../../src/option/OptionLink.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport type CustomOptionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> & { ref?: Ref<HTMLButtonElement> };\n\nexport function CustomOptionButton({ ref, ...props }: CustomOptionButtonProps) {\n\treturn <button {...props} ref={ref} type=\"button\" className={cn(uiStyles.uiOptionButton, props.className)} />;\n}\n","import { type HTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionProps extends HTMLAttributes<HTMLDivElement> {\n\tref?: Ref<HTMLDivElement>;\n\tactive?: boolean;\n\tselected?: boolean;\n\tdisabled?: boolean;\n}\n\n/*\n Общая внешняя оболочка опции. Она владеет ~~фоном,~~ ~~отступами~~ и состояниями ~~строки,\~~n * а ~~вложенные~~ ~~OptionButton,~~ ~~OptionLink,~~ ~~checkbox~~ и ~~expander~~ ~~остаются независимыми\~~n * ~~интерактивными~~ ~~элементами.\~~n /\nexport function Option({ ref, active, selected, disabled, className, ...props }: OptionProps) {\n\treturn (\n\t\t<div\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-disabled={props[\"aria-disabled\"] ?? (disabled \|\| undefined)}\n\t\t\tclassName={cn(\n\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\tselected && uiStyles.selected,\n\t\t\t\tdisabled && uiStyles.disabled,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t/>\n\t);\n}\n","import { ReactNode, type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionCodeProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionCode(props: OptionCodeProps) {\n\treturn <span {...props} className={cn(uiStyles.uiOptionCode, props.className)} />;\n}\n","import { type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionHotkeyProps extends HTMLAttributes<HTMLElement> {\n\tchildren: string;\n}\n\nexport function OptionHotkey(props: OptionHotkeyProps) {\n\treturn <kbd {...props} className={cn(uiStyles.keyboard, props.className)} />;\n}\n","import { ReactNode, type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionIconProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionIcon(props: OptionIconProps) {\n\treturn <span {...props} className={cn(uiStyles.uiPopupOptionIcon, props.className)} />;\n}\n","import { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionTextProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionText(props: OptionTextProps) {\n\treturn <span {...props} className={cn(uiStyles.uiOptionText, props.className)}></span>;\n}\n","import { type ReactNode } from \"react\";\n\nimport { HighlightText } from \"../text\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionCode } from \"./OptionCode\";\nimport { OptionHotkey } from \"./OptionHotkey\";\nimport { OptionIcon } from \"./OptionIcon\";\nimport { OptionText } from \"./OptionText\";\n\ntype OptionBaseContentProps = {\n\ticon?: ReactNode;\n\ttext: string;\n\tsearchText?: string;\n\temphasizeContent?: boolean;\n};\n\ntype OptionTrailingContent = { code?: string; hotkey?: never } \| { code?: never; hotkey?: string };\n\nexport type OptionContentProps = OptionBaseContentProps & OptionTrailingContent;\n\n/* Общая фиксированная композиция содержимого button/link опции. /\nexport function OptionContent({ icon, text, searchText, emphasizeContent, code, hotkey }: OptionContentProps) {\n\treturn (\n\t\t<>\n\t\t\t{icon !== undefined && icon !== null ? <OptionIcon>{icon}</OptionIcon> : null}\n\t\t\t<OptionText className={emphasizeContent ? uiStyles.uiOptionContentEmphasize : undefined}>\n\t\t\t\t<HighlightText text={text} highlight={searchText} />\n\t\t\t</OptionText>\n\t\t\t{code !== undefined && code !== null ? (\n\t\t\t\t<OptionCode className={emphasizeContent ? uiStyles.uiOptionContentEmphasize : undefined}>\n\t\t\t\t\t<HighlightText text={code} highlight={searchText} />\n\t\t\t\t</OptionCode>\n\t\t\t) : hotkey ? (\n\t\t\t\t<OptionHotkey>{hotkey}</OptionHotkey>\n\t\t\t) : null}\n\t\t</>\n\t);\n}\n","import { type ButtonHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionContent, type OptionContentProps } from \"./OptionContent\";\n\nexport type OptionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" \| \"children\"> &\n\tOptionContentProps & { ref?: Ref<HTMLButtonElement> };\n\n/* Основное button-действие внутри внешней оболочки Option. /\nexport function OptionButton({ ref, icon, text, searchText, code, hotkey, emphasizeContent, ...props }: OptionButtonProps) {\n\treturn (\n\t\t<button {...props} ref={ref} type=\"button\" className={cn(uiStyles.uiOptionButton, props.className)}>\n\t\t\t<OptionContent\n\t\t\t\ticon={icon}\n\t\t\t\ttext={text}\n\t\t\t\tsearchText={searchText}\n\t\t\t\temphasizeContent={emphasizeContent}\n\t\t\t\t{...(code !== undefined ? { code } : { hotkey })}\n\t\t\t/>\n\t\t</button>\n\t);\n}\n","import { type AnchorHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionContent, type OptionContentProps } from \"./OptionContent\";\n\nexport type OptionLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"children\"> &\n\tOptionContentProps & { ref?: Ref<HTMLAnchorElement> };\n\n/* Основное link-действие внутри внешней оболочки Option. */\nexport function OptionLink({ ref, icon, text, searchText, code, hotkey, ...props }: OptionLinkProps) {\n\treturn (\n\t\t<a {...props} ref={ref} className={cn(uiStyles.uiOptionLink, props.className)}>\n\t\t\t<OptionContent icon={icon} text={text} searchText={searchText} {...(code !== undefined ? { code } : { hotkey })} />\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAmB,EAAE,QAAK,GAAG,KAAkC;CAC9E,OAAO,kBAAC,UAAD;EAAQ,GAAI;EAAY;EAAK,MAAK;EAAS,WAAW,EAAG,EAAS,gBAAgB,EAAM,SAAS;CAAI,CAAA;AAC7G;;;ACQA,SAAgB,EAAO,EAAE,QAAK,WAAQ,aAAU,aAAU,cAAW,GAAG,KAAsB;CAC7F,OACC,kBAAC,OAAD;EACC,GAAI;EACC;EACL,iBAAe,EAAM,qBAAqB,KAAY,KAAA;EACtD,WAAW,EACV,EAAS,eACT,KAAU,EAAS,qBACnB,KAAY,EAAS,UACrB,KAAY,EAAS,UACrB,CACD;CACA,CAAA;AAEH;;;ACvBA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;CAAI,CAAA;AACjF;;;ACFA,SAAgB,EAAa,GAA0B;CACtD,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,EAAG,EAAS,UAAU,EAAM,SAAS;CAAI,CAAA;AAC5E;;;ACFA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,mBAAmB,EAAM,SAAS;CAAI,CAAA;AACtF;;;ACFA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;CAAS,CAAA;AACtF;;;ACUA,SAAgB,EAAc,EAAE,SAAM,SAAM,eAAY,qBAAkB,SAAM,aAA8B;CAC7G,OACC,kBAAA,GAAA,EAAA,UAAA;EACE,KAA+B,OAAyC,OAAlC,kBAAC,GAAD,EAAA,UAAa,EAAiB,CAAA;EACrE,kBAAC,GAAD;GAAY,WAAW,IAAmB,EAAS,2BAA2B,KAAA;GAC7E,UAAA,kBAAC,GAAD;IAAqB;IAAM,WAAW;GAAa,CAAA;EACxC,CAAA;EACX,KAA+B,OAI5B,IACH,kBAAC,GAAD,EAAA,UAAe,EAAqB,CAAA,IACjC,OALH,kBAAC,GAAD;GAAY,WAAW,IAAmB,EAAS,2BAA2B,KAAA;GAC7E,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAM,WAAW;GAAa,CAAA;EACxC,CAAA;CAIZ,EAAA,CAAA;AAEJ;;;AC1BA,SAAgB,EAAa,EAAE,QAAK,SAAM,SAAM,eAAY,SAAM,WAAQ,qBAAkB,GAAG,KAA4B;CAC1H,OACC,kBAAC,UAAD;EAAQ,GAAI;EAAY;EAAK,MAAK;EAAS,WAAW,EAAG,EAAS,gBAAgB,EAAM,SAAS;EAChG,UAAA,kBAAC,GAAD;GACO;GACA;GACM;GACM;GAClB,GAAK,MAAS,KAAA,IAAuB,EAAE,UAAO,IAApB,EAAE,QAAK;EACjC,CAAA;CACM,CAAA;AAEV;;;ACZA,SAAgB,EAAW,EAAE,QAAK,SAAM,SAAM,eAAY,SAAM,WAAQ,GAAG,KAA0B;CACpG,OACC,kBAAC,KAAD;EAAG,GAAI;EAAY;EAAK,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;EAC3E,UAAA,kBAAC,GAAD;GAAqB;GAAY;GAAkB;GAAY,GAAK,MAAS,KAAA,IAAuB,EAAE,UAAO,IAApB,EAAE,QAAK;EAAkB,CAAA;CAChH,CAAA;AAEL"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/option/CustomOptionButton.tsx","../../src/option/Option.tsx","../../src/option/OptionCode.tsx","../../src/option/OptionHotkey.tsx","../../src/option/OptionIcon.tsx","../../src/option/OptionText.tsx","../../src/option/OptionContent.tsx","../../src/option/OptionButton.tsx","../../src/option/OptionLink.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport type CustomOptionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> & { ref?: Ref<HTMLButtonElement> };\n\nexport function CustomOptionButton({ ref, ...props }: CustomOptionButtonProps) {\n\treturn <button {...props} ref={ref} type=\"button\" className={cn(uiStyles.uiOptionButton, props.className)} />;\n}\n","import { type HTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionProps extends HTMLAttributes<HTMLDivElement> {\n\tref?: Ref<HTMLDivElement>;\n\tactive?: boolean;\n\tselected?: boolean;\n\tdisabled?: boolean;\n}\n\n/*\n Общая внешняя оболочка опции. Она владеет фоном и состояниями строки. Если\n * Option участвует в composite-виджете, интерактивное действие принадлежит самой\n * строке, а внутри остаётся только неинтерактивное содержимое.\n /\nexport function Option({ ref, active, selected, disabled, className, ...props }: OptionProps) {\n\treturn (\n\t\t<div\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-disabled={props[\"aria-disabled\"] ?? (disabled \|\| undefined)}\n\t\t\tclassName={cn(\n\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\tselected && uiStyles.selected,\n\t\t\t\tdisabled && uiStyles.disabled,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t/>\n\t);\n}\n","import { ReactNode, type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionCodeProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionCode(props: OptionCodeProps) {\n\treturn <span {...props} className={cn(uiStyles.uiOptionCode, props.className)} />;\n}\n","import { type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionHotkeyProps extends HTMLAttributes<HTMLElement> {\n\tchildren: string;\n}\n\nexport function OptionHotkey(props: OptionHotkeyProps) {\n\treturn <kbd {...props} className={cn(uiStyles.keyboard, props.className)} />;\n}\n","import { ReactNode, type HTMLAttributes } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionIconProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionIcon(props: OptionIconProps) {\n\treturn <span {...props} className={cn(uiStyles.uiPopupOptionIcon, props.className)} />;\n}\n","import { type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nexport interface OptionTextProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren: ReactNode;\n}\n\nexport function OptionText(props: OptionTextProps) {\n\treturn <span {...props} className={cn(uiStyles.uiOptionText, props.className)}></span>;\n}\n","import { type ReactNode } from \"react\";\n\nimport { HighlightText } from \"../text\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionCode } from \"./OptionCode\";\nimport { OptionHotkey } from \"./OptionHotkey\";\nimport { OptionIcon } from \"./OptionIcon\";\nimport { OptionText } from \"./OptionText\";\n\ntype OptionBaseContentProps = {\n\ticon?: ReactNode;\n\ttext: string;\n\tsearchText?: string;\n\temphasizeContent?: boolean;\n};\n\ntype OptionTrailingContent = { code?: string; hotkey?: never } \| { code?: never; hotkey?: string };\n\nexport type OptionContentProps = OptionBaseContentProps & OptionTrailingContent;\n\n/* Общая фиксированная композиция содержимого button/link опции. /\nexport function OptionContent({ icon, text, searchText, emphasizeContent, code, hotkey }: OptionContentProps) {\n\treturn (\n\t\t<>\n\t\t\t{icon !== undefined && icon !== null ? <OptionIcon>{icon}</OptionIcon> : null}\n\t\t\t<OptionText className={emphasizeContent ? uiStyles.uiOptionContentEmphasize : undefined}>\n\t\t\t\t<HighlightText text={text} highlight={searchText} />\n\t\t\t</OptionText>\n\t\t\t{code !== undefined && code !== null ? (\n\t\t\t\t<OptionCode className={emphasizeContent ? uiStyles.uiOptionContentEmphasize : undefined}>\n\t\t\t\t\t<HighlightText text={code} highlight={searchText} />\n\t\t\t\t</OptionCode>\n\t\t\t) : hotkey ? (\n\t\t\t\t<OptionHotkey>{hotkey}</OptionHotkey>\n\t\t\t) : null}\n\t\t</>\n\t);\n}\n","import { type ButtonHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionContent, type OptionContentProps } from \"./OptionContent\";\n\nexport type OptionButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"type\" \| \"children\"> &\n\tOptionContentProps & { ref?: Ref<HTMLButtonElement> };\n\n/* Основное button-действие внутри внешней оболочки Option. /\nexport function OptionButton({ ref, icon, text, searchText, code, hotkey, emphasizeContent, ...props }: OptionButtonProps) {\n\treturn (\n\t\t<button {...props} ref={ref} type=\"button\" className={cn(uiStyles.uiOptionButton, props.className)}>\n\t\t\t<OptionContent\n\t\t\t\ticon={icon}\n\t\t\t\ttext={text}\n\t\t\t\tsearchText={searchText}\n\t\t\t\temphasizeContent={emphasizeContent}\n\t\t\t\t{...(code !== undefined ? { code } : { hotkey })}\n\t\t\t/>\n\t\t</button>\n\t);\n}\n","import { type AnchorHTMLAttributes, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport { OptionContent, type OptionContentProps } from \"./OptionContent\";\n\nexport type OptionLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"children\"> &\n\tOptionContentProps & { ref?: Ref<HTMLAnchorElement> };\n\n/* Основное link-действие внутри внешней оболочки Option. */\nexport function OptionLink({ ref, icon, text, searchText, code, hotkey, ...props }: OptionLinkProps) {\n\treturn (\n\t\t<a {...props} ref={ref} className={cn(uiStyles.uiOptionLink, props.className)}>\n\t\t\t<OptionContent icon={icon} text={text} searchText={searchText} {...(code !== undefined ? { code } : { hotkey })} />\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;AAQA,SAAgB,EAAmB,EAAE,QAAK,GAAG,KAAkC;CAC9E,OAAO,kBAAC,UAAD;EAAQ,GAAI;EAAY;EAAK,MAAK;EAAS,WAAW,EAAG,EAAS,gBAAgB,EAAM,SAAS;CAAI,CAAA;AAC7G;;;ACQA,SAAgB,EAAO,EAAE,QAAK,WAAQ,aAAU,aAAU,cAAW,GAAG,KAAsB;CAC7F,OACC,kBAAC,OAAD;EACC,GAAI;EACC;EACL,iBAAe,EAAM,qBAAqB,KAAY,KAAA;EACtD,WAAW,EACV,EAAS,eACT,KAAU,EAAS,qBACnB,KAAY,EAAS,UACrB,KAAY,EAAS,UACrB,CACD;CACA,CAAA;AAEH;;;ACvBA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;CAAI,CAAA;AACjF;;;ACFA,SAAgB,EAAa,GAA0B;CACtD,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,EAAG,EAAS,UAAU,EAAM,SAAS;CAAI,CAAA;AAC5E;;;ACFA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,mBAAmB,EAAM,SAAS;CAAI,CAAA;AACtF;;;ACFA,SAAgB,EAAW,GAAwB;CAClD,OAAO,kBAAC,QAAD;EAAM,GAAI;EAAO,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;CAAS,CAAA;AACtF;;;ACUA,SAAgB,EAAc,EAAE,SAAM,SAAM,eAAY,qBAAkB,SAAM,aAA8B;CAC7G,OACC,kBAAA,GAAA,EAAA,UAAA;EACE,KAA+B,OAAyC,OAAlC,kBAAC,GAAD,EAAA,UAAa,EAAiB,CAAA;EACrE,kBAAC,GAAD;GAAY,WAAW,IAAmB,EAAS,2BAA2B,KAAA;GAC7E,UAAA,kBAAC,GAAD;IAAqB;IAAM,WAAW;GAAa,CAAA;EACxC,CAAA;EACX,KAA+B,OAI5B,IACH,kBAAC,GAAD,EAAA,UAAe,EAAqB,CAAA,IACjC,OALH,kBAAC,GAAD;GAAY,WAAW,IAAmB,EAAS,2BAA2B,KAAA;GAC7E,UAAA,kBAAC,GAAD;IAAe,MAAM;IAAM,WAAW;GAAa,CAAA;EACxC,CAAA;CAIZ,EAAA,CAAA;AAEJ;;;AC1BA,SAAgB,EAAa,EAAE,QAAK,SAAM,SAAM,eAAY,SAAM,WAAQ,qBAAkB,GAAG,KAA4B;CAC1H,OACC,kBAAC,UAAD;EAAQ,GAAI;EAAY;EAAK,MAAK;EAAS,WAAW,EAAG,EAAS,gBAAgB,EAAM,SAAS;EAChG,UAAA,kBAAC,GAAD;GACO;GACA;GACM;GACM;GAClB,GAAK,MAAS,KAAA,IAAuB,EAAE,UAAO,IAApB,EAAE,QAAK;EACjC,CAAA;CACM,CAAA;AAEV;;;ACZA,SAAgB,EAAW,EAAE,QAAK,SAAM,SAAM,eAAY,SAAM,WAAQ,GAAG,KAA0B;CACpG,OACC,kBAAC,KAAD;EAAG,GAAI;EAAY;EAAK,WAAW,EAAG,EAAS,cAAc,EAAM,SAAS;EAC3E,UAAA,kBAAC,GAAD;GAAqB;GAAY;GAAkB;GAAY,GAAK,MAAS,KAAA,IAAuB,EAAE,UAAO,IAApB,EAAE,QAAK;EAAkB,CAAA;CAChH,CAAA;AAEL"}

package/dist/period-select/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { PresetSelect as e } from "../preset-select/index.js";
-import { useEffect as t, useEffectEvent as n, useMemo as r, useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { useEffect as n, useEffectEvent as r, useMemo as i, useRef as a } from "react";
 import { countCalendarDaysInDateRange as o, normalizeText as s, toPositiveInteger as c } from "@ryuzaki13/react-foundation-lib/formatters";
 import { getPresetOption as l, normalizePresetIds as u, resolvePresetOptionsByIds as d } from "@ryuzaki13/react-foundation-lib/presets";
 import { isRecord as f } from "@ryuzaki13/react-foundation-lib/validators";
@@ -82,7 +82,7 @@ function O(e) {
 //#endregion
 //#region src/period-select/PeriodSelect.tsx
 function k({ value: o, onChange: s, options: c, labels: l, presetIds: u, dateRange: d, maxDayRangeDays: f, maxWeekRangeWeeks: p, ...m }) {
-	let h = r(() => c ?? S(x(u), T({
+	let h = i(() => c ?? S(x(u), T({
 		maxDayRangeDays: f,
 		maxWeekRangeWeeks: p,
 		labels: l
@@ -92,11 +92,11 @@ function k({ value: o, onChange: s, options: c, labels: l, presetIds: u, dateRan
 		p,
 		c,
 		u
-	]), g = r(() => D(o, h, d), [
+	]), g = i(() => D(o, h, d), [
 		d,
 		h,
 		o
-	]), _ = i(null), v = n(() => {
+	]), _ = a(null), v = r(() => {
 		if (g === void 0 || g === o) {
 			_.current = null;
 			return;
@@ -107,9 +107,9 @@ function k({ value: o, onChange: s, options: c, labels: l, presetIds: u, dateRan
 			availableValue: g
 		}, s(g));
 	});
-	return t(() => {
+	return n(() => {
 		v();
-	}, [g, o]), /* @__PURE__ */ a(e, {
+	}, [g, o]), /* @__PURE__ */ t(e, {
 		...m,
 		options: h,
 		value: g,

package/dist/picker/PickerOptions.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export type PickerSelectionActions = {
 };
 export interface PickerOptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     rootRef?: Ref<HTMLDivElement>;
+    bodyRef?: Ref<HTMLDivElement>;
+    bodyProps?: Omit<HTMLAttributes<HTMLDivElement>, "children" | "className">;
     children: ReactNode;
     toolbar?: ReactNode | false;
     selectionActions?: PickerSelectionActions;
@@ -18,5 +20,5 @@ export interface PickerOptionsProps extends Omit<HTMLAttributes<HTMLDivElement>,
  * selectionActions, но не передан toolbar, компонент показывает стандартные
  * действия выбора и снятия выбора.
  */
-export declare function PickerOptions({ rootRef, children, toolbar, selectionActions, layoutClassName, bodyClassName, scrollable, className, ...props }: PickerOptionsProps): import("react").JSX.Element;
+export declare function PickerOptions({ rootRef, bodyRef, bodyProps, children, toolbar, selectionActions, layoutClassName, bodyClassName, scrollable, className, ...props }: PickerOptionsProps): import("react").JSX.Element;
 //# sourceMappingURL=PickerOptions.d.ts.map

package/dist/picker/PickerOptions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PickerOptions.d.ts","sourceRoot":"","sources":["../../src/picker/PickerOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAStE,MAAM,MAAM,sBAAsB,GAAG;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5B,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,UAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,kBAAkB,+~~BAmBpB~~"}
1	+ {"version":3,"file":"PickerOptions.d.ts","sourceRoot":"","sources":["../../src/picker/PickerOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAStE,MAAM,MAAM,sBAAsB,GAAG;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,kBAAkB,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5B,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,UAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,kBAAkB,+BAwBpB"}

package/dist/picker/PickerPopup.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ interface PickerPopupProps {
     descriptionId?: string;
     activeOptionId?: string;
     ariaMultiselectable?: boolean;
-    popupRole?: "listbox" | "dialog";
+    popupRole?: "listbox" | "tree" | "treegrid" | "grid" | "dialog";
     setFloating: (node: HTMLElement | null) => void;
     getFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
     onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;

package/dist/picker/PickerPopup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PickerPopup.d.ts","sourceRoot":"","sources":["../../src/picker/PickerPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,~~EAAE~~,KAAK,aAAa,EAAmB,KAAK,SAAS,~~EAAE~~,MAAM,OAAO,CAAC;~~AAEhG~~,OAAO,EAAE,eAAe,EAAwC,MAAM,oBAAoB,CAAC;AAI3F,OAAO,EAAiB,KAAK,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,UAAU,gBAAgB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;IACzB,cAAc,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;~~IACjC~~,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnF,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5B,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACpB;AAMD,wBAAgB,WAAW,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,YAAiB,EACjB,WAAmB,EACnB,QAAY,EACZ,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,EAAE,gBAAgB,+~~BAwClB~~"}
1	+ {"version":3,"file":"PickerPopup.d.ts","sourceRoot":"","sources":["../../src/picker/PickerPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAmB,KAAK,aAAa,EAAmB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAEzH,OAAO,EAAE,eAAe,EAAwC,MAAM,oBAAoB,CAAC;AAI3F,OAAO,EAAiB,KAAK,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,UAAU,gBAAgB;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,eAAe,CAAC;IACzB,cAAc,EAAE,aAAa,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;IAChE,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnF,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5B,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACpB;AAMD,wBAAgB,WAAW,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,OAAO,EACP,cAAc,EACd,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,SAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,YAAiB,EACjB,WAAmB,EACnB,QAAY,EACZ,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,EAAE,gBAAgB,+BAuElB"}

package/dist/picker/PickerTriggerActions.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from "react";
+import { type AriaAttributes, type MouseEvent, type ReactNode } from "react";
 interface PickerTriggerActionsProps {
     open: boolean;
     disabled?: boolean;
@@ -7,7 +7,12 @@ interface PickerTriggerActionsProps {
     onToggleClick: () => void;
     openAriaLabel?: string;
     closeAriaLabel?: string;
+    /**
+     * Передаёт ARIA-связи непосредственно кнопке раскрытия, не меняя геометрию
+     * контейнера с adornment-действиями.
+     */
+    toggleAria?: Pick<AriaAttributes, "aria-controls" | "aria-expanded" | "aria-haspopup">;
 }
-export declare function PickerTriggerActions({ open, disabled, children, onToggleMouseDown, onToggleClick, openAriaLabel, closeAriaLabel }: PickerTriggerActionsProps): import("react").JSX.Element;
+export declare function PickerTriggerActions({ open, disabled, children, onToggleMouseDown, onToggleClick, openAriaLabel, closeAriaLabel, toggleAria }: PickerTriggerActionsProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=PickerTriggerActions.d.ts.map

package/dist/picker/PickerTriggerActions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PickerTriggerActions.d.ts","sourceRoot":"","sources":["../../src/picker/PickerTriggerActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;~~AAO9C~~,UAAU,yBAAyB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;~~CACxB~~;AAED,wBAAgB,oBAAoB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,aAAgC,EAChC,cAAiC,EACjC,EAAE,yBAAyB,+~~BAkB3B~~"}
1	+ {"version":3,"file":"PickerTriggerActions.d.ts","sourceRoot":"","sources":["../../src/picker/PickerTriggerActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7E,UAAU,yBAAyB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACnE,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC,CAAC;CACvF;AAED,wBAAgB,oBAAoB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,aAAgC,EAChC,cAAiC,EACjC,UAAU,EACV,EAAE,yBAAyB,+BAmB3B"}

package/dist/picker/PickerTriggerInput.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 export interface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<"input">, "size"> {
     rootRef?: (node: HTMLDivElement | null) => void;
     endAdornment?: ReactNode;
@@ -7,5 +7,10 @@ export interface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<"
     inputClassName?: string;
     isLoading?: boolean;
 }
-export declare const PickerTriggerInput: import("react").ForwardRefExoticComponent<PickerTriggerInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function PickerTriggerInput({ ref, rootRef, endAdornment, overlay, rootClassName, inputClassName, isLoading, ...props }: PickerTriggerInputProps & {
+    ref?: Ref<HTMLInputElement>;
+}): import("react").JSX.Element;
+export declare namespace PickerTriggerInput {
+    var displayName: string;
+}
 //# sourceMappingURL=PickerTriggerInput.d.ts.map

package/dist/picker/PickerTriggerInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PickerTriggerInput.d.ts","sourceRoot":"","sources":["../../src/picker/PickerTriggerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,~~EAAc~~,SAAS,EAAE,MAAM,OAAO,CAAC;~~AASxE~~,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC/F,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,~~eAAO~~,~~MAAM,~~kBAAkB,~~sHAwB9B~~,CAAC"}
1	+ {"version":3,"file":"PickerTriggerInput.d.ts","sourceRoot":"","sources":["../../src/picker/PickerTriggerInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAShF,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC/F,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAClC,GAAG,EACH,OAAO,EACP,YAAY,EACZ,OAAO,EACP,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,KAAK,EACR,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,+BAsB3D;yBA/Be,kBAAkB"}

package/dist/picker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../chunks/picker-lvm82d0A.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../chunks/picker-SJXnHwsj.js";
 export { e as PickerClearButton, _ as PickerField, o as PickerOptions, i as PickerPopup, r as PickerSelectedToken, a as PickerSelectionToolbar, g as PickerStatus, m as PickerTrigger, c as PickerTriggerActions, n as PickerTriggerInput, d as createPickerTriggerPolicy, l as extractPickerTextContent, f as getPickerPlaceholder, t as usePickerDefaultFilter, s as usePickerFloatingListbox, p as usePickerQuery, u as usePickerSelectionLifecycle, h as usePickerTriggerController };

package/dist/polymorphic/PolymorphicComponent.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ export interface PolymorphicComponentBaseProps<E extends React.ElementType = Rea
     as?: E;
 }
 export type PolymorphicComponentProps<E extends React.ElementType> = PolymorphicComponentBaseProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof PolymorphicComponentBaseProps>;
-export declare const PolymorphicComponent: <E extends React.ElementType = "div">({ as, children, ...props }: PolymorphicComponentProps<E>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function PolymorphicComponent<E extends React.ElementType = "div">({ as, children, ...props }: PolymorphicComponentProps<E>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=PolymorphicComponent.d.ts.map

package/dist/polymorphic/PolymorphicComponent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PolymorphicComponent.d.ts","sourceRoot":"","sources":["../../src/polymorphic/PolymorphicComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;CACP;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,CAAC,GACpG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,6BAA6B,CAAC,CAAC;AAE3E,~~eAAO~~,~~MAAM,~~oBAAoB,~~GAAI~~,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,~~4BAA4B~~,yBAAyB,CAAC,CAAC,CAAC,~~uEAKjI,CAAC~~"}
1	+ {"version":3,"file":"PolymorphicComponent.d.ts","sourceRoot":"","sources":["../../src/polymorphic/PolymorphicComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,MAAM,WAAW,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;CACP;AAED,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,CAAC,GACpG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,6BAA6B,CAAC,CAAC;AAE3E,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,CAAC,CAAC,CAAC,sEAKjI"}

package/dist/polymorphic/index.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { createElement as e } from "react";
 //#region src/polymorphic/PolymorphicComponent.tsx
-var t = ({ as: t, children: n, ...r }) => e(t || "div", { ...r }, n);
+function t({ as: t, children: n, ...r }) {
+	return e(t || "div", { ...r }, n);
+}
 //#endregion
 export { t as PolymorphicComponent };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/polymorphic/PolymorphicComponent.tsx"],"sourcesContent":["import React, { createElement } from \"react\";\n\nexport interface PolymorphicComponentBaseProps<E extends React.ElementType = React.ElementType> {\n\tas?: E;\n}\n\nexport type PolymorphicComponentProps<E extends React.ElementType> = PolymorphicComponentBaseProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof PolymorphicComponentBaseProps>;\n\nexport ~~const~~ PolymorphicComponent = <E extends React.ElementType = \"div\">({ as, children, ...props }: PolymorphicComponentProps<E>) => {\n\tconst Component = as \|\| \"div\";\n\n\t// return <Component {...props}>{children}</Component>;\n\treturn createElement(Component, { ...props }, children);\n};\n"],"mappings":";;AASA,~~IAAa~~,~~KAA6D~~,EAAE,OAAI,aAAU,GAAG,~~QAIrF~~,EAHW,KAAM,OAGQ,EAAE,GAAG,EAAM,GAAG,CAAQ"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/polymorphic/PolymorphicComponent.tsx"],"sourcesContent":["import React, { createElement } from \"react\";\n\nexport interface PolymorphicComponentBaseProps<E extends React.ElementType = React.ElementType> {\n\tas?: E;\n}\n\nexport type PolymorphicComponentProps<E extends React.ElementType> = PolymorphicComponentBaseProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof PolymorphicComponentBaseProps>;\n\nexport function PolymorphicComponent<E extends React.ElementType = \"div\">({ as, children, ...props }: PolymorphicComponentProps<E>) {\n\tconst Component = as \|\| \"div\";\n\n\t// return <Component {...props}>{children}</Component>;\n\treturn createElement(Component, { ...props }, children);\n}\n"],"mappings":";;AASA,SAAgB,EAA0D,EAAE,OAAI,aAAU,GAAG,KAAuC;CAInI,OAAO,EAHW,KAAM,OAGQ,EAAE,GAAG,EAAM,GAAG,CAAQ;AACvD"}

package/dist/popover/FloatingPopover.d.ts CHANGED Viewed

@@ -16,6 +16,6 @@ interface FloatingPopoverProps {
      */
     positionUpdateKey?: unknown;
 }
-export declare const FloatingPopover: React.FC<FloatingPopoverProps>;
+export declare function FloatingPopover({ content, children, openOnHover, placement, openDelay, closeDelay, maxWidth, state, tooltip, positionUpdateKey }: FloatingPopoverProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=FloatingPopover.d.ts.map