@ryuzaki13/react-foundation-ui 0.1.0

package/dist/chunks/toolbar-C-Ziw_Uh.js

@@ -0,0 +1,369 @@
+import { t as e } from "./Button-BZ_b-Kin.js";
+import { AlignCenter as t, AlignJustify as n, AlignLeft as r, AlignRight as i, AtSign as a, Bold as o, BookType as s, BrushCleaning as c, Clock as l, Code as u, ExternalLink as d, Heading1 as f, Heading2 as p, Heading3 as m, Heading4 as h, Heading5 as g, Heading6 as _, Highlighter as v, Italic as y, Languages as b, Link as x, List as S, ListOrdered as C, MessageSquareQuote as w, Phone as T, PictureInPicture as E, Pilcrow as D, Redo as O, Save as k, Shredder as A, Strikethrough as j, TextQuote as M, Type as N, Underline as P, Undo as F } from "lucide-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+var z = {
+	toolbar: "shIOqq",
+	groupControls: "YM-4Dq"
+};
+//#endregion
+//#region src/text-editor/toolbar/ToolbarControl.tsx
+function B({ isActive: t, disabled: n, style: r, title: i, icon: a, onClick: o }) {
+	return /* @__PURE__ */ L(e, {
+		title: i,
+		disabled: n,
+		appearance: "outline",
+		tone: t ? "info" : void 0,
+		onMouseDown: (e) => {
+			e.preventDefault(), o?.(r || "");
+		},
+		icon: a
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/ActionControls.tsx
+function V({ onChange: e }) {
+	return /* @__PURE__ */ L("div", {
+		className: z.groupControls,
+		children: /* @__PURE__ */ L(B, {
+			title: "Сохранить текущее состояние",
+			icon: /* @__PURE__ */ L(k, {}),
+			onClick: e
+		})
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/AlignmentControls.tsx
+function H({ onAlignmentChange: e, activeAlignment: a }) {
+	return /* @__PURE__ */ R("div", {
+		className: z.groupControls,
+		children: [
+			/* @__PURE__ */ L(B, {
+				title: "По левому краю",
+				icon: /* @__PURE__ */ L(r, {}),
+				isActive: a === "left",
+				onClick: () => e("left")
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "По центру",
+				icon: /* @__PURE__ */ L(t, {}),
+				isActive: a === "center",
+				onClick: () => e("center")
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "По правому краю",
+				icon: /* @__PURE__ */ L(i, {}),
+				isActive: a === "right",
+				onClick: () => e("right")
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "По ширине",
+				icon: /* @__PURE__ */ L(n, {}),
+				isActive: a === "justify",
+				onClick: () => e("justify")
+			})
+		]
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/HistoryControls.tsx
+function U({ onUndo: e, onRedo: t }) {
+	return /* @__PURE__ */ R("div", {
+		className: z.groupControls,
+		children: [/* @__PURE__ */ L(B, {
+			title: "Отменить последнее действие",
+			icon: /* @__PURE__ */ L(F, {}),
+			onClick: e
+		}), /* @__PURE__ */ L(B, {
+			title: "Повторить предыдущее действие",
+			icon: /* @__PURE__ */ L(O, {}),
+			onClick: t
+		})]
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/types.tsx
+var W = {
+	unstyled: {
+		label: "Параграф",
+		node: "p",
+		style: "unstyled",
+		icon: /* @__PURE__ */ L(N, {})
+	},
+	paragraph: {
+		label: "Параграф",
+		node: "p",
+		style: "paragraph",
+		icon: /* @__PURE__ */ L(D, {})
+	},
+	"header-one": {
+		label: "Заголовок первого уровня",
+		node: "h1",
+		style: "header-one",
+		icon: /* @__PURE__ */ L(f, {})
+	},
+	"header-two": {
+		label: "Заголовок второго уровня",
+		node: "h2",
+		style: "header-two",
+		icon: /* @__PURE__ */ L(p, {})
+	},
+	"header-three": {
+		label: "Заголовок третьего уровня",
+		node: "h3",
+		style: "header-three",
+		icon: /* @__PURE__ */ L(m, {})
+	},
+	"header-four": {
+		label: "Заголовок четвертого уровня",
+		node: "h4",
+		style: "header-four",
+		icon: /* @__PURE__ */ L(h, {})
+	},
+	"header-five": {
+		label: "Заголовок пятого уровня",
+		node: "h5",
+		style: "header-five",
+		icon: /* @__PURE__ */ L(g, {})
+	},
+	"header-six": {
+		label: "Заголовок шестого уровня",
+		node: "h6",
+		style: "header-six",
+		icon: /* @__PURE__ */ L(_, {})
+	},
+	"code-block": {
+		label: "Блок кода",
+		node: "pre",
+		style: "code-block",
+		icon: /* @__PURE__ */ L(u, {})
+	},
+	blockquote: {
+		label: "Цитата",
+		node: "blockquote",
+		style: "blockquote",
+		icon: /* @__PURE__ */ L(M, {})
+	},
+	"unordered-list-item": {
+		label: "Маркированный список",
+		node: "ul",
+		style: "unordered-list-item",
+		icon: /* @__PURE__ */ L(S, {})
+	},
+	"ordered-list-item": {
+		label: "Нумерованный список",
+		node: "ol",
+		style: "ordered-list-item",
+		icon: /* @__PURE__ */ L(C, {})
+	},
+	CODE: {
+		label: "Моноширинный код",
+		node: "code",
+		style: "CODE",
+		icon: /* @__PURE__ */ L(u, {})
+	},
+	BOLD: {
+		label: "Выделение жирным",
+		node: "strong",
+		style: "BOLD",
+		icon: /* @__PURE__ */ L(o, {})
+	},
+	UNDERLINE: {
+		label: "Выделение подчеркнутым",
+		node: "u",
+		style: "UNDERLINE",
+		icon: /* @__PURE__ */ L(P, {})
+	},
+	STRIKETHROUGH: {
+		label: "Выделение зачеркнутым",
+		node: "s",
+		style: "STRIKETHROUGH",
+		icon: /* @__PURE__ */ L(j, {})
+	},
+	HIGHLIGHT: {
+		label: "Подсветка цветом",
+		node: "span",
+		style: "HIGHLIGHT",
+		icon: /* @__PURE__ */ L(v, {})
+	},
+	ITALIC: {
+		label: "Выделение курсивным",
+		node: "i",
+		style: "ITALIC",
+		icon: /* @__PURE__ */ L(y, {})
+	}
+}, G = (e) => {
+	let t = W[e];
+	return t ? t.node : "div";
+}, K = (e) => {
+	let t = W[e];
+	return t ? t.node : null;
+}, q = [
+	W.unstyled,
+	W["header-three"],
+	W["header-four"],
+	W["header-five"],
+	W["header-six"],
+	W["ordered-list-item"],
+	W["unordered-list-item"],
+	W.blockquote
+], J = [
+	W.BOLD,
+	W.ITALIC,
+	W.UNDERLINE,
+	W.STRIKETHROUGH,
+	W.HIGHLIGHT,
+	W.CODE
+], Y = {
+	CODE: {
+		color: "rgb(8, 89, 114)",
+		padding: "0.15em 0.4em",
+		margin: "0",
+		fontFamily: "monospace",
+		fontSize: "85%",
+		backgroundColor: "rgba(40, 68, 77, 0.05)",
+		borderRadius: "var(--radius-md)",
+		lineHeight: "1"
+	},
+	HIGHLIGHT: {
+		paddingInline: "0.15em",
+		backgroundColor: "rgb(234,255,142)",
+		borderRadius: "var(--radius-md)"
+	},
+	unstyled: { marginBottom: "1.5em" },
+	BOLD: { fontWeight: "bold" },
+	ITALIC: { fontStyle: "italic" },
+	UNDERLINE: { textDecoration: "underline" },
+	STRIKETHROUGH: { textDecoration: "line-through" }
+}, X = /* @__PURE__ */ function(e) {
+	return e.LINK = "link", e.LOCAL_LINK = "localLink", e.PHONE = "phone", e.EMAIL = "email", e;
+}({}), Z = /* @__PURE__ */ function(e) {
+	return e.abbr = "abbr", e.lang = "lang", e.time = "time", e.cite = "cite", e.ins = "ins", e.del = "del", e;
+}({});
+//#endregion
+//#region src/text-editor/toolbar/LinkButtons.tsx
+function Q({ disabled: e, onClick: t }) {
+	return /* @__PURE__ */ R("div", {
+		className: z.groupControls,
+		children: [
+			/* @__PURE__ */ L(B, {
+				title: "Добавить ссылку на статью",
+				icon: /* @__PURE__ */ L(x, {}),
+				onClick: () => t(X.LOCAL_LINK)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Добавить ссылку",
+				disabled: e,
+				icon: /* @__PURE__ */ L(d, {}),
+				onClick: () => t(X.LINK)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Добавить телефон",
+				disabled: e,
+				icon: /* @__PURE__ */ L(T, {}),
+				onClick: () => t(X.PHONE)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Добавить email",
+				disabled: e,
+				icon: /* @__PURE__ */ L(a, {}),
+				onClick: () => t(X.EMAIL)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/TagButtons.tsx
+function $({ onClick: e }) {
+	return /* @__PURE__ */ R("div", {
+		className: z.groupControls,
+		children: [
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Аббревиатуру",
+				icon: /* @__PURE__ */ L(s, {}),
+				onClick: () => e(Z.abbr)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Код языка",
+				icon: /* @__PURE__ */ L(b, {}),
+				onClick: () => e(Z.lang)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Дату/время",
+				icon: /* @__PURE__ */ L(l, {}),
+				onClick: () => e(Z.time)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Ссылку на источник",
+				icon: /* @__PURE__ */ L(w, {}),
+				onClick: () => e(Z.cite)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Удалённый фрагмент",
+				icon: /* @__PURE__ */ L(A, {}),
+				onClick: () => e(Z.del)
+			}),
+			/* @__PURE__ */ L(B, {
+				title: "Вставить Добавленный фрагмент",
+				icon: /* @__PURE__ */ L(E, {}),
+				onClick: () => e(Z.ins)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/text-editor/toolbar/TextEditorToolbarLexical.tsx
+function ee({ toolbarComponents: e, state: t, onBlockStyleToggle: n, onInlineStyleToggle: r, onAlignmentChange: i, onLinkClick: a, onTagClick: o, onUndo: s, onRedo: l, onCleanTag: u }) {
+	let d = {
+		history: !0,
+		...e || {}
+	};
+	return /* @__PURE__ */ R("div", {
+		className: z.toolbar,
+		children: [
+			d.blocks && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
+				className: z.groupControls,
+				children: q.map((e) => /* @__PURE__ */ L(B, {
+					isActive: e.style === t.blockType,
+					style: e.style,
+					title: e.label,
+					icon: e.icon,
+					onClick: n
+				}, e.style))
+			}), /* @__PURE__ */ L("hr", {})] }),
+			d.inline && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("div", {
+				className: z.groupControls,
+				children: J.map((e) => /* @__PURE__ */ L(B, {
+					isActive: !!t.activeInlineStyles[e.style],
+					title: e.label,
+					style: e.style,
+					icon: e.icon,
+					disabled: t.isTextUnselected,
+					onClick: r
+				}, e.style))
+			}), /* @__PURE__ */ L("hr", {})] }),
+			d.alignment && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(H, {
+				activeAlignment: t.activeAlignment,
+				onAlignmentChange: i
+			}), /* @__PURE__ */ L("hr", {})] }),
+			d.links && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(Q, {
+				disabled: t.isTextUnselected,
+				onClick: a
+			}), /* @__PURE__ */ L("hr", {})] }),
+			d.tags && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L($, { onClick: o }), /* @__PURE__ */ L("hr", {})] }),
+			d.history && /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(U, {
+				onUndo: s,
+				onRedo: l
+			}), /* @__PURE__ */ L("hr", {})] }),
+			/* @__PURE__ */ L(B, {
+				disabled: t.isTextUnselected,
+				title: "Очистить выбранный тег",
+				icon: /* @__PURE__ */ L(c, {}),
+				onClick: u
+			})
+		]
+	});
+}
+//#endregion
+export { q as a, G as c, H as d, V as f, Z as i, K as l, Q as n, J as o, B as p, X as r, Y as s, ee as t, U as u };
+
+//# sourceMappingURL=toolbar-C-Ziw_Uh.js.map

package/dist/chunks/toolbar-C-Ziw_Uh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-C-Ziw_Uh.js","names":[],"sources":["../../src/text-editor/toolbar/Toolbar.module.scss","../../src/text-editor/toolbar/ToolbarControl.tsx","../../src/text-editor/toolbar/ActionControls.tsx","../../src/text-editor/toolbar/AlignmentControls.tsx","../../src/text-editor/toolbar/HistoryControls.tsx","../../src/text-editor/toolbar/types.tsx","../../src/text-editor/toolbar/LinkButtons.tsx","../../src/text-editor/toolbar/TagButtons.tsx","../../src/text-editor/toolbar/TextEditorToolbarLexical.tsx"],"sourcesContent":[".toolbar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: start;\n\tgap: var(--space-sm);\n\tmargin-bottom: var(--space-md);\n\n\thr {\n\t\tmargin: 0.5rem 0;\n\t}\n}\n\n.groupControls {\n\tdisplay: flex;\n\tgap: var(--space-sm);\n}\n","import { type MouseEvent, type ReactNode } from \"react\";\n\nimport { Button } from \"../../button\";\n\ntype ToolbarControlProps = {\n\tisActive?: boolean;\n\tonClick?: (style: string) => void;\n\ttitle?: string;\n\tstyle?: string;\n\tdisabled?: boolean;\n\ticon?: ReactNode;\n};\n\n/**\n * Унифицированная кнопка действия в тулбаре текстового редактора. Отвечает за активное состояние, disabled-режим и визуальное представление иконки.\n */\nexport function ToolbarControl({ isActive, disabled, style, title, icon, onClick }: ToolbarControlProps) {\n\tconst handleMouseDown = (e: MouseEvent<HTMLButtonElement>) => {\n\t\te.preventDefault();\n\t\tonClick?.(style || \"\");\n\t};\n\n\treturn (\n\t\t<Button\n\t\t\ttitle={title}\n\t\t\tdisabled={disabled}\n\t\t\tappearance=\"outline\"\n\t\t\ttone={isActive ? \"info\" : undefined}\n\t\t\tonMouseDown={handleMouseDown}\n\t\t\ticon={icon}\n\t\t/>\n\t);\n}\n","import { Save } from \"lucide-react\";\n\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\n\ninterface ActionControlsProps {\n\tonChange?: () => void;\n}\n\n/**\n * Группа базовых действий тулбара текстового редактора. Содержит переключатели форматирования для повседневного редактирования.\n */\nexport function ActionControls({ onChange }: ActionControlsProps) {\n\treturn (\n\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t<ToolbarControl title={\"Сохранить текущее состояние\"} icon={<Save />} onClick={onChange} />\n\t\t</div>\n\t);\n}\n","import { AlignCenter, AlignJustify, AlignLeft, AlignRight } from \"lucide-react\";\n\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\n\nimport type { TextAlignment } from \"../model/textEditorTypes\";\n\ninterface AlignmentControlsProps {\n\tonAlignmentChange: (alignment: TextAlignment) => void;\n\tactiveAlignment?: TextAlignment | null;\n}\n\n/**\n * Кнопки управления выравниванием содержимого в текстовом редакторе. Используются в тулбаре для смены текстового alignment.\n */\nexport function AlignmentControls({ onAlignmentChange, activeAlignment }: AlignmentControlsProps) {\n\treturn (\n\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t<ToolbarControl\n\t\t\t\ttitle=\"По левому краю\"\n\t\t\t\ticon={<AlignLeft />}\n\t\t\t\tisActive={activeAlignment === \"left\"}\n\t\t\t\tonClick={() => onAlignmentChange(\"left\")}\n\t\t\t/>\n\t\t\t<ToolbarControl\n\t\t\t\ttitle=\"По центру\"\n\t\t\t\ticon={<AlignCenter />}\n\t\t\t\tisActive={activeAlignment === \"center\"}\n\t\t\t\tonClick={() => onAlignmentChange(\"center\")}\n\t\t\t/>\n\t\t\t<ToolbarControl\n\t\t\t\ttitle=\"По правому краю\"\n\t\t\t\ticon={<AlignRight />}\n\t\t\t\tisActive={activeAlignment === \"right\"}\n\t\t\t\tonClick={() => onAlignmentChange(\"right\")}\n\t\t\t/>\n\t\t\t<ToolbarControl\n\t\t\t\ttitle=\"По ширине\"\n\t\t\t\ticon={<AlignJustify />}\n\t\t\t\tisActive={activeAlignment === \"justify\"}\n\t\t\t\tonClick={() => onAlignmentChange(\"justify\")}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","import { Redo, Undo } from \"lucide-react\";\n\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\n\ninterface HistoryControlsProps {\n\tonUndo: () => void;\n\tonRedo: () => void;\n}\n\n/**\n * Кнопки отмены и повтора действий для текстового редактора. Отвечают за работу с историей изменений документа.\n */\nexport function HistoryControls({ onUndo, onRedo }: HistoryControlsProps) {\n\treturn (\n\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t<ToolbarControl title=\"Отменить последнее действие\" icon={<Undo />} onClick={onUndo} />\n\t\t\t<ToolbarControl title=\"Повторить предыдущее действие\" icon={<Redo />} onClick={onRedo} />\n\t\t</div>\n\t);\n}\n","import { JSX } from \"react\";\n\nimport {\n\tBold,\n\tCode,\n\tHeading1,\n\tHeading2,\n\tHeading3,\n\tHeading4,\n\tHeading5,\n\tHeading6,\n\tHighlighter,\n\tItalic,\n\tList,\n\tListOrdered,\n\tPilcrow,\n\tStrikethrough,\n\tTextQuote,\n\tType,\n\tUnderline\n} from \"lucide-react\";\n\nimport type { TextEditorElementTypes } from \"../types\";\n\ninterface TextEditorElement {\n\tlabel: string;\n\tstyle: TextEditorElementTypes;\n\tnode: string;\n\ticon: JSX.Element;\n}\n\nconst TextEditorElements: Record<TextEditorElementTypes, TextEditorElement> = {\n\tunstyled: { label: \"Параграф\", node: \"p\", style: \"unstyled\", icon: <Type /> },\n\tparagraph: { label: \"Параграф\", node: \"p\", style: \"paragraph\", icon: <Pilcrow /> },\n\t\"header-one\": { label: \"Заголовок первого уровня\", node: \"h1\", style: \"header-one\", icon: <Heading1 /> },\n\t\"header-two\": { label: \"Заголовок второго уровня\", node: \"h2\", style: \"header-two\", icon: <Heading2 /> },\n\t\"header-three\": { label: \"Заголовок третьего уровня\", node: \"h3\", style: \"header-three\", icon: <Heading3 /> },\n\t\"header-four\": { label: \"Заголовок четвертого уровня\", node: \"h4\", style: \"header-four\", icon: <Heading4 /> },\n\t\"header-five\": { label: \"Заголовок пятого уровня\", node: \"h5\", style: \"header-five\", icon: <Heading5 /> },\n\t\"header-six\": { label: \"Заголовок шестого уровня\", node: \"h6\", style: \"header-six\", icon: <Heading6 /> },\n\t\"code-block\": { label: \"Блок кода\", node: \"pre\", style: \"code-block\", icon: <Code /> },\n\tblockquote: { label: \"Цитата\", node: \"blockquote\", style: \"blockquote\", icon: <TextQuote /> },\n\t\"unordered-list-item\": { label: \"Маркированный список\", node: \"ul\", style: \"unordered-list-item\", icon: <List /> },\n\t\"ordered-list-item\": { label: \"Нумерованный список\", node: \"ol\", style: \"ordered-list-item\", icon: <ListOrdered /> },\n\tCODE: { label: \"Моноширинный код\", node: \"code\", style: \"CODE\", icon: <Code /> },\n\tBOLD: { label: \"Выделение жирным\", node: \"strong\", style: \"BOLD\", icon: <Bold /> },\n\tUNDERLINE: { label: \"Выделение подчеркнутым\", node: \"u\", style: \"UNDERLINE\", icon: <Underline /> },\n\tSTRIKETHROUGH: { label: \"Выделение зачеркнутым\", node: \"s\", style: \"STRIKETHROUGH\", icon: <Strikethrough /> },\n\tHIGHLIGHT: { label: \"Подсветка цветом\", node: \"span\", style: \"HIGHLIGHT\", icon: <Highlighter /> },\n\tITALIC: { label: \"Выделение курсивным\", node: \"i\", style: \"ITALIC\", icon: <Italic /> }\n};\n\nexport const getElementFromElementStyle = (style: TextEditorElementTypes) => {\n\tconst element = TextEditorElements[style];\n\tif (!element) {\n\t\treturn \"div\";\n\t}\n\treturn element.node;\n};\n\nexport const getTagFromElementStyle = (style: TextEditorElementTypes) => {\n\tconst element = TextEditorElements[style];\n\tif (!element) {\n\t\treturn null;\n\t}\n\treturn element.node;\n};\n\nexport const TextEditorBlockControls = [\n\tTextEditorElements.unstyled,\n\tTextEditorElements[\"header-three\"],\n\tTextEditorElements[\"header-four\"],\n\tTextEditorElements[\"header-five\"],\n\tTextEditorElements[\"header-six\"],\n\tTextEditorElements[\"ordered-list-item\"],\n\tTextEditorElements[\"unordered-list-item\"],\n\tTextEditorElements.blockquote\n];\n\nexport const TextEditorInlineControls = [\n\tTextEditorElements.BOLD,\n\tTextEditorElements.ITALIC,\n\tTextEditorElements.UNDERLINE,\n\tTextEditorElements.STRIKETHROUGH,\n\tTextEditorElements.HIGHLIGHT,\n\tTextEditorElements.CODE\n];\n\nexport const TextEditorStyleClasses = {\n\tCODE: {\n\t\tcolor: \"rgb(8, 89, 114)\",\n\t\tpadding: \"0.15em 0.4em\",\n\t\tmargin: \"0\",\n\t\tfontFamily: \"monospace\",\n\t\tfontSize: \"85%\",\n\t\tbackgroundColor: \"rgba(40, 68, 77, 0.05)\",\n\t\tborderRadius: \"var(--radius-md)\",\n\t\tlineHeight: \"1\"\n\t},\n\tHIGHLIGHT: {\n\t\tpaddingInline: \"0.15em\",\n\t\tbackgroundColor: \"rgb(234,255,142)\",\n\t\tborderRadius: \"var(--radius-md)\"\n\t},\n\tunstyled: {\n\t\tmarginBottom: \"1.5em\"\n\t},\n\tBOLD: { fontWeight: \"bold\" },\n\tITALIC: { fontStyle: \"italic\" },\n\tUNDERLINE: { textDecoration: \"underline\" },\n\tSTRIKETHROUGH: { textDecoration: \"line-through\" }\n};\n\nexport enum LinkTypes {\n\tLINK = \"link\",\n\tLOCAL_LINK = \"localLink\",\n\tPHONE = \"phone\",\n\tEMAIL = \"email\"\n}\n\nexport enum TagTypes {\n\tabbr = \"abbr\",\n\tlang = \"lang\",\n\ttime = \"time\",\n\tcite = \"cite\",\n\tins = \"ins\",\n\tdel = \"del\"\n}\n","import { AtSign, ExternalLink, Link, Phone } from \"lucide-react\";\n\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\nimport { LinkTypes } from \"./types\";\n\ninterface LinkButtonsProps {\n\tdisabled: boolean;\n\tonClick: (type: LinkTypes) => void;\n}\n\n/**\n * Набор кнопок для вставки ссылок и связанных сущностей в текстовом редакторе. Используется в составе тулбара редактора.\n */\nexport function LinkButtons({ disabled, onClick }: LinkButtonsProps) {\n\treturn (\n\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t<ToolbarControl title=\"Добавить ссылку на статью\" icon={<Link />} onClick={() => onClick(LinkTypes.LOCAL_LINK)} />\n\t\t\t<ToolbarControl title=\"Добавить ссылку\" disabled={disabled} icon={<ExternalLink />} onClick={() => onClick(LinkTypes.LINK)} />\n\t\t\t<ToolbarControl title=\"Добавить телефон\" disabled={disabled} icon={<Phone />} onClick={() => onClick(LinkTypes.PHONE)} />\n\t\t\t<ToolbarControl title=\"Добавить email\" disabled={disabled} icon={<AtSign />} onClick={() => onClick(LinkTypes.EMAIL)} />\n\t\t</div>\n\t);\n}\n","import { BookType, Clock, Languages, MessageSquareQuote, PictureInPicture, Shredder } from \"lucide-react\";\n\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\nimport { TagTypes } from \"./types\";\n\ninterface TagButtonsProps {\n\tonClick: (type: TagTypes) => void;\n}\n\n/**\n * Переиспользуемый компонент `TagButtons` из раздела `toolbar`. Инкапсулирует общую логику отображения и взаимодействия, чтобы интерфейс оставался консистентным.\n */\nexport function TagButtons({ onClick }: TagButtonsProps) {\n\treturn (\n\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t<ToolbarControl title=\"Вставить Аббревиатуру\" icon={<BookType />} onClick={() => onClick(TagTypes.abbr)} />\n\t\t\t<ToolbarControl title=\"Вставить Код языка\" icon={<Languages />} onClick={() => onClick(TagTypes.lang)} />\n\t\t\t<ToolbarControl title=\"Вставить Дату/время\" icon={<Clock />} onClick={() => onClick(TagTypes.time)} />\n\t\t\t<ToolbarControl title=\"Вставить Ссылку на источник\" icon={<MessageSquareQuote />} onClick={() => onClick(TagTypes.cite)} />\n\t\t\t<ToolbarControl title=\"Вставить Удалённый фрагмент\" icon={<Shredder />} onClick={() => onClick(TagTypes.del)} />\n\t\t\t<ToolbarControl title=\"Вставить Добавленный фрагмент\" icon={<PictureInPicture />} onClick={() => onClick(TagTypes.ins)} />\n\t\t</div>\n\t);\n}\n","import { BrushCleaning } from \"lucide-react\";\n\nimport { AlignmentControls } from \"./AlignmentControls\";\nimport { HistoryControls } from \"./HistoryControls\";\nimport { LinkButtons } from \"./LinkButtons\";\nimport { TagButtons } from \"./TagButtons\";\nimport ToolbarStyle from \"./Toolbar.module.scss\";\nimport { ToolbarControl } from \"./ToolbarControl\";\nimport { LinkTypes, TagTypes, TextEditorBlockControls, TextEditorInlineControls } from \"./types\";\n\nimport type { TextEditorToolbarComponents } from \"../editorModel\";\nimport type { LexicalToolbarState, TextAlignment } from \"../model/textEditorTypes\";\n\ninterface TextEditorToolbarLexicalProps {\n\ttoolbarComponents?: TextEditorToolbarComponents;\n\tstate: LexicalToolbarState;\n\tonBlockStyleToggle: (style: string) => void;\n\tonInlineStyleToggle: (style: string) => void;\n\tonAlignmentChange: (alignment: TextAlignment) => void;\n\tonLinkClick: (type: LinkTypes) => void;\n\tonTagClick: (type: TagTypes) => void;\n\tonUndo: () => void;\n\tonRedo: () => void;\n\tonCleanTag?: () => void;\n}\n\n/**\n * Основная панель инструментов редактора Lexical. Собирает управляющие блоки и синхронизирует их с текущим состоянием выделения.\n */\nexport function TextEditorToolbarLexical({\n\ttoolbarComponents,\n\tstate,\n\tonBlockStyleToggle,\n\tonInlineStyleToggle,\n\tonAlignmentChange,\n\tonLinkClick,\n\tonTagClick,\n\tonUndo,\n\tonRedo,\n\tonCleanTag\n}: TextEditorToolbarLexicalProps) {\n\tconst components = { history: true, ...(toolbarComponents || {}) };\n\n\treturn (\n\t\t<div className={ToolbarStyle.toolbar}>\n\t\t\t{components.blocks && (\n\t\t\t\t<>\n\t\t\t\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t\t\t\t{TextEditorBlockControls.map((control) => (\n\t\t\t\t\t\t\t<ToolbarControl\n\t\t\t\t\t\t\t\tkey={control.style}\n\t\t\t\t\t\t\t\tisActive={control.style === state.blockType}\n\t\t\t\t\t\t\t\tstyle={control.style}\n\t\t\t\t\t\t\t\ttitle={control.label}\n\t\t\t\t\t\t\t\ticon={control.icon}\n\t\t\t\t\t\t\t\tonClick={onBlockStyleToggle}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{components.inline && (\n\t\t\t\t<>\n\t\t\t\t\t<div className={ToolbarStyle.groupControls}>\n\t\t\t\t\t\t{TextEditorInlineControls.map((control) => (\n\t\t\t\t\t\t\t<ToolbarControl\n\t\t\t\t\t\t\t\tkey={control.style}\n\t\t\t\t\t\t\t\tisActive={!!state.activeInlineStyles[control.style as keyof typeof state.activeInlineStyles]}\n\t\t\t\t\t\t\t\ttitle={control.label}\n\t\t\t\t\t\t\t\tstyle={control.style}\n\t\t\t\t\t\t\t\ticon={control.icon}\n\t\t\t\t\t\t\t\tdisabled={state.isTextUnselected}\n\t\t\t\t\t\t\t\tonClick={onInlineStyleToggle}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{components.alignment && (\n\t\t\t\t<>\n\t\t\t\t\t<AlignmentControls activeAlignment={state.activeAlignment} onAlignmentChange={onAlignmentChange} />\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{components.links && (\n\t\t\t\t<>\n\t\t\t\t\t<LinkButtons disabled={state.isTextUnselected} onClick={onLinkClick} />\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{components.tags && (\n\t\t\t\t<>\n\t\t\t\t\t<TagButtons onClick={onTagClick} />\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{components.history && (\n\t\t\t\t<>\n\t\t\t\t\t<HistoryControls onUndo={onUndo} onRedo={onRedo} />\n\t\t\t\t\t<hr />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ToolbarControl\n\t\t\t\tdisabled={state.isTextUnselected}\n\t\t\t\ttitle=\"Очистить выбранный тег\"\n\t\t\t\ticon={<BrushCleaning />}\n\t\t\t\tonClick={onCleanTag}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/chunks/treeStoryFixtures-Bhm3Gdky.js

@@ -0,0 +1,113 @@
+//#region src/tree-select/stories/treeStoryFixtures.ts
+var e = [{
+	id: "REGION:R01",
+	codeKey: "REGION",
+	value: "R01",
+	label: "Северный регион",
+	code: "R01",
+	searchText: "R01 Северный регион",
+	children: [{
+		id: "REGION:R01/BRANCH:B0101",
+		codeKey: "BRANCH",
+		value: "B0101",
+		label: "Подразделение Альфа",
+		code: "B0101",
+		searchText: "B0101 Подразделение Альфа",
+		children: [{
+			id: "REGION:R01/BRANCH:B0101/TEAM:T0101",
+			codeKey: "TEAM",
+			value: "T0101",
+			label: "Команда поддержки",
+			code: "T0101",
+			searchText: "T0101 Команда поддержки",
+			children: [{
+				id: "REGION:R01/BRANCH:B0101/TEAM:T0101/OWNER:P0001",
+				codeKey: "OWNER",
+				value: "P0001",
+				label: "Ответственный 1",
+				code: "P0001",
+				searchText: "P0001 Ответственный 1"
+			}, {
+				id: "REGION:R01/BRANCH:B0101/TEAM:T0101/OWNER:P0002",
+				codeKey: "OWNER",
+				value: "P0002",
+				label: "Ответственный 2",
+				code: "P0002",
+				searchText: "P0002 Ответственный 2"
+			}]
+		}, {
+			id: "REGION:R01/BRANCH:B0101/TEAM:T0102",
+			codeKey: "TEAM",
+			value: "T0102",
+			label: "Команда внедрения",
+			code: "T0102",
+			searchText: "T0102 Команда внедрения",
+			children: [{
+				id: "REGION:R01/BRANCH:B0101/TEAM:T0102/OWNER:P0003",
+				codeKey: "OWNER",
+				value: "P0003",
+				label: "Ответственный 3",
+				code: "P0003",
+				searchText: "P0003 Ответственный 3"
+			}]
+		}]
+	}, {
+		id: "REGION:R01/BRANCH:B0102",
+		codeKey: "BRANCH",
+		value: "B0102",
+		label: "Подразделение Бета",
+		code: "B0102",
+		searchText: "B0102 Подразделение Бета",
+		children: [{
+			id: "REGION:R01/BRANCH:B0102/TEAM:T0201",
+			codeKey: "TEAM",
+			value: "T0201",
+			label: "Команда аналитики",
+			code: "T0201",
+			searchText: "T0201 Команда аналитики",
+			children: [{
+				id: "REGION:R01/BRANCH:B0102/TEAM:T0201/OWNER:P0004",
+				codeKey: "OWNER",
+				value: "P0004",
+				label: "Ответственный 4",
+				code: "P0004",
+				searchText: "P0004 Ответственный 4"
+			}]
+		}]
+	}]
+}, {
+	id: "REGION:R02",
+	codeKey: "REGION",
+	value: "R02",
+	label: "Южный регион",
+	code: "R02",
+	searchText: "R02 Южный регион",
+	children: [{
+		id: "REGION:R02/BRANCH:B0201",
+		codeKey: "BRANCH",
+		value: "B0201",
+		label: "Подразделение Гамма",
+		code: "B0201",
+		searchText: "B0201 Подразделение Гамма",
+		children: [{
+			id: "REGION:R02/BRANCH:B0201/TEAM:T0301",
+			codeKey: "TEAM",
+			value: "T0301",
+			label: "Команда сопровождения",
+			code: "T0301",
+			searchText: "T0301 Команда сопровождения",
+			children: [{
+				id: "REGION:R02/BRANCH:B0201/TEAM:T0301/OWNER:P0005",
+				codeKey: "OWNER",
+				value: "P0005",
+				label: "Ответственный 5",
+				code: "P0005",
+				searchText: "P0005 Ответственный 5"
+			}]
+		}]
+	}]
+}];
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=treeStoryFixtures-Bhm3Gdky.js.map

package/dist/chunks/treeStoryFixtures-Bhm3Gdky.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeStoryFixtures-Bhm3Gdky.js","names":[],"sources":["../../src/tree-select/stories/treeStoryFixtures.ts"],"sourcesContent":["import type { TreeSelectNode } from \"../types\";\n\nexport const demoTreeNodes: TreeSelectNode[] = [\n\t{\n\t\tid: \"REGION:R01\",\n\t\tcodeKey: \"REGION\",\n\t\tvalue: \"R01\",\n\t\tlabel: \"Северный регион\",\n\t\tcode: \"R01\",\n\t\tsearchText: \"R01 Северный регион\",\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: \"REGION:R01/BRANCH:B0101\",\n\t\t\t\tcodeKey: \"BRANCH\",\n\t\t\t\tvalue: \"B0101\",\n\t\t\t\tlabel: \"Подразделение Альфа\",\n\t\t\t\tcode: \"B0101\",\n\t\t\t\tsearchText: \"B0101 Подразделение Альфа\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0101/TEAM:T0101\",\n\t\t\t\t\t\tcodeKey: \"TEAM\",\n\t\t\t\t\t\tvalue: \"T0101\",\n\t\t\t\t\t\tlabel: \"Команда поддержки\",\n\t\t\t\t\t\tcode: \"T0101\",\n\t\t\t\t\t\tsearchText: \"T0101 Команда поддержки\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0101/TEAM:T0101/OWNER:P0001\",\n\t\t\t\t\t\t\t\tcodeKey: \"OWNER\",\n\t\t\t\t\t\t\t\tvalue: \"P0001\",\n\t\t\t\t\t\t\t\tlabel: \"Ответственный 1\",\n\t\t\t\t\t\t\t\tcode: \"P0001\",\n\t\t\t\t\t\t\t\tsearchText: \"P0001 Ответственный 1\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0101/TEAM:T0101/OWNER:P0002\",\n\t\t\t\t\t\t\t\tcodeKey: \"OWNER\",\n\t\t\t\t\t\t\t\tvalue: \"P0002\",\n\t\t\t\t\t\t\t\tlabel: \"Ответственный 2\",\n\t\t\t\t\t\t\t\tcode: \"P0002\",\n\t\t\t\t\t\t\t\tsearchText: \"P0002 Ответственный 2\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0101/TEAM:T0102\",\n\t\t\t\t\t\tcodeKey: \"TEAM\",\n\t\t\t\t\t\tvalue: \"T0102\",\n\t\t\t\t\t\tlabel: \"Команда внедрения\",\n\t\t\t\t\t\tcode: \"T0102\",\n\t\t\t\t\t\tsearchText: \"T0102 Команда внедрения\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0101/TEAM:T0102/OWNER:P0003\",\n\t\t\t\t\t\t\t\tcodeKey: \"OWNER\",\n\t\t\t\t\t\t\t\tvalue: \"P0003\",\n\t\t\t\t\t\t\t\tlabel: \"Ответственный 3\",\n\t\t\t\t\t\t\t\tcode: \"P0003\",\n\t\t\t\t\t\t\t\tsearchText: \"P0003 Ответственный 3\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"REGION:R01/BRANCH:B0102\",\n\t\t\t\tcodeKey: \"BRANCH\",\n\t\t\t\tvalue: \"B0102\",\n\t\t\t\tlabel: \"Подразделение Бета\",\n\t\t\t\tcode: \"B0102\",\n\t\t\t\tsearchText: \"B0102 Подразделение Бета\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0102/TEAM:T0201\",\n\t\t\t\t\t\tcodeKey: \"TEAM\",\n\t\t\t\t\t\tvalue: \"T0201\",\n\t\t\t\t\t\tlabel: \"Команда аналитики\",\n\t\t\t\t\t\tcode: \"T0201\",\n\t\t\t\t\t\tsearchText: \"T0201 Команда аналитики\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"REGION:R01/BRANCH:B0102/TEAM:T0201/OWNER:P0004\",\n\t\t\t\t\t\t\t\tcodeKey: \"OWNER\",\n\t\t\t\t\t\t\t\tvalue: \"P0004\",\n\t\t\t\t\t\t\t\tlabel: \"Ответственный 4\",\n\t\t\t\t\t\t\t\tcode: \"P0004\",\n\t\t\t\t\t\t\t\tsearchText: \"P0004 Ответственный 4\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\tid: \"REGION:R02\",\n\t\tcodeKey: \"REGION\",\n\t\tvalue: \"R02\",\n\t\tlabel: \"Южный регион\",\n\t\tcode: \"R02\",\n\t\tsearchText: \"R02 Южный регион\",\n\t\tchildren: [\n\t\t\t{\n\t\t\t\tid: \"REGION:R02/BRANCH:B0201\",\n\t\t\t\tcodeKey: \"BRANCH\",\n\t\t\t\tvalue: \"B0201\",\n\t\t\t\tlabel: \"Подразделение Гамма\",\n\t\t\t\tcode: \"B0201\",\n\t\t\t\tsearchText: \"B0201 Подразделение Гамма\",\n\t\t\t\tchildren: [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: \"REGION:R02/BRANCH:B0201/TEAM:T0301\",\n\t\t\t\t\t\tcodeKey: \"TEAM\",\n\t\t\t\t\t\tvalue: \"T0301\",\n\t\t\t\t\t\tlabel: \"Команда сопровождения\",\n\t\t\t\t\t\tcode: \"T0301\",\n\t\t\t\t\t\tsearchText: \"T0301 Команда сопровождения\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"REGION:R02/BRANCH:B0201/TEAM:T0301/OWNER:P0005\",\n\t\t\t\t\t\t\t\tcodeKey: \"OWNER\",\n\t\t\t\t\t\t\t\tvalue: \"P0005\",\n\t\t\t\t\t\t\t\tlabel: \"Ответственный 5\",\n\t\t\t\t\t\t\t\tcode: \"P0005\",\n\t\t\t\t\t\t\t\tsearchText: \"P0005 Ответственный 5\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t]\n\t}\n];\n"],"mappings":";AAEA,IAAa,IAAkC,CAC9C;CACC,IAAI;CACJ,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,YAAY;CACZ,UAAU,CACT;EACC,IAAI;EACJ,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,YAAY;EACZ,UAAU,CACT;GACC,IAAI;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACN,YAAY;GACZ,UAAU,CACT;IACC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;GACb,GACA;IACC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;GACb,CACD;EACD,GACA;GACC,IAAI;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACN,YAAY;GACZ,UAAU,CACT;IACC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;GACb,CACD;EACD,CACD;CACD,GACA;EACC,IAAI;EACJ,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,YAAY;EACZ,UAAU,CACT;GACC,IAAI;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACN,YAAY;GACZ,UAAU,CACT;IACC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;GACb,CACD;EACD,CACD;CACD,CACD;AACD,GACA;CACC,IAAI;CACJ,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,YAAY;CACZ,UAAU,CACT;EACC,IAAI;EACJ,SAAS;EACT,OAAO;EACP,OAAO;EACP,MAAM;EACN,YAAY;EACZ,UAAU,CACT;GACC,IAAI;GACJ,SAAS;GACT,OAAO;GACP,OAAO;GACP,MAAM;GACN,YAAY;GACZ,UAAU,CACT;IACC,IAAI;IACJ,SAAS;IACT,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;GACb,CACD;EACD,CACD;CACD,CACD;AACD,CACD"}

package/dist/chunks/ui.module-BisoTevy.js

@@ -0,0 +1,58 @@
+var e = {
+	uiSizable: "IyEhJp",
+	xs: "f7M9vJ",
+	sm: "HwXbxj",
+	md: "Mym7DA",
+	lg: "w5cM9q",
+	xl: "f2EBJz",
+	uiErrorElement: "_3GzdMJ",
+	uiContainer: "mCyi7T",
+	uiInputContainer: "_0uiTC1",
+	uiLabelBase: "y9nuVw",
+	uiLabel: "-lXPkQ",
+	uiDescription: "kaqcwk",
+	uiPlaceholder: "ADooeh",
+	uiControl: "UQPwkb",
+	uiInputControl: "x427rk",
+	uiInputControlFake: "_4GTgCO",
+	uiInputWithToggle: "CGeRS1",
+	invalid: "kkpwQI",
+	uiToneNeutral: "DPvwku",
+	uiToneError: "SRqz74",
+	uiToneWarning: "e-6pS0",
+	uiToneSuccess: "tUxwSm",
+	uiToneInfo: "bbef8l",
+	uiAppearanceSolid: "Ktkgp1",
+	uiAppearanceOutline: "bwQ2eF",
+	uiAppearanceGhost: "_26y4wg",
+	uiAppearanceTransparent: "xiEckw",
+	uiSelectionControl: "ARjNgd",
+	uiSelectionIcon: "hwzILy",
+	uiElement: "PXh4Kd",
+	disabled: "t4Na-6",
+	uiSelectOption: "NvTcfr",
+	uiPopupOption: "Vq8q-K",
+	uiOptionText: "GPetum",
+	uiOptionCode: "d-9srB",
+	uiPanel: "GAMoiV",
+	uiPopupOptions: "NUTH28",
+	uiStateFocus: "_6GrpYn",
+	uiOptionBase: "xS7JcQ",
+	uiMenuOptionIcon: "_9ExUHY",
+	uiPopupOptionIcon: "pO4Y0g",
+	keyboard: "gbYdNR",
+	selected: "wEotEO",
+	uiPopupOptionActive: "zb4xdz",
+	uiPopupOptionSeparator: "-vLdWn",
+	uiPopupGroupLabel: "Z3WweK",
+	uiToggleButtonContainer: "bx4Ra6",
+	uiToggleButton: "MDZNQY",
+	uiToggleIcon: "MVOYew",
+	uiToggleIconOpen: "_5r-eob",
+	uiClearButton: "_6evDak",
+	uiButtonSeparator: "rwtbSX"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=ui.module-BisoTevy.js.map

package/dist/chunks/ui.module-BisoTevy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.module-BisoTevy.js","names":[],"sources":["../../src/ui.module.scss"],"sourcesContent":["@use \"@/styles/mixins\" as *;\r\n\r\n.uiSizable {\r\n\t--base-width: 100%;\r\n\r\n\twidth: var(--base-width);\r\n\r\n\t&.xs {\r\n\t\t--base-width: calc(var(--drp-ui-width-xs, var(--ui-width-xs)) - var(--width-add));\r\n\t}\r\n\r\n\t&.sm {\r\n\t\t--base-width: calc(var(--drp-ui-width-sm, var(--ui-width-sm)) - var(--width-add));\r\n\t}\r\n\r\n\t&.md {\r\n\t\t--base-width: calc(var(--drp-ui-width-md, var(--ui-width-md)) - var(--width-add));\r\n\t}\r\n\r\n\t&.lg {\r\n\t\t--base-width: calc(var(--drp-ui-width-lg, var(--ui-width-lg)) - var(--width-add));\r\n\t}\r\n\r\n\t&.xl {\r\n\t\t--base-width: calc(var(--drp-ui-width-xl, var(--ui-width-xl)) - var(--width-add));\r\n\t}\r\n}\r\n\r\n// TODO: Тестовый класс\r\n.uiErrorElement {\r\n\t--grid-size: var(--space-sm);\r\n\t--grid-line-size: var(--border-width);\r\n\t--grid-line-color: var(--status-error-soft);\r\n\r\n\theight: var(--control-height);\r\n\twidth: 100%; // calc(10em - var(--width-add));\r\n\tflex-shrink: 0;\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\tborder: var(--focus-width) solid var(--status-error-border);\r\n\tborder-radius: var(--radius-sm);\r\n\toutline: none;\r\n\r\n\tfont-weight: 700;\r\n\tfont-variation-settings: \"wght\" 700;\r\n\r\n\tcolor: var(--status-error-text);\r\n\tbackground-color: var(--surface-0);\r\n\tbackground-image:\r\n\t\trepeating-linear-gradient(\r\n\t\t\t45deg,\r\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\r\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\r\n\t\t),\r\n\t\trepeating-linear-gradient(\r\n\t\t\t-45deg,\r\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\r\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\r\n\t\t);\r\n}\r\n\r\n.uiContainer {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n}\r\n\r\n.uiInputContainer {\r\n\t@extend .uiContainer;\r\n\r\n\t--padding-right: var(--control-height);\r\n}\r\n\r\n.uiLabelBase {\r\n\tdisplay: inline-block;\r\n\tfont-weight: 400;\r\n\tfont-variation-settings: \"wght\" 400;\r\n\r\n\t&:has(~ :required) {\r\n\t\t&::after {\r\n\t\t\tcontent: \" *\";\r\n\t\t\tcolor: var(--status-error-text);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.uiLabel {\r\n\t@extend .uiLabelBase;\r\n\r\n\tmargin-block: var(--space-xs);\r\n}\r\n\r\n.uiDescription {\r\n\t--paragraph-margin: 0;\r\n\r\n\tpadding-bottom: var(--space-xs);\r\n\tcolor: var(--content-2);\r\n\tfont-weight: 300;\r\n\tfont-variation-settings: \"wght\" 300;\r\n}\r\n\r\n.uiLabel,\r\n.uiDescription {\r\n\tmargin-inline: var(--space-xs);\r\n\t// user-select: none;\r\n}\r\n\r\n.uiPlaceholder {\r\n\tcolor: var(--content-2);\r\n\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n\r\n.uiControl {\r\n\t@include ui-tone(\"neutral\");\r\n\t@include ui-appearance-outline;\r\n\t@include ui-control-base;\r\n\r\n\t--ui-radius: var(--radius-sm);\r\n\r\n\t&.invalid,\r\n\t&:invalid {\r\n\t\t@include ui-tone(\"error\");\r\n\t\t@include ui-appearance-outline;\r\n\t}\r\n\r\n\t&::placeholder {\r\n\t\t@extend .uiPlaceholder;\r\n\t}\r\n}\r\n\r\n.uiToneNeutral {\r\n\t@include ui-tone(\"neutral\");\r\n}\r\n\r\n.uiToneError {\r\n\t@include ui-tone(\"error\");\r\n}\r\n\r\n.uiToneWarning {\r\n\t@include ui-tone(\"warning\");\r\n}\r\n\r\n.uiToneSuccess {\r\n\t@include ui-tone(\"success\");\r\n}\r\n\r\n.uiToneInfo {\r\n\t@include ui-tone(\"info\");\r\n}\r\n\r\n.uiAppearanceSolid {\r\n\t@include ui-appearance-solid;\r\n}\r\n\r\n.uiAppearanceOutline {\r\n\t@include ui-appearance-outline;\r\n}\r\n\r\n.uiAppearanceGhost {\r\n\t@include ui-appearance-ghost;\r\n}\r\n\r\n.uiAppearanceTransparent {\r\n\t@include ui-appearance-transparent;\r\n}\r\n\r\n.uiInputControl {\r\n\t@extend .uiControl;\r\n\r\n\theight: var(--control-height);\r\n}\r\n\r\n.uiInputWithToggle {\r\n\t@extend .uiInputControl;\r\n\r\n\tcolor: var(--content-0);\r\n\r\n\tpadding: 0 var(--padding-right) 0 var(--space-sm);\r\n\twidth: 100%;\r\n\ttext-align: left;\r\n\r\n\t// &[type=\"button\"] {\r\n\t// \twhite-space: nowrap;\r\n\t// }\r\n}\r\n\r\n.uiSelectionControl {\r\n\t// @extend .uiControl;\r\n\t@include ui-control-base;\r\n\r\n\t--ui-color: var(--content-0);\r\n\t--ui-color-hover: var(--content-0);\r\n\t--ui-color-active: var(--content-0);\r\n\t--ui-background: var(--surface-0);\r\n\t--ui-background-hover: var(--ui-tone-soft);\r\n\t--ui-background-active: var(--ui-tone-soft);\r\n\t--ui-border-color: var(--ui-tone-border);\r\n\t--ui-border-hover: var(--ui-tone-border-hover);\r\n\t--ui-border-active: var(--ui-tone-border-active);\r\n\t--ui-border-focus: var(--ui-tone-border-focus);\r\n\r\n\tappearance: none;\r\n\tmargin: 0;\r\n\tcursor: pointer;\r\n\r\n\t&:checked {\r\n\t\t& + .uiSelectionIcon {\r\n\t\t\tcolor: var(--ui-tone-fill);\r\n\t\t}\r\n\t}\r\n\r\n\t&:disabled {\r\n\t\tcursor: default;\r\n\r\n\t\t--ui-border-color: var(--border-0);\r\n\r\n\t\t&:checked {\r\n\t\t\t& + .uiSelectionIcon {\r\n\t\t\t\tcolor: var(--border-0);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.uiSelectionIcon {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n\tpointer-events: none;\r\n\tcolor: transparent;\r\n\ttransition:\r\n\t\tcolor var(--transition-fast) ease,\r\n\t\topacity var(--transition-fast) ease;\r\n}\r\n\r\n.uiElement,\r\n.uiSelectOption,\r\n.uiPopupOption {\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcursor: default;\r\n\t\tpointer-events: none;\r\n\t\tuser-select: none;\r\n\r\n\t\t.uiLabel,\r\n\t\t.uiDescription {\r\n\t\t\tcolor: var(--content-2);\r\n\t\t}\r\n\r\n\t\t.uiPlaceholder,\r\n\t\t.uiOptionText,\r\n\t\t.uiOptionCode {\r\n\t\t\topacity: 0.25;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.uiPanel {\r\n\tbackground-color: var(--ui-panel-background, var(--surface-0));\r\n\tcolor: var(--content-0);\r\n\tborder: var(--border);\r\n\tborder-radius: var(--radius-sm);\r\n\tpadding: var(--space-sm);\r\n}\r\n\r\n.uiPopupOptions {\r\n\t@extend .uiPanel;\r\n\r\n\tbackground-color: var(--surface-0);\r\n\r\n\t--anchor-gap: var(--space-xs);\r\n\t--anchor-padding: var(--space-xs);\r\n\t--anchor-offset: 0;\r\n\t--input-width: min(100vw, var(--base-width, 15em));\r\n\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\tmin-width: var(--input-width);\r\n\ttransform-origin: top;\r\n\tbox-shadow: var(--shadow-md);\r\n\tz-index: var(--z-dropdown);\r\n\r\n\t&:empty {\r\n\t\tvisibility: hidden;\r\n\t}\r\n}\r\n\r\n.uiStateFocus {\r\n\t@include focusVisible;\r\n\r\n\tbackground-color: var(--surface-1);\r\n\tborder-color: var(--border-1);\r\n\tcursor: pointer;\r\n}\r\n\r\n.uiOptionBase {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: flex-start;\r\n\tgap: var(--space-sm);\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\ttext-align: left;\r\n}\r\n\r\n.uiPopupOption {\r\n\t@extend .uiOptionBase;\r\n\r\n\theight: auto;\r\n\tpadding: var(--space-xs) var(--space-sm);\r\n}\r\n\r\n.uiSelectOption,\r\n.uiPopupOption {\r\n\tborder-radius: var(--radius-sm);\r\n\tborder: none;\r\n\tbackground-color: transparent;\r\n\tcolor: var(--content-0);\r\n\r\n\ttransition:\r\n\t\tbackground-color var(--transition-fast) ease,\r\n\t\tcolor var(--transition-fast) ease;\r\n\r\n\t.uiMenuOptionIcon,\r\n\t.uiPopupOptionIcon {\r\n\t\tflex-shrink: 0;\r\n\t\twidth: var(--space-md);\r\n\t\theight: var(--space-md);\r\n\t}\r\n\r\n\t.uiMenuOptionIcon,\r\n\t.keyboard {\r\n\t\tcolor: var(--content-2);\r\n\t}\r\n\r\n\t&.selected {\r\n\t\tcolor: var(--content-accent);\r\n\t\tcursor: default;\r\n\t}\r\n\r\n\t&.uiPopupOptionActive {\r\n\t\tbackground-color: var(--surface-1);\r\n\t}\r\n\r\n\t&:focus {\r\n\t\t@extend .uiStateFocus;\r\n\t}\r\n\r\n\t@include hover(true) {\r\n\t\tbackground-color: var(--surface-accent);\r\n\t\tcursor: pointer;\r\n\t}\r\n}\r\n\r\n.uiPopupOptionSeparator {\r\n\tborder-top: var(--border);\r\n\tmargin-block: var(--space-xs);\r\n}\r\n\r\n.uiPopupGroupLabel {\r\n\tpadding: var(--space-xs) var(--space-sm);\r\n\tcolor: var(--content-2);\r\n\tfont-weight: 300;\r\n\ttext-transform: uppercase;\r\n\t// font-size: var(--font-size-sm);\r\n}\r\n\r\n.uiMenuOptionIcon {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n\r\n.uiSelectOption {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: auto 1fr;\r\n\tgap: var(--space-xs);\r\n\r\n\tpadding-right: var(--space-xs);\r\n}\r\n\r\n.uiOptionText {\r\n\t// font-size: var(--font-size-sm);\r\n\tflex: 1;\r\n\t// .flexEllipsis\r\n}\r\n\r\n.uiOptionCode {\r\n\tfont-family: var(--font-family-mono);\r\n\t// font-size: var(--font-size-sm);\r\n\tcolor: var(--content-1);\r\n\tfont-variation-settings: \"wght\" 300;\r\n}\r\n\r\n.uiToggleButtonContainer {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: flex-end;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\r\n\ttransition-property: width;\r\n\ttransition-duration: var(--transition-fast);\r\n\ttransition-timing-function: cubic-bezier(1, 0, 0.5, 0.5);\r\n\r\n\t> button {\r\n\t\tbackground: transparent;\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\theight: var(--control-height);\r\n\t\twidth: var(--control-height);\r\n\t\tborder-radius: var(--radius-sm);\r\n\t\tflex: 0 0 var(--control-height);\r\n\t}\r\n\r\n\t// &[data-disabled] {\r\n\t// \tcursor: default;\r\n\t// \tpointer-events: none;\r\n\t// \topacity: var(--disabled-opacity);\r\n\t// }\r\n}\r\n\r\n.uiToggleButton {\r\n\tcolor: var(--content-0);\r\n}\r\n\r\n.uiToggleIcon {\r\n\ttransition: transform var(--transition-fast) ease-in-out;\r\n\r\n\t&.uiToggleIconOpen {\r\n\t\ttransform: rotate(180deg);\r\n\t}\r\n}\r\n\r\n@include mobile {\r\n\t.uiPopupOptions {\r\n\t\t--input-width: calc(100dvw - var(--space-xl));\r\n\t}\r\n}\r\n\r\n// TODO: пока в свалку стили для дата-подобных компонентов\r\n\r\n// Для компонентов, который не являются input, но выставляют себя за него\r\n.uiInputControlFake {\r\n\t@extend .uiInputControl;\r\n\r\n\twidth: 100%;\r\n\tpadding: 0 var(--space-sm);\r\n\tfont-size: var(--font-size-md);\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\r\n\tcursor: text;\r\n}\r\n\r\n.uiClearButton {\r\n\tcolor: var(--status-error-text);\r\n\r\n\t&:disabled {\r\n\t\topacity: 0;\r\n\t\tpointer-events: none;\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n.uiButtonSeparator {\r\n\tborder-left: var(--border);\r\n\theight: calc(100% - var(--space-sm));\r\n}\r\n"],"mappings":""}