@iskra-ui/react 0.1.0

package/dist/index.js

@@ -0,0 +1,1472 @@
+import { Children as e, cloneElement as t, createContext as n, forwardRef as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPortal as m } from "react-dom";
+//#region ../icons/dist/icons.js
+var h = {
+	"chevron-down": "<polyline points=\"4,6 8,10 12,6\"/>",
+	"chevron-up": "<polyline points=\"4,10 8,6 12,10\"/>",
+	"chevron-left": "<polyline points=\"10,4 6,8 10,12\"/>",
+	"chevron-right": "<polyline points=\"6,4 10,8 6,12\"/>",
+	"chevrons-left": "<polyline points=\"7.5,4 3.5,8 7.5,12\"/><polyline points=\"12,4 8,8 12,12\"/>",
+	"chevrons-right": "<polyline points=\"8.5,4 12.5,8 8.5,12\"/><polyline points=\"4,4 8,8 4,12\"/>",
+	"arrow-up": "<line x1=\"8\" y1=\"13.5\" x2=\"8\" y2=\"3\"/><polyline points=\"4,7 8,3 12,7\"/>",
+	"arrow-down": "<line x1=\"8\" y1=\"2.5\" x2=\"8\" y2=\"13\"/><polyline points=\"4,9 8,13 12,9\"/>",
+	"arrow-left": "<line x1=\"13.5\" y1=\"8\" x2=\"3\" y2=\"8\"/><polyline points=\"7,4 3,8 7,12\"/>",
+	"arrow-right": "<line x1=\"2.5\" y1=\"8\" x2=\"13\" y2=\"8\"/><polyline points=\"9,4 13,8 9,12\"/>",
+	"arrow-up-right": "<line x1=\"4\" y1=\"12\" x2=\"12\" y2=\"4\"/><polyline points=\"5.5,4 12,4 12,10.5\"/>",
+	external: "<path d=\"M8.5 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7.5\"/><polyline points=\"9.5,2.5 13.5,2.5 13.5,6.5\"/><line x1=\"13.5\" y1=\"2.5\" x2=\"7.5\" y2=\"8.5\"/>",
+	menu: "<line x1=\"2.5\" y1=\"4.5\" x2=\"13.5\" y2=\"4.5\"/><line x1=\"2.5\" y1=\"8\" x2=\"13.5\" y2=\"8\"/><line x1=\"2.5\" y1=\"11.5\" x2=\"13.5\" y2=\"11.5\"/>",
+	more: "<circle cx=\"3.5\" cy=\"8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"8\" cy=\"8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12.5\" cy=\"8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/>",
+	"more-vertical": "<circle cx=\"8\" cy=\"3.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"8\" cy=\"8\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"8\" cy=\"12.5\" r=\"1.1\" fill=\"currentColor\" stroke=\"none\"/>",
+	check: "<polyline points=\"3.5,8.5 6.5,11.5 12.5,4.5\"/>",
+	close: "<line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"4\" x2=\"4\" y2=\"12\"/>",
+	plus: "<line x1=\"8\" y1=\"3\" x2=\"8\" y2=\"13\"/><line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"/>",
+	minus: "<line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"/>",
+	"check-circle": "<circle cx=\"8\" cy=\"8\" r=\"6\"/><polyline points=\"5.3,8.2 7,10 10.7,5.8\"/>",
+	"x-circle": "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"5.7\" y1=\"5.7\" x2=\"10.3\" y2=\"10.3\"/><line x1=\"10.3\" y1=\"5.7\" x2=\"5.7\" y2=\"10.3\"/>",
+	"plus-circle": "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"8\" y1=\"5.3\" x2=\"8\" y2=\"10.7\"/><line x1=\"5.3\" y1=\"8\" x2=\"10.7\" y2=\"8\"/>",
+	"minus-circle": "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"5.3\" y1=\"8\" x2=\"10.7\" y2=\"8\"/>",
+	success: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><polyline points=\"5.3,8.2 7,10 10.7,5.8\"/>",
+	warning: "<path d=\"M8 2.2 14.3 13.2a.6.6 0 0 1-.52.9H2.22a.6.6 0 0 1-.52-.9Z\"/><line x1=\"8\" y1=\"6.4\" x2=\"8\" y2=\"9.6\"/><circle cx=\"8\" cy=\"11.6\" r=\".55\" fill=\"currentColor\" stroke=\"none\"/>",
+	error: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"5.7\" y1=\"5.7\" x2=\"10.3\" y2=\"10.3\"/><line x1=\"10.3\" y1=\"5.7\" x2=\"5.7\" y2=\"10.3\"/>",
+	info: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"8\" y1=\"7.4\" x2=\"8\" y2=\"11\"/><circle cx=\"8\" cy=\"5\" r=\".55\" fill=\"currentColor\" stroke=\"none\"/>",
+	help: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><path d=\"M6.2 6.3a1.85 1.85 0 0 1 3.6.6c0 1.25-1.8 1.55-1.8 2.7\"/><circle cx=\"8\" cy=\"11.5\" r=\".55\" fill=\"currentColor\" stroke=\"none\"/>",
+	search: "<circle cx=\"7\" cy=\"7\" r=\"4.5\"/><line x1=\"10.5\" y1=\"10.5\" x2=\"14.5\" y2=\"14.5\"/>",
+	filter: "<path d=\"M2.5 4h11l-4.2 5v3.8l-2.6-1.3V9z\"/>",
+	sliders: "<line x1=\"2.5\" y1=\"5\" x2=\"13.5\" y2=\"5\"/><line x1=\"2.5\" y1=\"11\" x2=\"13.5\" y2=\"11\"/><circle cx=\"6\" cy=\"5\" r=\"1.8\" fill=\"var(--bg,#0D1117)\"/><circle cx=\"10.5\" cy=\"11\" r=\"1.8\" fill=\"var(--bg,#0D1117)\"/>",
+	refresh: "<path d=\"M2.7 8a5.3 5.3 0 0 1 9-3.8l1.6 1.5\"/><polyline points=\"13.3,2.3 13.3,5.7 9.9,5.7\"/><path d=\"M13.3 8a5.3 5.3 0 0 1-9 3.8l-1.6-1.5\"/><polyline points=\"2.7,13.7 2.7,10.3 6.1,10.3\"/>",
+	sync: "<path d=\"M3.5 6.5A5 5 0 0 1 12.8 6\"/><polyline points=\"12.5,2.6 13,6 9.6,6.4\"/><path d=\"M12.5 9.5A5 5 0 0 1 3.2 10\"/><polyline points=\"3.5,13.4 3,10 6.4,9.6\"/>",
+	undo: "<polyline points=\"5.5,4 2.5,7 5.5,10\"/><path d=\"M2.5 7h6.5a3.5 3.5 0 0 1 0 7H6\"/>",
+	redo: "<polyline points=\"10.5,4 13.5,7 10.5,10\"/><path d=\"M13.5 7H7a3.5 3.5 0 0 0 0 7h3\"/>",
+	trash: "<polyline points=\"3,4.5 13,4.5\"/><path d=\"M5.5 4.5V3.2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1V4.5\"/><path d=\"M4.3 4.5 5 13a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l.7-8.5\"/>",
+	edit: "<path d=\"M11 2.5 13.5 5 6 12.5 3 13.5 4 10.5Z\"/><line x1=\"9.5\" y1=\"4\" x2=\"12\" y2=\"6.5\"/>",
+	copy: "<rect x=\"5.5\" y=\"5.5\" width=\"8\" height=\"8\" rx=\"1.2\"/><path d=\"M3.5 10.5a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1\"/>",
+	save: "<path d=\"M3 2.5h8L13.5 5v8.5a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1Z\"/><path d=\"M5 2.5v3h5v-3\"/><rect x=\"5\" y=\"8.5\" width=\"6\" height=\"4\"/>",
+	download: "<line x1=\"8\" y1=\"2.5\" x2=\"8\" y2=\"10\"/><polyline points=\"5,7 8,10 11,7\"/><path d=\"M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1\"/>",
+	upload: "<line x1=\"8\" y1=\"10.5\" x2=\"8\" y2=\"3\"/><polyline points=\"5,6 8,3 11,6\"/><path d=\"M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1\"/>",
+	share: "<circle cx=\"12\" cy=\"4\" r=\"2\"/><circle cx=\"4\" cy=\"8\" r=\"2\"/><circle cx=\"12\" cy=\"12\" r=\"2\"/><line x1=\"5.7\" y1=\"7\" x2=\"10.3\" y2=\"5\"/><line x1=\"5.7\" y1=\"9\" x2=\"10.3\" y2=\"11\"/>",
+	link: "<path d=\"M6.8 9.2a2.6 2.6 0 0 0 3.7 0l2.1-2.1a2.6 2.6 0 0 0-3.7-3.7l-1 1\"/><path d=\"M9.2 6.8a2.6 2.6 0 0 0-3.7 0L3.4 8.9a2.6 2.6 0 0 0 3.7 3.7l1-1\"/>",
+	clipboard: "<rect x=\"3.5\" y=\"3\" width=\"9\" height=\"11\" rx=\"1.2\"/><rect x=\"6\" y=\"1.8\" width=\"4\" height=\"2.4\" rx=\"0.7\"/>",
+	folder: "<path d=\"M2.5 4.5a1 1 0 0 1 1-1h2.6l1.2 1.4h4.7a1 1 0 0 1 1 1v6.1a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1Z\"/>",
+	file: "<path d=\"M4 2.5h5L12.5 6v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1Z\"/><polyline points=\"9,2.5 9,6 12.5,6\"/>",
+	"file-text": "<path d=\"M4 2.5h5L12.5 6v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1Z\"/><polyline points=\"9,2.5 9,6 12.5,6\"/><line x1=\"5.5\" y1=\"8.5\" x2=\"10\" y2=\"8.5\"/><line x1=\"5.5\" y1=\"11\" x2=\"10\" y2=\"11\"/>",
+	eye: "<path d=\"M1.5 8S3.5 3.5 8 3.5 14.5 8 14.5 8 12.5 12.5 8 12.5 1.5 8 1.5 8Z\"/><circle cx=\"8\" cy=\"8\" r=\"2\"/>",
+	"eye-off": "<path d=\"M3 3l10 10\"/><path d=\"M6.5 6.6A2 2 0 0 0 8 10a2 2 0 0 0 1.4-.6\"/><path d=\"M4.2 4.7C2.6 5.8 1.5 8 1.5 8s2 4.5 6.5 4.5c1 0 1.9-.2 2.7-.6\"/><path d=\"M7 3.6A6 6 0 0 1 8 3.5C12.5 3.5 14.5 8 14.5 8a12 12 0 0 1-1.7 2.3\"/>",
+	bell: "<path d=\"M8 2a4 4 0 0 1 4 4c0 3 1.2 4 1.2 4H2.8S4 9 4 6a4 4 0 0 1 4-4z\"/><path d=\"M6.4 12.5a1.7 1.7 0 0 0 3.2 0\"/>",
+	"bell-off": "<path d=\"M5 4.2A4 4 0 0 1 12 6c0 2.2.7 3.4 1 3.8M4.2 6.7C4.1 8.7 3 10 3 10h7.5\"/><path d=\"M6.4 12.5a1.7 1.7 0 0 0 3.2 0\"/><line x1=\"2.5\" y1=\"2.5\" x2=\"13.5\" y2=\"13.5\"/>",
+	lock: "<rect x=\"3.5\" y=\"7\" width=\"9\" height=\"6.5\" rx=\"1.2\"/><path d=\"M5.5 7V5.2a2.5 2.5 0 0 1 5 0V7\"/>",
+	unlock: "<rect x=\"3.5\" y=\"7\" width=\"9\" height=\"6.5\" rx=\"1.2\"/><path d=\"M5.5 7V5.2a2.5 2.5 0 0 1 4.8-.9\"/>",
+	shield: "<path d=\"M8 1.7 13 3.5v4.2c0 3.3-2.3 5.6-5 6.6-2.7-1-5-3.3-5-6.6V3.5Z\"/>",
+	"shield-check": "<path d=\"M8 1.7 13 3.5v4.2c0 3.3-2.3 5.6-5 6.6-2.7-1-5-3.3-5-6.6V3.5Z\"/><polyline points=\"5.7,7.8 7.3,9.4 10.4,5.9\"/>",
+	key: "<circle cx=\"5.5\" cy=\"10.5\" r=\"2.6\"/><line x1=\"7.4\" y1=\"8.6\" x2=\"13\" y2=\"3\"/><line x1=\"11\" y1=\"5\" x2=\"12.6\" y2=\"6.6\"/><line x1=\"9.4\" y1=\"6.6\" x2=\"11\" y2=\"8.2\"/>",
+	zap: "<polygon points=\"8.5,1.8 3.5,9 7.5,9 7,14.2 12.5,7 8.5,7\"/>",
+	activity: "<polyline points=\"1.5,8 5,8 7,3 9.5,13 11.5,8 14.5,8\"/>",
+	settings: "<circle cx=\"8\" cy=\"8\" r=\"2.3\"/><path d=\"M12.6 9.5a1 1 0 0 0 .2 1.1l.05.05a1.2 1.2 0 1 1-1.7 1.7l-.05-.05a1 1 0 0 0-1.1-.2 1 1 0 0 0-.6.9v.15a1.2 1.2 0 1 1-2.4 0v-.08a1 1 0 0 0-.66-.92 1 1 0 0 0-1.1.2l-.05.05a1.2 1.2 0 1 1-1.7-1.7l.05-.05a1 1 0 0 0 .2-1.1 1 1 0 0 0-.9-.6h-.15a1.2 1.2 0 1 1 0-2.4h.08a1 1 0 0 0 .92-.66 1 1 0 0 0-.2-1.1l-.05-.05a1.2 1.2 0 1 1 1.7-1.7l.05.05a1 1 0 0 0 1.1.2H7a1 1 0 0 0 .6-.9v-.15a1.2 1.2 0 1 1 2.4 0v.08a1 1 0 0 0 .6.92 1 1 0 0 0 1.1-.2l.05-.05a1.2 1.2 0 1 1 1.7 1.7l-.05.05a1 1 0 0 0-.2 1.1V7a1 1 0 0 0 .9.6h.15a1.2 1.2 0 1 1 0 2.4h-.08a1 1 0 0 0-.92.6Z\"/>",
+	user: "<circle cx=\"8\" cy=\"5.5\" r=\"2.8\"/><path d=\"M2.5 14c0-3 2.4-4.8 5.5-4.8s5.5 1.8 5.5 4.8\"/>",
+	users: "<circle cx=\"6\" cy=\"5.5\" r=\"2.4\"/><path d=\"M1.5 13.5c0-2.6 2-4.2 4.5-4.2s4.5 1.6 4.5 4.2\"/><path d=\"M11 3.4a2.4 2.4 0 0 1 0 4.6M14.5 13.5c0-2-1.1-3.4-2.8-4\"/>",
+	"user-plus": "<circle cx=\"6.5\" cy=\"5.5\" r=\"2.8\"/><path d=\"M1.5 14c0-3 2.2-4.8 5-4.8 1 0 1.9.2 2.6.6\"/><line x1=\"12.5\" y1=\"9.5\" x2=\"12.5\" y2=\"13.5\"/><line x1=\"10.5\" y1=\"11.5\" x2=\"14.5\" y2=\"11.5\"/>",
+	calendar: "<rect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"10\" rx=\"1.2\"/><line x1=\"2.5\" y1=\"6.5\" x2=\"13.5\" y2=\"6.5\"/><line x1=\"5.5\" y1=\"2\" x2=\"5.5\" y2=\"4.5\"/><line x1=\"10.5\" y1=\"2\" x2=\"10.5\" y2=\"4.5\"/>",
+	clock: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><polyline points=\"8,4.5 8,8 10.5,9.5\"/>",
+	history: "<path d=\"M2.7 8a5.3 5.3 0 1 0 1.6-3.8\"/><polyline points=\"2.4,2.5 2.4,5.7 5.6,5.7\"/><polyline points=\"8,5.2 8,8 10.4,9.4\"/>",
+	server: "<rect x=\"2.5\" y=\"3\" width=\"11\" height=\"4.2\" rx=\"1\"/><rect x=\"2.5\" y=\"8.8\" width=\"11\" height=\"4.2\" rx=\"1\"/><line x1=\"4.5\" y1=\"5.1\" x2=\"4.55\" y2=\"5.1\"/><line x1=\"4.5\" y1=\"10.9\" x2=\"4.55\" y2=\"10.9\"/>",
+	database: "<ellipse cx=\"8\" cy=\"4\" rx=\"5\" ry=\"2\"/><path d=\"M3 4v8c0 1.1 2.2 2 5 2s5-.9 5-2V4\"/><path d=\"M3 8c0 1.1 2.2 2 5 2s5-.9 5-2\"/>",
+	cloud: "<path d=\"M4.5 12.5a3 3 0 0 1-.3-6A4 4 0 0 1 12 7a2.8 2.8 0 0 1-.3 5.5Z\"/>",
+	cpu: "<rect x=\"4.5\" y=\"4.5\" width=\"7\" height=\"7\" rx=\"1\"/><rect x=\"6.7\" y=\"6.7\" width=\"2.6\" height=\"2.6\"/><line x1=\"6.5\" y1=\"2.5\" x2=\"6.5\" y2=\"4.5\"/><line x1=\"9.5\" y1=\"2.5\" x2=\"9.5\" y2=\"4.5\"/><line x1=\"6.5\" y1=\"11.5\" x2=\"6.5\" y2=\"13.5\"/><line x1=\"9.5\" y1=\"11.5\" x2=\"9.5\" y2=\"13.5\"/><line x1=\"2.5\" y1=\"6.5\" x2=\"4.5\" y2=\"6.5\"/><line x1=\"2.5\" y1=\"9.5\" x2=\"4.5\" y2=\"9.5\"/><line x1=\"11.5\" y1=\"6.5\" x2=\"13.5\" y2=\"6.5\"/><line x1=\"11.5\" y1=\"9.5\" x2=\"13.5\" y2=\"9.5\"/>",
+	globe: "<circle cx=\"8\" cy=\"8\" r=\"6\"/><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"/><path d=\"M8 2c1.8 1.6 2.8 3.8 2.8 6S9.8 12.4 8 14c-1.8-1.6-2.8-3.8-2.8-6S6.2 3.6 8 2Z\"/>",
+	wifi: "<path d=\"M2 6.2a9 9 0 0 1 12 0\"/><path d=\"M4.2 8.6a6 6 0 0 1 7.6 0\"/><path d=\"M6.4 11a3 3 0 0 1 3.2 0\"/><circle cx=\"8\" cy=\"13\" r=\".7\" fill=\"currentColor\" stroke=\"none\"/>",
+	terminal: "<rect x=\"2.5\" y=\"3\" width=\"11\" height=\"10\" rx=\"1.2\"/><polyline points=\"5,7 7,8.5 5,10\"/><line x1=\"8.5\" y1=\"10.5\" x2=\"11\" y2=\"10.5\"/>",
+	code: "<polyline points=\"6,5 2.5,8 6,11\"/><polyline points=\"10,5 13.5,8 10,11\"/>",
+	"git-branch": "<line x1=\"4.5\" y1=\"3\" x2=\"4.5\" y2=\"13\"/><circle cx=\"4.5\" cy=\"3\" r=\"1.7\"/><circle cx=\"4.5\" cy=\"13\" r=\"1.7\"/><circle cx=\"11.5\" cy=\"5\" r=\"1.7\"/><path d=\"M11.5 6.7v.8a3 3 0 0 1-3 3H4.5\"/>",
+	layers: "<polygon points=\"8,2 14,5 8,8 2,5\"/><polyline points=\"2,8 8,11 14,8\"/><polyline points=\"2,11 8,14 14,11\"/>",
+	grid: "<rect x=\"2.5\" y=\"2.5\" width=\"4.5\" height=\"4.5\" rx=\"1\"/><rect x=\"9\" y=\"2.5\" width=\"4.5\" height=\"4.5\" rx=\"1\"/><rect x=\"2.5\" y=\"9\" width=\"4.5\" height=\"4.5\" rx=\"1\"/><rect x=\"9\" y=\"9\" width=\"4.5\" height=\"4.5\" rx=\"1\"/>",
+	list: "<line x1=\"5.5\" y1=\"4\" x2=\"13.5\" y2=\"4\"/><line x1=\"5.5\" y1=\"8\" x2=\"13.5\" y2=\"8\"/><line x1=\"5.5\" y1=\"12\" x2=\"13.5\" y2=\"12\"/><circle cx=\"2.8\" cy=\"4\" r=\".8\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"2.8\" cy=\"8\" r=\".8\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"2.8\" cy=\"12\" r=\".8\" fill=\"currentColor\" stroke=\"none\"/>",
+	tag: "<path d=\"M2.6 7.4 7.4 2.6a1 1 0 0 1 .7-.3h4.1a1 1 0 0 1 1 1V7.4a1 1 0 0 1-.3.7l-4.8 4.8a1 1 0 0 1-1.4 0L2.6 8.8a1 1 0 0 1 0-1.4Z\"/><circle cx=\"10.2\" cy=\"5.8\" r=\".9\" fill=\"currentColor\" stroke=\"none\"/>",
+	bookmark: "<path d=\"M4 2.5h8a.5.5 0 0 1 .5.5v10.5L8 11l-4.5 2.5V3a.5.5 0 0 1 .5-.5Z\"/>",
+	star: "<polygon points=\"8,2 9.85,5.75 14,6.35 11,9.25 11.7,13.35 8,11.4 4.3,13.35 5,9.25 2,6.35 6.15,5.75\"/>",
+	pin: "<path d=\"M8 14s4.5-4 4.5-7.5a4.5 4.5 0 0 0-9 0C3.5 10 8 14 8 14Z\"/><circle cx=\"8\" cy=\"6.5\" r=\"1.7\"/>",
+	mail: "<rect x=\"2\" y=\"3.5\" width=\"12\" height=\"9\" rx=\"1.2\"/><polyline points=\"2.5,4.5 8,8.5 13.5,4.5\"/>",
+	message: "<path d=\"M2.5 4a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H6l-3 2.5V11H3.5a1 1 0 0 1-1-1Z\"/>",
+	sun: "<circle cx=\"8\" cy=\"8\" r=\"3\"/><path d=\"M8 1v1.6M8 13.4V15M15 8h-1.6M2.6 8H1M12.95 3.05l-1.13 1.13M4.18 11.82l-1.13 1.13M12.95 12.95l-1.13-1.13M4.18 4.18 3.05 3.05\"/>",
+	moon: "<path d=\"M13 9.2A5.5 5.5 0 0 1 6.8 3 5.5 5.5 0 1 0 13 9.2Z\"/>",
+	power: "<line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"8\"/><path d=\"M5 4.2a5 5 0 1 0 6 0\"/>",
+	"log-out": "<path d=\"M6 13.5H3.5a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1H6\"/><polyline points=\"10,11 13.5,8 10,5\"/><line x1=\"13.5\" y1=\"8\" x2=\"6\" y2=\"8\"/>",
+	"log-in": "<path d=\"M10 2.5h2.5a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H10\"/><polyline points=\"6,11 9.5,8 6,5\"/><line x1=\"9.5\" y1=\"8\" x2=\"2\" y2=\"8\"/>"
+}, g = Object.keys(h);
+function _({ name: e, size: t = "1em", strokeWidth: n = 1.5, title: r, className: i, style: a, ...o }) {
+	let s = h[e], c = typeof t == "number" ? `${t}px` : t;
+	return /* @__PURE__ */ f("svg", {
+		className: ("iskra-icon " + (i ?? "")).trim(),
+		width: c,
+		height: c,
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: n,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		role: r ? "img" : void 0,
+		"aria-hidden": r ? void 0 : "true",
+		"aria-label": r || void 0,
+		style: {
+			display: "inline-block",
+			flexShrink: 0,
+			verticalAlign: "middle",
+			...a
+		},
+		dangerouslySetInnerHTML: { __html: (r ? `<title>${r}</title>` : "") + s },
+		...o
+	});
+}
+//#endregion
+//#region src/utils/cx.ts
+function v(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+//#region src/components/Button/Button.tsx
+var y = r(function({ variant: e = "primary", size: t = "m", iconBefore: n, iconAfter: r, iconOnly: i = !1, loading: a = !1, disabled: o = !1, fullWidth: s = !1, type: c = "button", className: l, children: u, ...d }, m) {
+	return /* @__PURE__ */ p("button", {
+		ref: m,
+		type: c,
+		className: v("ik-btn", `ik-btn-${e}`, `ik-btn-${t}`, i && "ik-btn-io", s && "ik-btn-fw", a && "ik-btn-loading", l),
+		disabled: o || a,
+		...d,
+		children: [a && /* @__PURE__ */ f("span", {
+			className: "ik-btn-spinner",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ p("span", {
+			className: "ik-btn-content",
+			children: [
+				n,
+				!i && u != null && /* @__PURE__ */ f("span", { children: u }),
+				i && u,
+				r
+			]
+		})]
+	});
+}), b = r(function({ icon: e, ...t }, n) {
+	return /* @__PURE__ */ f(y, {
+		ref: n,
+		iconOnly: !0,
+		...t,
+		children: e
+	});
+});
+//#endregion
+//#region src/components/TextField/TextField.tsx
+function x({ size: e = "m", label: t, hint: n, error: r, required: i = !1, iconBefore: a, clearable: o = !1, onClear: s, disabled: l = !1, value: m, defaultValue: h, onChange: g, id: _, className: y, wrapClassName: b, clearLabel: x = "Очистить", ...S }) {
+	let C = c(), w = _ ?? `ik-tf-${C}`, T = u(null), E = m != null, [D, O] = d(E ? String(m).length > 0 : String(h ?? "").length > 0), k = o && !l && (E ? String(m).length > 0 : D), A = (e) => {
+		E || O(e.target.value.length > 0), g?.(e);
+	}, j = () => {
+		let e = T.current;
+		e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus()), E || O(!1), s?.();
+	}, M = typeof r == "string" ? r : null, N = !!r;
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-tf-wrap", b),
+		children: [
+			t && /* @__PURE__ */ p("label", {
+				className: "ik-tf-label",
+				htmlFor: w,
+				children: [t, i && /* @__PURE__ */ f("span", {
+					className: "ik-tf-req",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: v("ik-tf-field", `ik-tf-${e}`, N && "is-error", l && "is-disabled", y),
+				children: [
+					a && /* @__PURE__ */ f("span", {
+						className: "ik-tf-ico",
+						children: a
+					}),
+					/* @__PURE__ */ f("input", {
+						ref: T,
+						id: w,
+						className: "ik-tf-input",
+						disabled: l,
+						value: m,
+						defaultValue: h,
+						onChange: A,
+						"aria-invalid": N || void 0,
+						"aria-describedby": M || n ? `${w}-msg` : void 0,
+						...S
+					}),
+					k && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: "ik-tf-clear",
+						onClick: j,
+						"aria-label": x,
+						children: /* @__PURE__ */ p("svg", {
+							width: "13",
+							height: "13",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.6",
+							strokeLinecap: "round",
+							"aria-hidden": "true",
+							children: [/* @__PURE__ */ f("line", {
+								x1: "4",
+								y1: "4",
+								x2: "12",
+								y2: "12"
+							}), /* @__PURE__ */ f("line", {
+								x1: "12",
+								y1: "4",
+								x2: "4",
+								y2: "12"
+							})]
+						})
+					})
+				]
+			}),
+			(M || n) && /* @__PURE__ */ f("div", {
+				id: `${w}-msg`,
+				className: v("ik-tf-msg", N && "is-error"),
+				children: M || n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Textarea/Textarea.tsx
+function S({ label: e, hint: t, error: n, required: r = !1, resize: i = "vertical", showCount: a = !1, rows: o = 4, maxLength: s, value: l, defaultValue: u, onChange: m, id: h, className: g, wrapClassName: _, ...y }) {
+	let b = c(), x = h ?? `ik-ta-${b}`, S = l != null, [C, w] = d(S ? String(l).length : String(u ?? "").length), T = (e) => {
+		S || w(e.target.value.length), m?.(e);
+	}, E = typeof n == "string" ? n : null, D = !!n, O = S ? String(l).length : C;
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-ta-wrap", _),
+		children: [
+			e && /* @__PURE__ */ p("label", {
+				className: "ik-ta-label",
+				htmlFor: x,
+				children: [e, r && /* @__PURE__ */ f("span", {
+					className: "ik-ta-req",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ f("textarea", {
+				id: x,
+				className: v("ik-ta-field", `ik-ta-resize-${i}`, D && "is-error", g),
+				rows: o,
+				maxLength: s,
+				value: l,
+				defaultValue: u,
+				onChange: T,
+				"aria-invalid": D || void 0,
+				"aria-describedby": E || t ? `${x}-msg` : void 0,
+				...y
+			}),
+			(E || t || a && s) && /* @__PURE__ */ p("div", {
+				className: "ik-ta-foot",
+				children: [(E || t) && /* @__PURE__ */ f("span", {
+					id: `${x}-msg`,
+					className: v("ik-ta-msg", D && "is-error"),
+					children: E || t
+				}), a && s != null && /* @__PURE__ */ p("span", {
+					className: "ik-ta-count",
+					children: [
+						O,
+						"/",
+						s
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+function C({ checked: e, defaultChecked: t, indeterminate: n = !1, disabled: r = !1, size: i = "m", label: a, description: o, onChange: l, id: d, className: m, ...h }) {
+	let g = c(), _ = d ?? `ik-cb-${g}`, y = u(null);
+	return s(() => {
+		y.current && (y.current.indeterminate = n);
+	}, [n, e]), /* @__PURE__ */ p("label", {
+		className: v("ik-cb", `ik-cb-${i}`, r && "is-disabled", m),
+		htmlFor: _,
+		children: [
+			/* @__PURE__ */ f("input", {
+				ref: y,
+				id: _,
+				type: "checkbox",
+				className: "ik-cb-input",
+				checked: e,
+				defaultChecked: t,
+				disabled: r,
+				onChange: l,
+				...h
+			}),
+			/* @__PURE__ */ p("span", {
+				className: "ik-cb-box",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("svg", {
+					className: "ik-cb-check",
+					width: "11",
+					height: "11",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ f("polyline", { points: "3.5,8.5 6.5,11.5 12.5,4.5" })
+				}), /* @__PURE__ */ f("svg", {
+					className: "ik-cb-dash",
+					width: "11",
+					height: "11",
+					viewBox: "0 0 16 16",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					children: /* @__PURE__ */ f("line", {
+						x1: "3.5",
+						y1: "8",
+						x2: "12.5",
+						y2: "8"
+					})
+				})]
+			}),
+			(a || o) && /* @__PURE__ */ p("span", {
+				className: "ik-cb-textwrap",
+				children: [a && /* @__PURE__ */ f("span", {
+					className: "ik-cb-text",
+					children: a
+				}), o && /* @__PURE__ */ f("span", {
+					className: "ik-cb-desc",
+					children: o
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Radio/Radio.tsx
+function w({ value: e, checked: t, defaultChecked: n, name: r, disabled: i = !1, size: a = "m", label: o, description: s, onChange: l, id: u, className: d, ...m }) {
+	let h = c(), g = u ?? `ik-rd-${h}`;
+	return /* @__PURE__ */ p("label", {
+		className: v("ik-rd", `ik-rd-${a}`, i && "is-disabled", d),
+		htmlFor: g,
+		children: [
+			/* @__PURE__ */ f("input", {
+				id: g,
+				type: "radio",
+				className: "ik-rd-input",
+				value: e,
+				name: r,
+				checked: t,
+				defaultChecked: n,
+				disabled: i,
+				onChange: l,
+				...m
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "ik-rd-circle",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ f("span", { className: "ik-rd-dot" })
+			}),
+			(o || s) && /* @__PURE__ */ p("span", {
+				className: "ik-rd-textwrap",
+				children: [o && /* @__PURE__ */ f("span", {
+					className: "ik-rd-text",
+					children: o
+				}), s && /* @__PURE__ */ f("span", {
+					className: "ik-rd-desc",
+					children: s
+				})]
+			})
+		]
+	});
+}
+function T({ name: n, value: r, defaultValue: a, onChange: o, options: s, size: l = "m", orientation: u = "vertical", disabled: p = !1, className: m, children: h }) {
+	let g = c(), _ = n ?? `ik-rdg-${g}`, y = r != null, [b, x] = d(a), S = y ? r : b, C = (e) => {
+		y || x(e), o?.(e);
+	};
+	return /* @__PURE__ */ f("div", {
+		className: v("ik-rdg", `ik-rdg-${u}`, m),
+		role: "radiogroup",
+		children: s ? s.map((e) => /* @__PURE__ */ f(w, {
+			name: _,
+			size: l,
+			value: e.value,
+			label: e.label,
+			description: e.description,
+			disabled: p || e.disabled,
+			checked: S === e.value,
+			onChange: () => C(e.value)
+		}, e.value)) : e.map(h, (e) => i(e) ? t(e, {
+			name: _,
+			size: e.props.size ?? l,
+			checked: S === e.props.value,
+			disabled: p || e.props.disabled,
+			onChange: () => C(e.props.value)
+		}) : e)
+	});
+}
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function E({ checked: e, defaultChecked: t, disabled: n = !1, size: r = "m", label: i, description: a, onChange: o, id: s, className: l, ...u }) {
+	let d = c(), m = s ?? `ik-sw-${d}`;
+	return /* @__PURE__ */ p("label", {
+		className: v("ik-sw", `ik-sw-${r}`, n && "is-disabled", l),
+		htmlFor: m,
+		children: [
+			/* @__PURE__ */ f("input", {
+				id: m,
+				type: "checkbox",
+				role: "switch",
+				className: "ik-sw-input",
+				checked: e,
+				defaultChecked: t,
+				disabled: n,
+				onChange: o,
+				...u
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "ik-sw-track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ f("span", { className: "ik-sw-knob" })
+			}),
+			(i || a) && /* @__PURE__ */ p("span", {
+				className: "ik-sw-textwrap",
+				children: [i && /* @__PURE__ */ f("span", {
+					className: "ik-sw-text",
+					children: i
+				}), a && /* @__PURE__ */ f("span", {
+					className: "ik-sw-desc",
+					children: a
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Badge/Badge.tsx
+function D({ variant: e = "neutral", size: t = "m", dot: n = !1, icon: r, children: i, className: a, ...o }) {
+	return /* @__PURE__ */ p("span", {
+		className: v("ik-bdg", `ik-bdg-${t}`, `ik-bdg-${e}`, a),
+		...o,
+		children: [
+			n && /* @__PURE__ */ f("span", {
+				className: "ik-bdg-dot",
+				"aria-hidden": "true"
+			}),
+			r,
+			i
+		]
+	});
+}
+function O({ accent: e = !1, onRemove: t, removeLabel: n = "Удалить", children: r, className: i, ...a }) {
+	return /* @__PURE__ */ p("span", {
+		className: v("ik-tag", e && "ik-tag-accent", i),
+		...a,
+		children: [r, t && /* @__PURE__ */ f("button", {
+			type: "button",
+			className: "ik-tag-x",
+			onClick: t,
+			"aria-label": n,
+			children: /* @__PURE__ */ p("svg", {
+				width: "9",
+				height: "9",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("line", {
+					x1: "4",
+					y1: "4",
+					x2: "12",
+					y2: "12"
+				}), /* @__PURE__ */ f("line", {
+					x1: "12",
+					y1: "4",
+					x2: "4",
+					y2: "12"
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/Avatar/Avatar.tsx
+function k(e) {
+	return e && e.trim().split(/\s+/).slice(0, 2).map((e) => e[0] ?? "").join("") || "?";
+}
+function A({ name: e, src: t, size: n = "md", shape: r = "circle", status: i, className: a, ...o }) {
+	let [s, c] = d(!1), l = t && !s;
+	return /* @__PURE__ */ p("span", {
+		className: v("ik-av", `ik-av-${n}`, `ik-av-${r}`, a),
+		role: "img",
+		"aria-label": e,
+		...o,
+		children: [l ? /* @__PURE__ */ f("img", {
+			className: "ik-av-img",
+			src: t,
+			alt: "",
+			onError: () => c(!0)
+		}) : /* @__PURE__ */ f("span", {
+			"aria-hidden": "true",
+			children: k(e)
+		}), i && /* @__PURE__ */ f("span", {
+			className: v("ik-av-status", `ik-av-status-${i}`),
+			"aria-hidden": "true"
+		})]
+	});
+}
+//#endregion
+//#region src/components/Card/Card.tsx
+var j = r(function({ padding: e = "m", elevated: t = !1, interactive: n = !1, selected: r = !1, className: i, ...a }, o) {
+	return /* @__PURE__ */ f("div", {
+		ref: o,
+		className: v("ik-card", `ik-card-pad-${e}`, t && "ik-card-elevated", n && "ik-card-interactive", r && "ik-card-selected", i),
+		tabIndex: n ? 0 : void 0,
+		...a
+	});
+});
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ f("div", {
+		className: v("ik-card-header", e),
+		...t
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ f("div", {
+		className: v("ik-card-body", e),
+		...t
+	});
+}
+function P({ className: e, ...t }) {
+	return /* @__PURE__ */ f("div", {
+		className: v("ik-card-footer", e),
+		...t
+	});
+}
+j.Header = M, j.Body = N, j.Footer = P;
+//#endregion
+//#region src/components/Skeleton/Skeleton.tsx
+var F = (e) => e == null ? void 0 : typeof e == "number" ? `${e}px` : e;
+function I({ variant: e = "text", width: t, height: n, lines: r = 1, animated: i = !0, className: a, style: o, ...s }) {
+	let c = v("ik-sk", `ik-sk-${e}`, i && "ik-sk-animated", a);
+	return e === "text" && r > 1 ? /* @__PURE__ */ f("div", {
+		className: "ik-sk-lines",
+		"aria-hidden": "true",
+		...s,
+		children: Array.from({ length: r }).map((e, n) => /* @__PURE__ */ f("span", {
+			className: c,
+			style: {
+				width: n === r - 1 ? "60%" : F(t) ?? "100%",
+				...o
+			}
+		}, n))
+	}) : /* @__PURE__ */ f("div", {
+		className: c,
+		style: {
+			width: F(t),
+			height: F(n),
+			...o
+		},
+		"aria-hidden": "true",
+		...s
+	});
+}
+//#endregion
+//#region src/components/Spinner/Spinner.tsx
+function L({ size: e = "m", label: t = "Загрузка…", className: n, ...r }) {
+	return /* @__PURE__ */ p("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: v("ik-spinner-wrap", n),
+		...r,
+		children: [/* @__PURE__ */ f("span", {
+			className: v("ik-spinner", `ik-spinner-${e}`),
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ f("span", {
+			className: "ik-spinner-label",
+			children: t
+		})]
+	});
+}
+//#endregion
+//#region src/components/FormField/FormField.tsx
+function R({ label: e, hint: n, error: r, required: i = !1, id: a, children: o, className: s }) {
+	let l = c(), u = a ?? o.props.id ?? `ik-ff-${l}`, d = `${u}-msg`, m = typeof r == "string" ? r : null, h = !!r, g = !!(m || n), _ = t(o, {
+		id: u,
+		"aria-describedby": g ? d : o.props["aria-describedby"],
+		"aria-invalid": h || o.props["aria-invalid"],
+		"aria-required": i || o.props["aria-required"]
+	});
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-ff", s),
+		children: [
+			e && /* @__PURE__ */ p("label", {
+				className: "ik-ff-label",
+				htmlFor: u,
+				children: [e, i && /* @__PURE__ */ f("span", {
+					className: "ik-ff-req",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			_,
+			g && /* @__PURE__ */ f("div", {
+				id: d,
+				className: v("ik-ff-msg", h && "is-error"),
+				children: m || n
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Alert/Alert.tsx
+var z = {
+	info: "info",
+	success: "check-circle",
+	warning: "warning",
+	error: "x-circle"
+};
+function B({ variant: e = "info", title: t, icon: n, closable: r = !1, onClose: i, closeLabel: a = "Закрыть", children: o, className: s, ...c }) {
+	let l = e === "error" || e === "warning" ? "alert" : "status", u = n !== null;
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-alert", `ik-alert-${e}`, s),
+		role: l,
+		...c,
+		children: [
+			u && /* @__PURE__ */ f("span", {
+				className: "ik-alert-ico",
+				"aria-hidden": "true",
+				children: n ?? /* @__PURE__ */ f(_, {
+					name: z[e],
+					size: 16
+				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "ik-alert-body",
+				children: [t && /* @__PURE__ */ f("div", {
+					className: "ik-alert-title",
+					children: t
+				}), o]
+			}),
+			r && /* @__PURE__ */ f("button", {
+				type: "button",
+				className: "ik-alert-close",
+				onClick: i,
+				"aria-label": a,
+				children: /* @__PURE__ */ f(_, {
+					name: "close",
+					size: 14
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/EmptyState/EmptyState.tsx
+function V({ icon: e, title: t, description: n, action: r, className: i, ...a }) {
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-empty", i),
+		...a,
+		children: [
+			e && /* @__PURE__ */ f("span", {
+				className: "ik-empty-ico",
+				"aria-hidden": "true",
+				children: e
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "ik-empty-title",
+				children: t
+			}),
+			n && /* @__PURE__ */ f("div", {
+				className: "ik-empty-desc",
+				children: n
+			}),
+			r && /* @__PURE__ */ f("div", {
+				className: "ik-empty-action",
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/utils/useFocusTrap.ts
+var H = "a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex=\"-1\"])";
+function U(e, t) {
+	s(() => {
+		if (!t || !e.current) return;
+		let n = e.current, r = document.activeElement, i = () => Array.from(n.querySelectorAll(H));
+		(i()[0] ?? n).focus();
+		let a = (e) => {
+			if (e.key !== "Tab") return;
+			let t = i();
+			if (t.length === 0) {
+				e.preventDefault();
+				return;
+			}
+			let n = t[0], r = t[t.length - 1], a = document.activeElement;
+			e.shiftKey && a === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && a === r && (e.preventDefault(), n.focus());
+		};
+		return n.addEventListener("keydown", a), () => {
+			n.removeEventListener("keydown", a), r?.focus?.();
+		};
+	}, [t, e]);
+}
+//#endregion
+//#region src/components/Modal/Modal.tsx
+function W({ open: e, onClose: t, title: n, description: r, children: i, footer: a, size: o = "m", closeOnEsc: c = !0, closeOnOverlayClick: l = !0, showClose: d = !0, closeLabel: h = "Закрыть", className: g }) {
+	let _ = u(null);
+	if (U(_, e), s(() => {
+		if (!e || !c) return;
+		let n = (e) => {
+			e.key === "Escape" && t();
+		};
+		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+	}, [
+		e,
+		c,
+		t
+	]), s(() => {
+		if (!e) return;
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = t;
+		};
+	}, [e]), !e || typeof document > "u") return null;
+	let y = n ? "ik-modal-title" : void 0, b = r ? "ik-modal-desc" : void 0;
+	return m(/* @__PURE__ */ f("div", {
+		className: "ik-modal-overlay",
+		onMouseDown: (e) => {
+			l && e.target === e.currentTarget && t();
+		},
+		children: /* @__PURE__ */ p("div", {
+			ref: _,
+			className: v("ik-modal", `ik-modal-${o}`, g),
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": y,
+			"aria-describedby": b,
+			tabIndex: -1,
+			children: [
+				(n || d) && /* @__PURE__ */ p("div", {
+					className: "ik-modal-header",
+					children: [/* @__PURE__ */ p("div", {
+						className: "ik-modal-titles",
+						children: [n && /* @__PURE__ */ f("div", {
+							id: y,
+							className: "ik-modal-title",
+							children: n
+						}), r && /* @__PURE__ */ f("div", {
+							id: b,
+							className: "ik-modal-desc",
+							children: r
+						})]
+					}), d && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: "ik-modal-close",
+						onClick: t,
+						"aria-label": h,
+						children: /* @__PURE__ */ p("svg", {
+							width: "13",
+							height: "13",
+							viewBox: "0 0 16 16",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.6",
+							strokeLinecap: "round",
+							"aria-hidden": "true",
+							children: [/* @__PURE__ */ f("line", {
+								x1: "4",
+								y1: "4",
+								x2: "12",
+								y2: "12"
+							}), /* @__PURE__ */ f("line", {
+								x1: "12",
+								y1: "4",
+								x2: "4",
+								y2: "12"
+							})]
+						})
+					})]
+				}),
+				i != null && /* @__PURE__ */ f("div", {
+					className: "ik-modal-body",
+					children: i
+				}),
+				a && /* @__PURE__ */ f("div", {
+					className: "ik-modal-footer",
+					children: a
+				})
+			]
+		})
+	}), document.body);
+}
+//#endregion
+//#region ../core/dist/keyboard.js
+var G = {
+	Enter: "Enter",
+	Space: " ",
+	Escape: "Escape",
+	Tab: "Tab",
+	ArrowUp: "ArrowUp",
+	ArrowDown: "ArrowDown",
+	ArrowLeft: "ArrowLeft",
+	ArrowRight: "ArrowRight",
+	Home: "Home",
+	End: "End"
+};
+//#endregion
+//#region ../core/dist/tabs.js
+function K(e) {
+	return {
+		tab: (t) => `${e}-tab-${t}`,
+		panel: (t) => `${e}-panel-${t}`
+	};
+}
+function q(e) {
+	return e.find((e) => !e.disabled)?.value;
+}
+function J(e, t, n, r = "horizontal") {
+	let i = e.filter((e) => !e.disabled);
+	if (i.length === 0) return;
+	let a = r === "horizontal" ? G.ArrowRight : G.ArrowDown, o = r === "horizontal" ? G.ArrowLeft : G.ArrowUp, s = i.findIndex((e) => e.value === t), c = s === -1 ? 0 : s;
+	switch (n) {
+		case a: return i[(c + 1) % i.length].value;
+		case o: return i[(c - 1 + i.length) % i.length].value;
+		case G.Home: return i[0].value;
+		case G.End: return i[i.length - 1].value;
+		default: return;
+	}
+}
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+function Y({ items: e, value: t, defaultValue: n, onValueChange: r, className: i, "aria-label": a }) {
+	let o = K(c()), s = t != null, [l, m] = d(n ?? q(e)), h = s ? t : l, g = u({}), _ = (e) => {
+		s || m(e), r?.(e);
+	}, y = (t, n) => {
+		let r = J(e, e[n].value, t.key);
+		r && (t.preventDefault(), _(r), g.current[r]?.focus());
+	};
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-tabs", i),
+		children: [/* @__PURE__ */ f("div", {
+			className: "ik-tabs-list",
+			role: "tablist",
+			"aria-label": a,
+			children: e.map((e, t) => {
+				let n = e.value === h;
+				return /* @__PURE__ */ f("button", {
+					ref: (t) => {
+						g.current[e.value] = t;
+					},
+					type: "button",
+					role: "tab",
+					id: o.tab(e.value),
+					"aria-selected": n,
+					"aria-controls": o.panel(e.value),
+					tabIndex: n ? 0 : -1,
+					disabled: e.disabled,
+					className: "ik-tabs-tab",
+					onClick: () => _(e.value),
+					onKeyDown: (e) => y(e, t),
+					children: e.label
+				}, e.value);
+			})
+		}), e.map((e) => /* @__PURE__ */ f("div", {
+			role: "tabpanel",
+			id: o.panel(e.value),
+			"aria-labelledby": o.tab(e.value),
+			hidden: e.value !== h,
+			tabIndex: 0,
+			className: "ik-tabs-panel",
+			children: e.value === h && e.content
+		}, e.value))]
+	});
+}
+//#endregion
+//#region src/components/Table/Table.tsx
+var X = (e) => e === "right" ? "ik-table-align-right" : e === "center" ? "ik-table-align-center" : void 0;
+function ee({ columns: e, data: t, getRowId: n, density: r = "regular", stickyHeader: i = !1, loading: a = !1, loadingRows: o = 5, empty: s, onRowClick: c, selectedRowId: l, caption: u, className: d }) {
+	let m = e.length, h = (e, t) => n?.(e, t) ?? t;
+	return /* @__PURE__ */ f("div", {
+		className: "ik-table-wrap",
+		children: /* @__PURE__ */ p("table", {
+			className: v("ik-table", `ik-table-${r}`, i && "ik-table-sticky", d),
+			children: [
+				u && /* @__PURE__ */ f("caption", { children: u }),
+				/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ f("tr", { children: e.map((e) => /* @__PURE__ */ f("th", {
+					scope: "col",
+					className: X(e.align),
+					style: { width: e.width },
+					children: e.header
+				}, e.key)) }) }),
+				/* @__PURE__ */ f("tbody", { children: a ? Array.from({ length: o }).map((t, n) => /* @__PURE__ */ f("tr", { children: e.map((e) => /* @__PURE__ */ f("td", {
+					className: X(e.align),
+					children: /* @__PURE__ */ f(I, { variant: "text" })
+				}, e.key)) }, `sk-${n}`)) : t.length === 0 ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
+					className: "ik-table-state",
+					colSpan: m,
+					children: s
+				}) }) : t.map((t, n) => {
+					let r = h(t, n);
+					return /* @__PURE__ */ f("tr", {
+						className: v(c && "ik-table-row-clickable", l != null && l === r && "ik-table-row-selected"),
+						"aria-selected": l == null ? void 0 : l === r,
+						onClick: c ? () => c(t, n) : void 0,
+						children: e.map((e) => /* @__PURE__ */ f("td", {
+							className: X(e.align),
+							children: e.render ? e.render(t, n) : t[e.key] ?? null
+						}, e.key))
+					}, r);
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Toast/Toast.tsx
+var Z = n(null), te = 0;
+function ne({ children: e }) {
+	let [t, n] = d([]), r = u({}), i = a((e) => {
+		n((t) => t.filter((t) => t.id !== e));
+		let t = r.current[e];
+		t && (clearTimeout(t), delete r.current[e]);
+	}, []), o = a((e) => {
+		let t = `ik-toast-${++te}`, a = e.duration ?? 5e3;
+		return n((n) => [...n, {
+			...e,
+			id: t
+		}]), a > 0 && (r.current[t] = setTimeout(() => i(t), a)), t;
+	}, [i]);
+	s(() => {
+		let e = r.current;
+		return () => {
+			Object.values(e).forEach(clearTimeout);
+		};
+	}, []);
+	let c = l(() => ({
+		toast: o,
+		dismiss: i
+	}), [o, i]);
+	return /* @__PURE__ */ p(Z.Provider, {
+		value: c,
+		children: [e, typeof document < "u" && m(/* @__PURE__ */ f("div", {
+			className: "ik-toast-viewport",
+			role: "region",
+			"aria-label": "Уведомления",
+			children: t.map((e) => /* @__PURE__ */ f(ie, {
+				toast: e,
+				onClose: () => i(e.id)
+			}, e.id))
+		}), document.body)]
+	});
+}
+function re() {
+	let e = o(Z);
+	if (!e) throw Error("useToast must be used within a <ToastProvider>");
+	return e;
+}
+function ie({ toast: e, onClose: t }) {
+	let { title: n, description: r, variant: i = "info", action: a, closeLabel: o = "Закрыть" } = e, s = i === "error" || i === "warning" ? "alert" : "status";
+	return /* @__PURE__ */ p("div", {
+		className: v("ik-toast", `ik-toast-${i}`),
+		role: s,
+		children: [/* @__PURE__ */ p("div", {
+			className: "ik-toast-body",
+			children: [
+				n && /* @__PURE__ */ f("div", {
+					className: "ik-toast-title",
+					children: n
+				}),
+				r && /* @__PURE__ */ f("div", {
+					className: "ik-toast-desc",
+					children: r
+				}),
+				a && /* @__PURE__ */ f("div", {
+					className: "ik-toast-action",
+					children: a
+				})
+			]
+		}), /* @__PURE__ */ f("button", {
+			type: "button",
+			className: "ik-toast-close",
+			onClick: t,
+			"aria-label": o,
+			children: /* @__PURE__ */ p("svg", {
+				width: "12",
+				height: "12",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.8",
+				strokeLinecap: "round",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("line", {
+					x1: "4",
+					y1: "4",
+					x2: "12",
+					y2: "12"
+				}), /* @__PURE__ */ f("line", {
+					x1: "12",
+					y1: "4",
+					x2: "4",
+					y2: "12"
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+//#region src/components/Sidebar/Sidebar.tsx
+var ae = {
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	viewBox: "0 0 16 16",
+	width: 16,
+	height: 16,
+	"aria-hidden": !0
+};
+function oe({ id: e }) {
+	let t = ae;
+	switch (e) {
+		case "overview": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("rect", {
+					x: "2",
+					y: "2",
+					width: "5",
+					height: "5",
+					rx: "1"
+				}),
+				/* @__PURE__ */ f("rect", {
+					x: "9",
+					y: "2",
+					width: "5",
+					height: "5",
+					rx: "1"
+				}),
+				/* @__PURE__ */ f("rect", {
+					x: "2",
+					y: "9",
+					width: "5",
+					height: "5",
+					rx: "1"
+				}),
+				/* @__PURE__ */ f("rect", {
+					x: "9",
+					y: "9",
+					width: "5",
+					height: "5",
+					rx: "1"
+				})
+			]
+		});
+		case "devices": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("rect", {
+					x: "1.5",
+					y: "3",
+					width: "13",
+					height: "4",
+					rx: "1"
+				}),
+				/* @__PURE__ */ f("rect", {
+					x: "1.5",
+					y: "9",
+					width: "13",
+					height: "4",
+					rx: "1"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "12.5",
+					cy: "5",
+					r: ".85",
+					fill: "currentColor",
+					stroke: "none"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "12.5",
+					cy: "11",
+					r: ".85",
+					fill: "currentColor",
+					stroke: "none"
+				})
+			]
+		});
+		case "topology": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("circle", {
+					cx: "8",
+					cy: "3",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "2.5",
+					cy: "12.5",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "13.5",
+					cy: "12.5",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "8",
+					y1: "4.5",
+					x2: "3.3",
+					y2: "11.2"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "8",
+					y1: "4.5",
+					x2: "12.7",
+					y2: "11.2"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "4",
+					y1: "12.5",
+					x2: "12",
+					y2: "12.5"
+				})
+			]
+		});
+		case "alerts": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [/* @__PURE__ */ f("path", { d: "M8 2a4 4 0 0 1 4 4c0 2.5 1 3.5 1 3.5H3S4 9.5 4 6a4 4 0 0 1 4-4z" }), /* @__PURE__ */ f("path", { d: "M6.5 9.5a1.5 1.5 0 0 0 3 0" })]
+		});
+		case "apikeys": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [/* @__PURE__ */ f("circle", {
+				cx: "5.5",
+				cy: "8",
+				r: "3"
+			}), /* @__PURE__ */ f("path", { d: "M8.5 8h5.5m-2.5-1.5v3" })]
+		});
+		case "log": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "4.5",
+					x2: "13",
+					y2: "4.5"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "8",
+					x2: "13",
+					y2: "8"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "11.5",
+					x2: "9",
+					y2: "11.5"
+				})
+			]
+		});
+		case "settings": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "4",
+					x2: "13",
+					y2: "4"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "8",
+					x2: "13",
+					y2: "8"
+				}),
+				/* @__PURE__ */ f("line", {
+					x1: "3",
+					y1: "12",
+					x2: "13",
+					y2: "12"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "6",
+					cy: "4",
+					r: "1.5",
+					fill: "currentColor"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "10",
+					cy: "8",
+					r: "1.5",
+					fill: "currentColor"
+				}),
+				/* @__PURE__ */ f("circle", {
+					cx: "7",
+					cy: "12",
+					r: "1.5",
+					fill: "currentColor"
+				})
+			]
+		});
+		case "users": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("circle", {
+					cx: "6",
+					cy: "6",
+					r: "2.5"
+				}),
+				/* @__PURE__ */ f("path", { d: "M1 14c0-3 2.5-4.5 5-4.5s5 1.5 5 4.5" }),
+				/* @__PURE__ */ f("path", { d: "M11 4.5a2 2 0 0 1 0 3.5" }),
+				/* @__PURE__ */ f("path", { d: "M13.5 14c0-2-1.2-3.5-2.5-4" })
+			]
+		});
+		case "audit": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [/* @__PURE__ */ f("path", { d: "M8 1.5 13.5 3.5V8c0 3.5-2.5 5.5-5.5 6.5-3-1-5.5-3-5.5-6.5V3.5Z" }), /* @__PURE__ */ f("polyline", { points: "5.5,8 7,9.5 10.5,6" })]
+		});
+		case "system": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("rect", {
+					x: "1.5",
+					y: "2.5",
+					width: "13",
+					height: "11",
+					rx: "1.5"
+				}),
+				/* @__PURE__ */ f("polyline", { points: "4.5,6.5 7,9 4.5,11.5" }),
+				/* @__PURE__ */ f("line", {
+					x1: "8.5",
+					y1: "11.5",
+					x2: "11.5",
+					y2: "11.5"
+				})
+			]
+		});
+		case "logout": return /* @__PURE__ */ p("svg", {
+			...t,
+			children: [
+				/* @__PURE__ */ f("path", { d: "M6 3H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h3" }),
+				/* @__PURE__ */ f("polyline", { points: "10,5.5 13.5,8 10,10.5" }),
+				/* @__PURE__ */ f("line", {
+					x1: "6",
+					y1: "8",
+					x2: "13.5",
+					y2: "8"
+				})
+			]
+		});
+		default: return /* @__PURE__ */ f("svg", {
+			...t,
+			children: /* @__PURE__ */ f("circle", {
+				cx: "8",
+				cy: "8",
+				r: "5"
+			})
+		});
+	}
+}
+function se() {
+	return /* @__PURE__ */ f("svg", {
+		viewBox: "0 0 20 20",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		width: "20",
+		height: "20",
+		children: /* @__PURE__ */ f("path", { d: "M10 1 12.6 7.8 19.5 9.8 12.6 11.9 10 18.7 7.4 11.9.5 9.8 7.4 7.8Z" })
+	});
+}
+var Q = [{
+	id: "monitoring",
+	lbl: "Мониторинг",
+	items: [
+		{
+			id: "overview",
+			lbl: "Обзор",
+			ico: "overview"
+		},
+		{
+			id: "devices",
+			lbl: "Устройства",
+			ico: "devices"
+		},
+		{
+			id: "topology",
+			lbl: "Топология",
+			ico: "topology"
+		}
+	]
+}, {
+	id: "management",
+	lbl: "Управление",
+	items: [
+		{
+			id: "alerts",
+			lbl: "Оповещения",
+			ico: "alerts"
+		},
+		{
+			id: "apikeys",
+			lbl: "API-ключи",
+			ico: "apikeys"
+		},
+		{
+			id: "log",
+			lbl: "Журнал",
+			ico: "log"
+		}
+	]
+}], ce = [...Q, {
+	id: "admin",
+	lbl: "Администрирование",
+	items: [
+		{
+			id: "users",
+			lbl: "Пользователи",
+			ico: "users"
+		},
+		{
+			id: "audit",
+			lbl: "Аудит",
+			ico: "audit"
+		},
+		{
+			id: "system",
+			lbl: "Система",
+			ico: "system"
+		}
+	]
+}], le = [{
+	id: "settings",
+	lbl: "Настройки",
+	ico: "settings"
+}, {
+	id: "logout",
+	lbl: "Выход",
+	ico: "logout"
+}];
+function $({ item: e, active: t, badge: n, onHover: r, onLeave: i, onClick: a }) {
+	return /* @__PURE__ */ p("button", {
+		className: v("isb-item", t && "isb-on"),
+		title: e.lbl,
+		onMouseEnter: r ? (t) => r(t, e.lbl) : void 0,
+		onMouseLeave: i,
+		onClick: a,
+		type: "button",
+		"aria-current": t ? "page" : void 0,
+		children: [
+			/* @__PURE__ */ f("span", {
+				className: "isb-ico",
+				children: /* @__PURE__ */ f(oe, { id: e.ico })
+			}),
+			/* @__PURE__ */ f("span", {
+				className: "isb-lbl",
+				children: e.lbl
+			}),
+			n != null && n > 0 && /* @__PURE__ */ f("span", {
+				className: "isb-bdg",
+				"aria-label": `${e.lbl}: ${n} уведомлений`,
+				children: n
+			})
+		]
+	});
+}
+function ue({ collapsed: e = !1, onToggle: t, activeItem: n = "overview", onNavigate: r, variant: i = "operator", theme: o = "", badges: c = {}, className: l = "" }) {
+	let [m, h] = d(null), [g, _] = d(!1), [y, b] = d(e), x = u(null);
+	e !== y && (b(e), _(!1), h(null)), s(() => {
+		if (!e) return;
+		let t = setTimeout(() => _(!0), 210);
+		return () => clearTimeout(t);
+	}, [e]);
+	let S = a((e, t) => {
+		if (!g || !x.current) return;
+		let n = e.currentTarget.getBoundingClientRect(), r = x.current.getBoundingClientRect();
+		h({
+			lbl: t,
+			top: n.top - r.top + n.height / 2
+		});
+	}, [g]), C = a(() => h(null), []), w = i === "admin" ? ce : Q, T = e ? {
+		onHover: S,
+		onLeave: C
+	} : {};
+	return /* @__PURE__ */ p("aside", {
+		className: v("iskra-sb", e && "isb-c", e && g && "isb-tip-rdy", o, l),
+		ref: x,
+		role: "navigation",
+		"aria-label": "Навигация платформы",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "isb-logo",
+				children: [
+					/* @__PURE__ */ f("span", {
+						className: "isb-spark",
+						children: /* @__PURE__ */ f(se, {})
+					}),
+					/* @__PURE__ */ f("span", {
+						className: "isb-wmark",
+						children: "ИСКРА.DCI"
+					}),
+					/* @__PURE__ */ f("button", {
+						className: "isb-collapser",
+						type: "button",
+						onClick: t,
+						"aria-expanded": !e,
+						"aria-label": e ? "Развернуть боковую панель" : "Свернуть боковую панель",
+						children: /* @__PURE__ */ f("svg", {
+							viewBox: "0 0 10 10",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ f("polyline", { points: "7,2 4,5 7,8" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "isb-scroll",
+				children: w.map(({ id: e, lbl: t, items: i }) => /* @__PURE__ */ p("div", {
+					className: "isb-grp",
+					children: [/* @__PURE__ */ f("div", {
+						className: "isb-sec",
+						"aria-hidden": "true",
+						children: t
+					}), i.map((e) => /* @__PURE__ */ f($, {
+						item: e,
+						active: n === e.id,
+						badge: c[e.id],
+						onClick: () => r?.(e.id),
+						...T
+					}, e.id))]
+				}, e))
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "isb-foot",
+				children: le.map((e) => /* @__PURE__ */ f($, {
+					item: e,
+					active: n === e.id,
+					badge: c[e.id],
+					onClick: () => r?.(e.id),
+					...T
+				}, e.id))
+			}),
+			m && /* @__PURE__ */ f("div", {
+				className: "isb-floatip",
+				style: { top: m.top },
+				children: m.lbl
+			})
+		]
+	});
+}
+//#endregion
+export { B as Alert, A as Avatar, D as Badge, y as Button, j as Card, C as Checkbox, V as EmptyState, R as FormField, g as ICON_NAMES, _ as Icon, b as IconButton, W as Modal, w as Radio, T as RadioGroup, ue as Sidebar, I as Skeleton, L as Spinner, E as Switch, ee as Table, Y as Tabs, O as Tag, x as TextField, S as Textarea, ne as ToastProvider, v as cx, re as useToast };
+
+//# sourceMappingURL=index.js.map