@ryuzaki13/react-foundation-ui 3.9.0 → 3.10.1

package/dist/chunks/grid-D6wPRCjx.js

@@ -0,0 +1,394 @@
+import { PolymorphicComponent as e } from "../polymorphic/index.js";
+import { i as t, n, r, t as i } from "./responsiveLayout-D2mtCDdh.js";
+import { jsx as a } from "react/jsx-runtime";
+import { isResponsiveMap as o, resolveProps as s } from "@ryuzaki13/react-foundation-lib/media";
+var c = {
+	grid: "_5Z2YQF",
+	inline: "gAEXju",
+	row: "KdmGbk",
+	column: "uOpH1m",
+	dense: "EOUgpE",
+	gapNone: "PoMD0P",
+	gapRowXs: "FBebhA",
+	gapRowSm: "rwvhfS",
+	gapRowMd: "ZIsGgj",
+	gapRowLg: "lbAie9",
+	gapRowXl: "ylmmN3",
+	gapColumnXs: "Fg86QU",
+	gapColumnSm: "_3qWtbZ",
+	gapColumnMd: "gIXZ8P",
+	gapColumnLg: "xXxHZM",
+	gapColumnXl: "zRgpft",
+	gapXs: "Fb1W2U",
+	gapSm: "_2EojT9",
+	gapMd: "gYCGa5",
+	gapLg: "JN0CZr",
+	gapXl: "_2QvtUb",
+	alignStart: "_1kRriS",
+	alignCenter: "ocLWZU",
+	alignEnd: "TS1qri",
+	alignStretch: "FXfvI7",
+	alignBaseline: "biKmzi",
+	justifyStart: "_4-sIS7",
+	justifyCenter: "lbdoyi",
+	justifyEnd: "WvAC9I",
+	justifyStretch: "LN4Ak-",
+	alignContentStart: "XC0FuJ",
+	alignContentCenter: "_6b9wZI",
+	alignContentEnd: "KevE4M",
+	alignContentStretch: "Sn-je4",
+	alignContentBetween: "Wnx9iF",
+	alignContentAround: "RAoqm2",
+	alignContentEvenly: "nUjbmv",
+	justifyContentStart: "TjTsA7",
+	justifyContentCenter: "VdpzYk",
+	justifyContentEnd: "peszxb",
+	justifyContentStretch: "E98bqx",
+	justifyContentBetween: "CdaBbu",
+	justifyContentAround: "leVL0N",
+	justifyContentEvenly: "_6mOZVj",
+	autoRows1fr: "gUbUDY",
+	columnsAuto1fr: "S0HulN",
+	singleColumn: "K2fFKT",
+	item: "XHgjM3",
+	areaAuto: "wtrn5A",
+	alignSelfStart: "LkIh-N",
+	alignSelfCenter: "Vhdvpo",
+	alignSelfEnd: "cyg2du",
+	alignSelfStretch: "Ptd1ad",
+	alignSelfBaseline: "Z22Yty",
+	justifySelfStart: "gycEgN",
+	justifySelfCenter: "s69iy2",
+	justifySelfEnd: "pKEJ9k",
+	justifySelfStretch: "qWkZVw",
+	inlineLaptop: "_4CtxXl",
+	rowLaptop: "_7IEPF-",
+	columnLaptop: "d-tD65",
+	denseLaptop: "CNoziu",
+	gapNoneLaptop: "_3l62ur",
+	gapRowXsLaptop: "XJSe-L",
+	gapRowSmLaptop: "Jk3Oxo",
+	gapRowMdLaptop: "mAGDBN",
+	gapRowLgLaptop: "xdVnQI",
+	gapRowXlLaptop: "iTMT-Q",
+	gapColumnXsLaptop: "_7LbKjP",
+	gapColumnSmLaptop: "ymPYNc",
+	gapColumnMdLaptop: "R0s-j-",
+	gapColumnLgLaptop: "b6vSrU",
+	gapColumnXlLaptop: "_5bf1KV",
+	gapXsLaptop: "_7FIhm4",
+	gapSmLaptop: "p3nbqJ",
+	gapMdLaptop: "uxZyHy",
+	gapLgLaptop: "MIBt0q",
+	gapXlLaptop: "_7ElnG6",
+	alignStartLaptop: "oWHm3X",
+	alignCenterLaptop: "f8P8dm",
+	alignEndLaptop: "aveFLH",
+	alignStretchLaptop: "NX2Bl3",
+	alignBaselineLaptop: "JwJql5",
+	justifyStartLaptop: "orwPCB",
+	justifyCenterLaptop: "hPr8TR",
+	justifyEndLaptop: "wRT8T0",
+	justifyStretchLaptop: "LE-OWd",
+	alignContentStartLaptop: "_38eZrL",
+	alignContentCenterLaptop: "NrA6m5",
+	alignContentEndLaptop: "NIFV1Z",
+	alignContentStretchLaptop: "dOtalM",
+	alignContentBetweenLaptop: "_7dPnYN",
+	alignContentAroundLaptop: "SleG8p",
+	alignContentEvenlyLaptop: "V-Q5PK",
+	justifyContentStartLaptop: "JCPRhn",
+	justifyContentCenterLaptop: "JBp0Lc",
+	justifyContentEndLaptop: "WuV0WD",
+	justifyContentStretchLaptop: "cbW-Rf",
+	justifyContentBetweenLaptop: "BHc04F",
+	justifyContentAroundLaptop: "_8xxnxZ",
+	justifyContentEvenlyLaptop: "RnXG5T",
+	autoRows1frLaptop: "_46euer",
+	columnsAuto1frLaptop: "yfPFHt",
+	singleColumnLaptop: "xr12im",
+	responsiveTemplateColumns: "ar4ioC",
+	responsiveTemplateRows: "xV4rvA",
+	responsiveAutoColumns: "Hus718",
+	responsiveAutoRows: "TSRpLu",
+	responsiveTemplateAreas: "_8Ox2Fo",
+	areaAutoLaptop: "OJFFr3",
+	alignSelfStartLaptop: "N5lptY",
+	alignSelfCenterLaptop: "lyDgZZ",
+	alignSelfEndLaptop: "-TBf7-",
+	alignSelfStretchLaptop: "EWbLrf",
+	alignSelfBaselineLaptop: "N-FQM3",
+	justifySelfStartLaptop: "u9CWl4",
+	justifySelfCenterLaptop: "bN6da0",
+	justifySelfEndLaptop: "OQlVUK",
+	justifySelfStretchLaptop: "ZUTnYA",
+	responsiveArea: "ZNkmI4",
+	responsiveColumn: "oZZBH1",
+	responsiveRow: "_0L8HeU",
+	inlineTablet: "MBmlnL",
+	rowTablet: "vkj62L",
+	columnTablet: "yDlGkB",
+	denseTablet: "Be51BL",
+	gapNoneTablet: "jH-QYx",
+	gapRowXsTablet: "moNIhn",
+	gapRowSmTablet: "uAr9D8",
+	gapRowMdTablet: "ZAOmB8",
+	gapRowLgTablet: "KOUXKg",
+	gapRowXlTablet: "_8NtZ4Z",
+	gapColumnXsTablet: "N36IE8",
+	gapColumnSmTablet: "ewqkxx",
+	gapColumnMdTablet: "aTaAmG",
+	gapColumnLgTablet: "aVCCTI",
+	gapColumnXlTablet: "_64cJiZ",
+	gapXsTablet: "stJhAM",
+	gapSmTablet: "wgtG-4",
+	gapMdTablet: "UtCK1c",
+	gapLgTablet: "zE-o-N",
+	gapXlTablet: "RrExoW",
+	alignStartTablet: "_06-bLV",
+	alignCenterTablet: "zBT7vv",
+	alignEndTablet: "JUbiqu",
+	alignStretchTablet: "SBhoGh",
+	alignBaselineTablet: "NjPTg-",
+	justifyStartTablet: "P8dn3Q",
+	justifyCenterTablet: "_6hVh3W",
+	justifyEndTablet: "Sumyqw",
+	justifyStretchTablet: "S4dT8m",
+	alignContentStartTablet: "Z91ayw",
+	alignContentCenterTablet: "fuRAz-",
+	alignContentEndTablet: "PVtVDT",
+	alignContentStretchTablet: "dAd0zJ",
+	alignContentBetweenTablet: "uYYkoB",
+	alignContentAroundTablet: "nrZx1f",
+	alignContentEvenlyTablet: "C-Hg7i",
+	justifyContentStartTablet: "VG2lmY",
+	justifyContentCenterTablet: "Ldu8se",
+	justifyContentEndTablet: "DtMAPq",
+	justifyContentStretchTablet: "_4Dy9qu",
+	justifyContentBetweenTablet: "O1rFMi",
+	justifyContentAroundTablet: "b01r6t",
+	justifyContentEvenlyTablet: "Rq2m3C",
+	autoRows1frTablet: "-hWzbD",
+	columnsAuto1frTablet: "BjGg9N",
+	singleColumnTablet: "PYJ4sy",
+	areaAutoTablet: "bYE-pF",
+	alignSelfStartTablet: "_4cqQkJ",
+	alignSelfCenterTablet: "X65XnN",
+	alignSelfEndTablet: "_0ko7UR",
+	alignSelfStretchTablet: "Nvv-hX",
+	alignSelfBaselineTablet: "l45-hR",
+	justifySelfStartTablet: "iK-dlj",
+	justifySelfCenterTablet: "MnLZQa",
+	justifySelfEndTablet: "_3bV9Kz",
+	justifySelfStretchTablet: "_6NstfH",
+	inlineMobile: "_5MyDRP",
+	rowMobile: "Zceu1V",
+	columnMobile: "_92EJ-e",
+	denseMobile: "_0Rntna",
+	gapNoneMobile: "N-TeF-",
+	gapRowXsMobile: "ZndqJz",
+	gapRowSmMobile: "UOoOjY",
+	gapRowMdMobile: "WyUtl6",
+	gapRowLgMobile: "IxCgUa",
+	gapRowXlMobile: "_0ZHOr6",
+	gapColumnXsMobile: "zvI9dF",
+	gapColumnSmMobile: "A3G6KH",
+	gapColumnMdMobile: "rdsy15",
+	gapColumnLgMobile: "Xs-Odj",
+	gapColumnXlMobile: "JO4giX",
+	gapXsMobile: "-ZXN7c",
+	gapSmMobile: "WgaCBL",
+	gapMdMobile: "_8LS7Pt",
+	gapLgMobile: "gC1t4Z",
+	gapXlMobile: "_0-Sjdg",
+	alignStartMobile: "W7DnVy",
+	alignCenterMobile: "fBRPVT",
+	alignEndMobile: "kbi8Mf",
+	alignStretchMobile: "_1oIxpH",
+	alignBaselineMobile: "l3Bb7h",
+	justifyStartMobile: "cl6dWX",
+	justifyCenterMobile: "_6yDZ-V",
+	justifyEndMobile: "CuLr2P",
+	justifyStretchMobile: "bMtDkh",
+	alignContentStartMobile: "eQH5tg",
+	alignContentCenterMobile: "CqNpUH",
+	alignContentEndMobile: "JZ899v",
+	alignContentStretchMobile: "amen-5",
+	alignContentBetweenMobile: "TpE3W1",
+	alignContentAroundMobile: "nHT2Eo",
+	alignContentEvenlyMobile: "nAKcVp",
+	justifyContentStartMobile: "MoFFze",
+	justifyContentCenterMobile: "-h32m6",
+	justifyContentEndMobile: "MM6r0X",
+	justifyContentStretchMobile: "_0M0JVG",
+	justifyContentBetweenMobile: "C6VNZn",
+	justifyContentAroundMobile: "_4jCljC",
+	justifyContentEvenlyMobile: "iMBy64",
+	autoRows1frMobile: "XX114u",
+	columnsAuto1frMobile: "aZMi3X",
+	singleColumnMobile: "yFEj8M",
+	areaAutoMobile: "SLyxJm",
+	alignSelfStartMobile: "V9-muU",
+	alignSelfCenterMobile: "_47lg3e",
+	alignSelfEndMobile: "D4MTwV",
+	alignSelfStretchMobile: "YLN6G7",
+	alignSelfBaselineMobile: "khb1nb",
+	justifySelfStartMobile: "XnocuL",
+	justifySelfCenterMobile: "btFVUD",
+	justifySelfEndMobile: "uiDBko",
+	justifySelfStretchMobile: "EPL4n-"
+}, l = [
+	"inline",
+	"row",
+	"column",
+	"dense",
+	"gap",
+	"gapRow",
+	"gapColumn",
+	"align",
+	"justify",
+	"alignContent",
+	"justifyContent",
+	"variant"
+], u = ["alignSelf", "justifySelf"], d = {
+	mobile: "Mobile",
+	tablet: "Tablet",
+	laptop: "Laptop"
+};
+function f(e, t) {
+	return c[t ? `${String(e)}${d[t]}` : e];
+}
+function p(e, t) {
+	let n = [];
+	return e.inline && n.push(f("inline", t)), e.column ? n.push(f("column", t)) : e.dense ? n.push(f("dense", t)) : e.row && n.push(f("row", t)), e.align && n.push(f(`align${e.align.charAt(0).toUpperCase() + e.align.slice(1)}`, t)), e.justify && n.push(f(`justify${e.justify.charAt(0).toUpperCase() + e.justify.slice(1)}`, t)), e.justifyContent && n.push(f(`justifyContent${e.justifyContent.charAt(0).toUpperCase() + e.justifyContent.slice(1)}`, t)), e.alignContent && n.push(f(`alignContent${e.alignContent.charAt(0).toUpperCase() + e.alignContent.slice(1)}`, t)), e.gap === "none" ? n.push(f("gapNone", t)) : e.gap && n.push(f(`gap${e.gap.charAt(0).toUpperCase() + e.gap.slice(1)}`, t)), e.gapRow && n.push(f(`gapRow${e.gapRow.charAt(0).toUpperCase() + e.gapRow.slice(1)}`, t)), e.gapColumn && n.push(f(`gapColumn${e.gapColumn.charAt(0).toUpperCase() + e.gapColumn.slice(1)}`, t)), e.variant === "single-column" ? n.push(f("singleColumn", t)) : e.variant === "auto-1fr" ? n.push(f("autoRows1fr", t)) : e.variant === "auto1fr-rows-auto" && n.push(f("columnsAuto1fr", t)), n;
+}
+function m(e, t) {
+	let n = [];
+	return e.alignSelf && n.push(f(`alignSelf${e.alignSelf.charAt(0).toUpperCase() + e.alignSelf.slice(1)}`, t)), e.justifySelf && n.push(f(`justifySelf${e.justifySelf.charAt(0).toUpperCase() + e.justifySelf.slice(1)}`, t)), n;
+}
+function h(e, n, r, a, s) {
+	if (a === void 0) return;
+	if (!o(a)) {
+		Object.assign(e, { [n]: a });
+		return;
+	}
+	let c = t(a);
+	for (let t of i) e[`--foundation-grid-${r}-${t}`] = c[t];
+	return f(s);
+}
+function g(e) {
+	let t = l.map((t) => e[t]), a = [c.grid];
+	if (!n(t)) return a.push(...p(s(e, "laptop", l))), a.filter(Boolean).join(" ");
+	let o = r(e, l);
+	for (let e of i) a.push(...p(o[e], e));
+	return a.filter(Boolean).join(" ");
+}
+function _(e) {
+	let t = {};
+	return {
+		className: [
+			h(t, "gridTemplateColumns", "template-columns", e.templateColumns, "responsiveTemplateColumns"),
+			h(t, "gridTemplateRows", "template-rows", e.templateRows, "responsiveTemplateRows"),
+			h(t, "gridAutoColumns", "auto-columns", e.autoColumns, "responsiveAutoColumns"),
+			h(t, "gridAutoRows", "auto-rows", e.autoRows, "responsiveAutoRows"),
+			h(t, "gridTemplateAreas", "template-areas", e.areas, "responsiveTemplateAreas")
+		].filter(Boolean).join(" ") || void 0,
+		style: t
+	};
+}
+function v(e) {
+	let t = u.map((t) => e[t]), a = [c.item];
+	if (!n(t)) return a.push(...m(s(e, "laptop", u))), a.filter(Boolean).join(" ");
+	let o = r(e, u);
+	for (let e of i) a.push(...m(o[e], e));
+	return a.filter(Boolean).join(" ");
+}
+function y(e) {
+	let t = {};
+	return {
+		className: [
+			h(t, "gridArea", "area", e.area, "responsiveArea"),
+			h(t, "gridColumn", "column", e.column, "responsiveColumn"),
+			h(t, "gridRow", "row", e.row, "responsiveRow")
+		].filter(Boolean).join(" ") || void 0,
+		style: t
+	};
+}
+//#endregion
+//#region src/grid/GridContainer.tsx
+function b({ ref: t, children: n, className: r = "", as: i, style: o, inline: s, row: c, column: l, dense: u, gap: d, gapRow: f, gapColumn: p, align: m, justify: h, alignContent: v, justifyContent: y, templateColumns: b, templateRows: x, autoColumns: S, autoRows: C, areas: w, variant: T, ...E }) {
+	let D = g({
+		inline: s,
+		row: c,
+		column: l,
+		dense: u,
+		gap: d,
+		gapRow: f,
+		gapColumn: p,
+		align: m,
+		justify: h,
+		alignContent: v,
+		justifyContent: y,
+		variant: T
+	}), O = _({
+		templateColumns: b,
+		templateRows: x,
+		autoColumns: S,
+		autoRows: C,
+		areas: w
+	}), k = [
+		D,
+		O.className,
+		r
+	].filter(Boolean).join(" "), A = {
+		...O.style,
+		...o
+	};
+	return /* @__PURE__ */ a(e, {
+		as: i,
+		...E,
+		ref: t,
+		className: k,
+		style: A,
+		children: n
+	});
+}
+b.displayName = "GridContainer";
+//#endregion
+//#region src/grid/GridItem.tsx
+function x({ ref: t, children: n, className: r = "", as: i, style: o, area: s, column: c, row: l, alignSelf: u, justifySelf: d, ...f }) {
+	let p = v({
+		alignSelf: u,
+		justifySelf: d
+	}), m = y({
+		area: s,
+		column: c,
+		row: l
+	}), h = [
+		p,
+		m.className,
+		r
+	].filter(Boolean).join(" "), g = {
+		...m.style,
+		...o
+	};
+	return /* @__PURE__ */ a(e, {
+		as: i,
+		...f,
+		ref: t,
+		className: h,
+		style: g,
+		children: n
+	});
+}
+x.displayName = "GridItem";
+//#endregion
+//#region src/grid/Grid.tsx
+var S = {
+	Container: b,
+	Item: x
+};
+//#endregion
+export { x as n, b as r, S as t };
+
+//# sourceMappingURL=grid-D6wPRCjx.js.map

package/dist/chunks/grid-D6wPRCjx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-D6wPRCjx.js","names":[],"sources":["../../src/grid/Grid.module.scss","../../src/grid/getGridClasses.ts","../../src/grid/GridContainer.tsx","../../src/grid/GridItem.tsx","../../src/grid/Grid.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n@mixin container-modifiers($suffix: \"\") {\n\t&.inline#{$suffix} {\n\t\tdisplay: inline-grid;\n\t\tvertical-align: middle;\n\t}\n\n\t// Автоматическое размещение\n\t&.row#{$suffix} {\n\t\tgrid-auto-flow: row;\n\t}\n\t&.column#{$suffix} {\n\t\tgrid-auto-flow: column;\n\t}\n\t&.dense#{$suffix} {\n\t\tgrid-auto-flow: dense;\n\t}\n\n\t// Отступы\n\t&.gapNone#{$suffix} {\n\t\tgap: unset;\n\t}\n\t&.gapRowXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t}\n\t&.gapRowSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t}\n\t&.gapRowMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t}\n\t&.gapRowLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t}\n\t&.gapRowXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t}\n\t&.gapColumnXs#{$suffix} {\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapColumnSm#{$suffix} {\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapColumnMd#{$suffix} {\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapColumnLg#{$suffix} {\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapColumnXl#{$suffix} {\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\t&.gapXs#{$suffix} {\n\t\trow-gap: var(--space-xs);\n\t\tcolumn-gap: var(--space-xs);\n\t}\n\t&.gapSm#{$suffix} {\n\t\trow-gap: var(--space-sm);\n\t\tcolumn-gap: var(--space-sm);\n\t}\n\t&.gapMd#{$suffix} {\n\t\trow-gap: var(--space-md);\n\t\tcolumn-gap: var(--space-md);\n\t}\n\t&.gapLg#{$suffix} {\n\t\trow-gap: var(--space-lg);\n\t\tcolumn-gap: var(--space-lg);\n\t}\n\t&.gapXl#{$suffix} {\n\t\trow-gap: var(--space-xl);\n\t\tcolumn-gap: var(--space-xl);\n\t}\n\n\t// Выравнивание элементов\n\t&.alignStart#{$suffix} {\n\t\talign-items: start;\n\t}\n\t&.alignCenter#{$suffix} {\n\t\talign-items: center;\n\t}\n\t&.alignEnd#{$suffix} {\n\t\talign-items: end;\n\t}\n\t&.alignStretch#{$suffix} {\n\t\talign-items: stretch;\n\t}\n\t&.alignBaseline#{$suffix} {\n\t\talign-items: baseline;\n\t}\n\t&.justifyStart#{$suffix} {\n\t\tjustify-items: start;\n\t}\n\t&.justifyCenter#{$suffix} {\n\t\tjustify-items: center;\n\t}\n\t&.justifyEnd#{$suffix} {\n\t\tjustify-items: end;\n\t}\n\t&.justifyStretch#{$suffix} {\n\t\tjustify-items: stretch;\n\t}\n\n\t// Распределение сетки\n\t&.alignContentStart#{$suffix} {\n\t\talign-content: start;\n\t}\n\t&.alignContentCenter#{$suffix} {\n\t\talign-content: center;\n\t}\n\t&.alignContentEnd#{$suffix} {\n\t\talign-content: end;\n\t}\n\t&.alignContentStretch#{$suffix} {\n\t\talign-content: stretch;\n\t}\n\t&.alignContentBetween#{$suffix} {\n\t\talign-content: space-between;\n\t}\n\t&.alignContentAround#{$suffix} {\n\t\talign-content: space-around;\n\t}\n\t&.alignContentEvenly#{$suffix} {\n\t\talign-content: space-evenly;\n\t}\n\t&.justifyContentStart#{$suffix} {\n\t\tjustify-content: start;\n\t}\n\t&.justifyContentCenter#{$suffix} {\n\t\tjustify-content: center;\n\t}\n\t&.justifyContentEnd#{$suffix} {\n\t\tjustify-content: end;\n\t}\n\t&.justifyContentStretch#{$suffix} {\n\t\tjustify-content: stretch;\n\t}\n\t&.justifyContentBetween#{$suffix} {\n\t\tjustify-content: space-between;\n\t}\n\t&.justifyContentAround#{$suffix} {\n\t\tjustify-content: space-around;\n\t}\n\t&.justifyContentEvenly#{$suffix} {\n\t\tjustify-content: space-evenly;\n\t}\n\n\t// Предопределённые композиции\n\t&.autoRows1fr#{$suffix} {\n\t\tgrid-auto-rows: 1fr;\n\t}\n\t&.columnsAuto1fr#{$suffix} {\n\t\tgrid-template-columns: auto 1fr;\n\t\tgrid-auto-rows: auto;\n\t}\n\t&.singleColumn#{$suffix} {\n\t\tgrid-template-columns: 100%;\n\t\tgrid-auto-rows: auto 1fr;\n\t}\n}\n\n@mixin item-modifiers($suffix: \"\") {\n\t&.areaAuto#{$suffix} {\n\t\tgrid-area: auto;\n\t}\n\t&.alignSelfStart#{$suffix} {\n\t\talign-self: start;\n\t}\n\t&.alignSelfCenter#{$suffix} {\n\t\talign-self: center;\n\t}\n\t&.alignSelfEnd#{$suffix} {\n\t\talign-self: end;\n\t}\n\t&.alignSelfStretch#{$suffix} {\n\t\talign-self: stretch;\n\t}\n\t&.alignSelfBaseline#{$suffix} {\n\t\talign-self: baseline;\n\t}\n\t&.justifySelfStart#{$suffix} {\n\t\tjustify-self: start;\n\t}\n\t&.justifySelfCenter#{$suffix} {\n\t\tjustify-self: center;\n\t}\n\t&.justifySelfEnd#{$suffix} {\n\t\tjustify-self: end;\n\t}\n\t&.justifySelfStretch#{$suffix} {\n\t\tjustify-self: stretch;\n\t}\n}\n\n@mixin responsive-container-values($breakpoint) {\n\t&.responsiveTemplateColumns {\n\t\tgrid-template-columns: var(--foundation-grid-template-columns-#{$breakpoint});\n\t}\n\t&.responsiveTemplateRows {\n\t\tgrid-template-rows: var(--foundation-grid-template-rows-#{$breakpoint});\n\t}\n\t&.responsiveAutoColumns {\n\t\tgrid-auto-columns: var(--foundation-grid-auto-columns-#{$breakpoint});\n\t}\n\t&.responsiveAutoRows {\n\t\tgrid-auto-rows: var(--foundation-grid-auto-rows-#{$breakpoint});\n\t}\n\t&.responsiveTemplateAreas {\n\t\tgrid-template-areas: var(--foundation-grid-template-areas-#{$breakpoint});\n\t}\n}\n\n@mixin responsive-item-values($breakpoint) {\n\t&.responsiveArea {\n\t\tgrid-area: var(--foundation-grid-area-#{$breakpoint});\n\t}\n\t&.responsiveColumn {\n\t\tgrid-column: var(--foundation-grid-column-#{$breakpoint});\n\t}\n\t&.responsiveRow {\n\t\tgrid-row: var(--foundation-grid-row-#{$breakpoint});\n\t}\n}\n\n.grid {\n\tdisplay: grid;\n\t@include container-modifiers;\n}\n\n.item {\n\t@include item-modifiers;\n}\n\n// Ширины и порядок каскада принадлежат единственному источнику — styles/mixins/_media.scss.\n@include tablet-above {\n\t.grid {\n\t\t@include container-modifiers(\"Laptop\");\n\t\t@include responsive-container-values(\"laptop\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Laptop\");\n\t\t@include responsive-item-values(\"laptop\");\n\t}\n}\n\n@include tablet {\n\t.grid {\n\t\t@include container-modifiers(\"Tablet\");\n\t\t@include responsive-container-values(\"tablet\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Tablet\");\n\t\t@include responsive-item-values(\"tablet\");\n\t}\n}\n\n@include mobile {\n\t.grid {\n\t\t@include container-modifiers(\"Mobile\");\n\t\t@include responsive-container-values(\"mobile\");\n\t}\n\t.item {\n\t\t@include item-modifiers(\"Mobile\");\n\t\t@include responsive-item-values(\"mobile\");\n\t}\n}\n","import type { CSSProperties } from \"react\";\n\nimport {\n\ttype Breakpoint,\n\tisResponsiveMap,\n\tresolveProps,\n\ttype ResolvedProps,\n\ttype ResponsiveValue\n} from \"@ryuzaki13/react-foundation-lib/media\";\n\nimport {\n\thasResponsiveLayoutValue,\n\tRESPONSIVE_LAYOUT_BREAKPOINTS,\n\tresolveLayoutPropsForBreakpoints,\n\tresolveLayoutValueForBreakpoints\n} from \"../responsive-layout/responsiveLayout\";\n\nimport styles from \"./Grid.module.scss\";\n\nimport type { GridContainerLayoutProps, GridItemLayoutProps } from \"./types\";\n\ntype ClassName = string | undefined | null | false;\ntype ResolvedGridContainerProps = ResolvedProps<GridContainerLayoutProps>;\ntype ResolvedGridItemProps = ResolvedProps<GridItemLayoutProps>;\ntype ResponsiveCSSProperties = CSSProperties & Record<`--foundation-grid-${string}`, string | number | undefined>;\n\ntype ResponsiveStyleResult = {\n\tclassName?: string;\n\tstyle: CSSProperties;\n};\n\nconst CONTAINER_CLASS_KEYS = [\n\t\"inline\",\n\t\"row\",\n\t\"column\",\n\t\"dense\",\n\t\"gap\",\n\t\"gapRow\",\n\t\"gapColumn\",\n\t\"align\",\n\t\"justify\",\n\t\"alignContent\",\n\t\"justifyContent\",\n\t\"variant\"\n] as const satisfies readonly (keyof GridContainerLayoutProps)[];\n\nconst ITEM_CLASS_KEYS = [\"alignSelf\", \"justifySelf\"] as const satisfies readonly (keyof GridItemLayoutProps)[];\n\nconst breakpointSuffixes = {\n\tmobile: \"Mobile\",\n\ttablet: \"Tablet\",\n\tlaptop: \"Laptop\"\n} as const satisfies Record<Breakpoint, string>;\n\nfunction getStyleClass(baseName: string, breakpoint?: Breakpoint): string | undefined {\n\tconst className = breakpoint ? `${String(baseName)}${breakpointSuffixes[breakpoint]}` : baseName;\n\treturn styles[className as keyof typeof styles];\n}\n\nfunction getContainerModifierClasses(props: ResolvedGridContainerProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.inline) classes.push(getStyleClass(\"inline\", breakpoint));\n\n\tif (props.column) classes.push(getStyleClass(\"column\", breakpoint));\n\telse if (props.dense) classes.push(getStyleClass(\"dense\", breakpoint));\n\telse if (props.row) classes.push(getStyleClass(\"row\", breakpoint));\n\n\tif (props.align) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`align${props.align.charAt(0).toUpperCase() + props.align.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.justify) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`justify${props.justify.charAt(0).toUpperCase() + props.justify.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.justifyContent) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`justifyContent${props.justifyContent.charAt(0).toUpperCase() + props.justifyContent.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\tif (props.alignContent) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignContent${props.alignContent.charAt(0).toUpperCase() + props.alignContent.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\tif (props.gap === \"none\") classes.push(getStyleClass(\"gapNone\", breakpoint));\n\telse if (props.gap) {\n\t\tclasses.push(getStyleClass(`gap${props.gap.charAt(0).toUpperCase() + props.gap.slice(1)}` as keyof typeof styles, breakpoint));\n\t}\n\tif (props.gapRow) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(`gapRow${props.gapRow.charAt(0).toUpperCase() + props.gapRow.slice(1)}` as keyof typeof styles, breakpoint)\n\t\t);\n\t}\n\tif (props.gapColumn) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`gapColumn${props.gapColumn.charAt(0).toUpperCase() + props.gapColumn.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\tif (props.variant === \"single-column\") classes.push(getStyleClass(\"singleColumn\", breakpoint));\n\telse if (props.variant === \"auto-1fr\") classes.push(getStyleClass(\"autoRows1fr\", breakpoint));\n\telse if (props.variant === \"auto1fr-rows-auto\") classes.push(getStyleClass(\"columnsAuto1fr\", breakpoint));\n\n\treturn classes;\n}\n\nfunction getItemModifierClasses(props: ResolvedGridItemProps, breakpoint?: Breakpoint): ClassName[] {\n\tconst classes: ClassName[] = [];\n\n\tif (props.alignSelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`alignSelf${props.alignSelf.charAt(0).toUpperCase() + props.alignSelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\tif (props.justifySelf) {\n\t\tclasses.push(\n\t\t\tgetStyleClass(\n\t\t\t\t`justifySelf${props.justifySelf.charAt(0).toUpperCase() + props.justifySelf.slice(1)}` as keyof typeof styles,\n\t\t\t\tbreakpoint\n\t\t\t)\n\t\t);\n\t}\n\n\treturn classes;\n}\n\nfunction setResponsiveStyle<T extends string | number>(\n\ttarget: ResponsiveCSSProperties,\n\tproperty: keyof CSSProperties,\n\tvariableName: string,\n\tvalue: ResponsiveValue<T> | undefined,\n\tresponsiveClassName: string\n): string | undefined {\n\tif (value === undefined) return undefined;\n\n\tif (!isResponsiveMap(value)) {\n\t\tObject.assign(target, { [property]: value });\n\t\treturn undefined;\n\t}\n\n\tconst values = resolveLayoutValueForBreakpoints(value);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\ttarget[`--foundation-grid-${variableName}-${breakpoint}`] = values[breakpoint];\n\t}\n\treturn getStyleClass(responsiveClassName);\n}\n\nexport function getGridContainerClasses(props: GridContainerLayoutProps): string {\n\tconst values = CONTAINER_CLASS_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.grid];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getContainerModifierClasses(resolveProps(props, \"laptop\", CONTAINER_CLASS_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, CONTAINER_CLASS_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getContainerModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getGridContainerStyles(\n\tprops: Pick<GridContainerLayoutProps, \"templateColumns\" | \"templateRows\" | \"autoColumns\" | \"autoRows\" | \"areas\">\n): ResponsiveStyleResult {\n\tconst style: ResponsiveCSSProperties = {};\n\tconst classes = [\n\t\tsetResponsiveStyle(style, \"gridTemplateColumns\", \"template-columns\", props.templateColumns, \"responsiveTemplateColumns\"),\n\t\tsetResponsiveStyle(style, \"gridTemplateRows\", \"template-rows\", props.templateRows, \"responsiveTemplateRows\"),\n\t\tsetResponsiveStyle(style, \"gridAutoColumns\", \"auto-columns\", props.autoColumns, \"responsiveAutoColumns\"),\n\t\tsetResponsiveStyle(style, \"gridAutoRows\", \"auto-rows\", props.autoRows, \"responsiveAutoRows\"),\n\t\tsetResponsiveStyle(style, \"gridTemplateAreas\", \"template-areas\", props.areas, \"responsiveTemplateAreas\")\n\t];\n\n\treturn { className: classes.filter(Boolean).join(\" \") || undefined, style };\n}\n\nexport function getGridItemClasses(props: GridItemLayoutProps): string {\n\tconst values = ITEM_CLASS_KEYS.map((key) => props[key]);\n\tconst classes: ClassName[] = [styles.item];\n\n\tif (!hasResponsiveLayoutValue(values)) {\n\t\tclasses.push(...getItemModifierClasses(resolveProps(props, \"laptop\", ITEM_CLASS_KEYS)));\n\t\treturn classes.filter(Boolean).join(\" \");\n\t}\n\n\tconst propsByBreakpoint = resolveLayoutPropsForBreakpoints(props, ITEM_CLASS_KEYS);\n\tfor (const breakpoint of RESPONSIVE_LAYOUT_BREAKPOINTS) {\n\t\tclasses.push(...getItemModifierClasses(propsByBreakpoint[breakpoint], breakpoint));\n\t}\n\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function getGridItemStyles(props: Pick<GridItemLayoutProps, \"area\" | \"column\" | \"row\">): ResponsiveStyleResult {\n\tconst style: ResponsiveCSSProperties = {};\n\tconst classes = [\n\t\tsetResponsiveStyle(style, \"gridArea\", \"area\", props.area, \"responsiveArea\"),\n\t\tsetResponsiveStyle(style, \"gridColumn\", \"column\", props.column, \"responsiveColumn\"),\n\t\tsetResponsiveStyle(style, \"gridRow\", \"row\", props.row, \"responsiveRow\")\n\t];\n\n\treturn { className: classes.filter(Boolean).join(\" \") || undefined, style };\n}\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getGridContainerClasses, getGridContainerStyles } from \"./getGridClasses\";\nimport { GridContainerProps } from \"./types\";\n\nexport function GridContainer({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tinline,\n\trow,\n\tcolumn,\n\tdense,\n\tgap,\n\tgapRow,\n\tgapColumn,\n\talign,\n\tjustify,\n\talignContent,\n\tjustifyContent,\n\ttemplateColumns,\n\ttemplateRows,\n\tautoColumns,\n\tautoRows,\n\tareas,\n\tvariant,\n\t...htmlProps\n}: GridContainerProps & { ref?: Ref<HTMLElement> }) {\n\tconst gridClasses = getGridContainerClasses({\n\t\tinline,\n\t\trow,\n\t\tcolumn,\n\t\tdense,\n\t\tgap,\n\t\tgapRow,\n\t\tgapColumn,\n\t\talign,\n\t\tjustify,\n\t\talignContent,\n\t\tjustifyContent,\n\t\tvariant\n\t});\n\tconst gridStyles = getGridContainerStyles({ templateColumns, templateRows, autoColumns, autoRows, areas });\n\n\tconst finalClassName = [gridClasses, gridStyles.className, className].filter(Boolean).join(\" \");\n\tconst finalStyle = { ...gridStyles.style, ...style };\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={finalStyle}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nGridContainer.displayName = \"GridContainer\";\n","import { type Ref } from \"react\";\n\nimport { PolymorphicComponent } from \"../polymorphic\";\n\nimport { getGridItemClasses, getGridItemStyles } from \"./getGridClasses\";\nimport { GridItemProps } from \"./types\";\n\nexport function GridItem({\n\tref,\n\tchildren,\n\tclassName = \"\",\n\tas,\n\tstyle,\n\tarea,\n\tcolumn,\n\trow,\n\talignSelf,\n\tjustifySelf,\n\t...htmlProps\n}: GridItemProps & { ref?: Ref<HTMLElement> }) {\n\tconst gridClasses = getGridItemClasses({ alignSelf, justifySelf });\n\tconst gridStyles = getGridItemStyles({ area, column, row });\n\n\tconst finalClassName = [gridClasses, gridStyles.className, className].filter(Boolean).join(\" \");\n\tconst finalStyle = { ...gridStyles.style, ...style };\n\treturn (\n\t\t<PolymorphicComponent as={as} {...htmlProps} ref={ref} className={finalClassName} style={finalStyle}>\n\t\t\t{children}\n\t\t</PolymorphicComponent>\n\t);\n}\n\nGridItem.displayName = \"GridItem\";\n","import { GridContainer } from \"./GridContainer\";\nimport { GridItem } from \"./GridItem\";\n\nexport const Grid = {\n\tContainer: GridContainer,\n\tItem: GridItem\n};\n"],"mappings":"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"}

package/dist/chunks/{misc-BjdDK6mm.js → misc-Dcr24uDY.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./popover-BJH-yHvb.js";
 import { Text as t } from "../text/index.js";
 import { PolymorphicComponent as n } from "../polymorphic/index.js";
-import { n as r } from "./flex-D86M_h-0.js";
+import { n as r } from "./flex-BhrQCH4I.js";
 import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
 import { CheckCheckIcon as a, ChevronLeftIcon as o, ChevronRightIcon as s, CircleAlertIcon as c, CircleCheckIcon as l, CircleXIcon as u, CopyIcon as d, InfoIcon as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -332,4 +332,4 @@ function Q({ as: e, state: t, className: r, ...a }) {
 //#endregion
 export { O as _, K as a, w as b, W as c, R as d, L as f, A as g, j as h, q as i, U as l, F as m, J as n, X as o, I as p, Z as r, Y as s, Q as t, z as u, E as v, T as y };
 
-//# sourceMappingURL=misc-BjdDK6mm.js.map
+//# sourceMappingURL=misc-Dcr24uDY.js.map

package/dist/chunks/{misc-BjdDK6mm.js.map → misc-Dcr24uDY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"misc-BjdDK6mm.js","names":[],"sources":["../../src/misc/AnimatedLogo.module.scss","../../src/misc/AnimatedLogo.tsx","../../src/misc/AnimatedLogoSegment.tsx","../../src/misc/CopyTextWrapper.tsx","../../src/misc/IconWrapper.module.scss","../../src/misc/IconWrapper.tsx","../../src/misc/LoadingMessage.module.scss","../../src/misc/Message.tsx","../../src/misc/LoadingMessage.tsx","../../src/misc/LazyDynamicComponent.tsx","../../src/misc/SkeletonLine.tsx","../../src/misc/LazyValue.tsx","../../src/misc/NoData.tsx","../../src/misc/Notice.tsx","../../src/misc/OneStepScroller.module.scss","../../src/misc/OneStepScroller.tsx","../../src/misc/Scrollable.tsx","../../src/misc/State.module.scss","../../src/misc/StateIcon.tsx","../../src/misc/StateWrapper.tsx"],"sourcesContent":[".logo {\n\tsvg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n}\n\n.segment {\n\topacity: 0.2;\n\tanimation: pulseSteps 2s ease-in-out infinite;\n}\n\n@keyframes pulseSteps {\n\t0% {\n\t\topacity: 0.2;\n\t}\n\n\t35%,\n\t55% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0.2;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.segment {\n\t\tanimation: none;\n\t\topacity: 1;\n\t}\n}\n","import { type ComponentPropsWithoutRef, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./AnimatedLogo.module.scss\";\n\ntype AnimatedLogoProps = Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> & {\n\tchildren: ReactNode;\n};\n\n/**\n * Контейнер анимированного логотипа без брендовой SVG-разметки.\n * Host-проект передаёт собственный `svg`, а его визуальные части оборачивает в `AnimatedLogoSegment`.\n */\nexport function AnimatedLogo({ children, className, ...htmlProps }: AnimatedLogoProps) {\n\treturn (\n\t\t<div {...htmlProps} className={cn(styles.logo, className)}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./AnimatedLogo.module.scss\";\n\ntype AnimatedLogoSegmentProps = Omit<ComponentPropsWithoutRef<\"g\">, \"children\"> & {\n\tchildren: ReactNode;\n\torder: number;\n};\n\n/**\n * Анимирует одну смысловую часть host-логотипа и сдвигает её pulse относительно предыдущих частей.\n * `order` задаётся с нуля в визуальной последовательности сегментов и преобразуется в шаг задержки 200 мс.\n */\nexport function AnimatedLogoSegment({ children, className, order, style, ...svgGroupProps }: AnimatedLogoSegmentProps) {\n\treturn (\n\t\t<g {...svgGroupProps} className={cn(styles.segment, className)} style={{ ...style, animationDelay: `${order * 200}ms` }}>\n\t\t\t{children}\n\t\t</g>\n\t);\n}\n","import { Placement } from \"@floating-ui/react\";\nimport { useCopyElementTextWithFeedback } from \"@ryuzaki13/react-foundation-lib/copy\";\nimport { CheckCheckIcon, CopyIcon } from \"lucide-react\";\n\nimport { FloatingPopover } from \"../popover\";\n\ninterface CopyTextWrapperProps {\n\tchildren: React.ReactNode;\n\tposition?: Placement;\n\tshowOnHover?: boolean;\n\tclassName?: string;\n}\n\nexport function CopyTextWrapper({ children, position = \"top\", showOnHover = true, className }: CopyTextWrapperProps) {\n\tconst { containerRef, copyElementText, isCopied } = useCopyElementTextWithFeedback<HTMLSpanElement>();\n\n\treturn (\n\t\t<span ref={containerRef} className={className}>\n\t\t\t{children}\n\t\t\t<FloatingPopover openOnHover={showOnHover} placement={position} content={isCopied ? \"Скопировано!\" : \"Копировать текст\"}>\n\t\t\t\t<button onClick={copyElementText} aria-label={isCopied ? \"Скопировано!\" : \"Копировать текст\"}>\n\t\t\t\t\t{isCopied ? <CheckCheckIcon className=\"block statusSuccess\" /> : <CopyIcon className=\"block statusInfo\" />}\n\t\t\t\t</button>\n\t\t\t</FloatingPopover>\n\t\t</span>\n\t);\n}\n",".wrapper {\n\twidth: var(--control-height);\n\theight: var(--control-height);\n\tmargin: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./IconWrapper.module.scss\";\n\ninterface IconWrapperProps {\n\tchildren: ReactNode;\n\tclassName?: string;\n}\n\nexport function IconWrapper({ className, children }: IconWrapperProps) {\n\treturn <div className={cn(styles.wrapper, className)}>{children}</div>;\n}\n",".componentLoader {\n\tmin-height: 10em;\n}\n","import { type AriaAttributes, type AriaRole, type PropsWithChildren } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { FlexCenter } from \"../flex\";\nimport { Text, type TextColor } from \"../text\";\n\ntype MessageProps = PropsWithChildren<\n\tReadonly<{\n\t\tclassName?: string;\n\t\tcolor?: TextColor;\n\t\tminHeight?: string | number;\n\t\tuppercase?: boolean;\n\t\trole?: AriaRole;\n\t}>\n> &\n\tAriaAttributes;\n\nexport function Message({ className, children, color = \"muted\", role, minHeight, uppercase = true, ...ariaAttributes }: MessageProps) {\n\treturn (\n\t\t<FlexCenter className={cn(\"paddingMd textCenter\", className)} minHeight={minHeight}>\n\t\t\t<Text {...ariaAttributes} as=\"p\" weight=\"bold\" color={color} uppercase={uppercase} role={role}>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</FlexCenter>\n\t);\n}\n","import { type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./LoadingMessage.module.scss\";\nimport { Message } from \"./Message\";\n\ntype LoadingMessageProps = {\n\tclassName?: string;\n\t/** Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке. */\n\tlogo?: ReactNode;\n\ttext?: string;\n};\n\nexport function LoadingMessage({ className, logo, text }: LoadingMessageProps) {\n\treturn (\n\t\t<Message className={cn(styles.componentLoader, logo ? undefined : \"skeletonLine\", className)}>\n\t\t\t{logo}\n\n\t\t\t{text || \"Загрузка...\"}\n\t\t</Message>\n\t);\n}\n","import { Suspense, useSyncExternalStore, type ComponentType, type ReactNode } from \"react\";\n\nimport { useLazyComponent } from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { LoadingMessage } from \"./LoadingMessage\";\n\ntype LazyDynamicComponentProps<T extends object> = {\n\timportFunc: () => Promise<Record<string, ComponentType<T>> | null>;\n\tcomponentName: string;\n\tcacheKey?: string;\n\tclientOnly?: boolean;\n\tfallback?: ReactNode;\n\tprops?: T;\n};\n\nconst subscribeClientOnlyMount = (onStoreChange: () => void) => {\n\tonStoreChange();\n\n\treturn () => undefined;\n};\n\nconst getClientSnapshot = () => true;\nconst getServerSnapshot = () => false;\n\n/**\n * Компонент ленивой загрузки динамически импортируемого React-компонента. Позволяет отложить загрузку тяжелых частей интерфейса до момента использования.\n */\nexport function LazyDynamicComponent<T extends object>({\n\tfallback,\n\timportFunc,\n\tcomponentName,\n\tclientOnly = false,\n\tcacheKey,\n\tprops\n}: LazyDynamicComponentProps<T>) {\n\tconst Component = useLazyComponent(importFunc, componentName, cacheKey);\n\tconst isClient = useSyncExternalStore(subscribeClientOnlyMount, getClientSnapshot, getServerSnapshot);\n\n\tconst fallbackNode = fallback ?? <LoadingMessage text=\"Ожидание компонента...\" />;\n\n\t// Client-only режим нужен для браузерных модулей, которые нельзя даже пытаться импортировать во время SSR.\n\tif (clientOnly && !isClient) return fallbackNode;\n\n\treturn (\n\t\t<Suspense fallback={fallbackNode}>\n\t\t\t{/* eslint-disable-next-line react-hooks/static-components */}\n\t\t\t<Component {...(props ?? ({} as T))} />\n\t\t</Suspense>\n\t);\n}\n","import React from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\ntype SkeletonLineOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\tclassName?: string;\n};\n\ntype SkeletonLineProps<E extends React.ElementType> = SkeletonLineOwnProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof SkeletonLineOwnProps>;\n\nexport function SkeletonLine<E extends React.ElementType>({ as, className, ...props }: SkeletonLineProps<E>) {\n\tconst Component = as || \"div\";\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\tclassName={cn(\"skeletonLine colorTransparent radiusSm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","import React from \"react\";\n\nimport { SkeletonLine } from \"./SkeletonLine\";\n\ninterface LazyValueProps {\n\tvalue: React.ReactNode;\n\tisLoading?: boolean;\n}\n\nexport function LazyValue({ value, isLoading }: LazyValueProps) {\n\treturn isLoading ? <SkeletonLine>Загрузка...</SkeletonLine> : (value ?? \"-\");\n}\n","import { type AriaAttributes, type AriaRole } from \"react\";\n\nimport { Message } from \"./Message\";\n\ntype NoDataProps = Readonly<{\n\tclassName?: string;\n\ttext?: string;\n\tminHeight?: string | number;\n\trole?: AriaRole;\n}> &\n\tAriaAttributes;\n\nexport function NoData({ className, text, role, minHeight = \"5em\", ...ariaAttributes }: NoDataProps) {\n\treturn (\n\t\t<Message {...ariaAttributes} className={className} color=\"muted\" minHeight={minHeight} role={role}>\n\t\t\t{text || \"Нет данных\"}\n\t\t</Message>\n\t);\n}\n","import { type AriaAttributes, type AriaRole, type PropsWithChildren } from \"react\";\n\nimport { Message } from \"./Message\";\n\ntype NoticeProps = PropsWithChildren<\n\tReadonly<{\n\t\tisError?: boolean;\n\t\tclassName?: string;\n\t\trole?: AriaRole;\n\t}>\n> &\n\tAriaAttributes;\n\nexport function Notice({ className, isError, role, children, ...ariaAttributes }: NoticeProps) {\n\treturn (\n\t\t<Message {...ariaAttributes} className={className} color={isError ? \"error\" : \"secondary\"} role={role}>\n\t\t\t{children}\n\t\t</Message>\n\t);\n}\n",".oneStepScroller {\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmin-width: 0;\n}\n\n.ossViewport {\n\toverflow: hidden;\n\toutline: none;\n\tmin-width: 0;\n\tflex: 1 1 auto;\n}\n\n.ossScroller {\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\tgap: var(--space-sm);\n\talign-items: end;\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\tscroll-behavior: smooth;\n\t-webkit-overflow-scrolling: touch;\n\tscrollbar-width: none; /* firefox */\n\n\t::-webkit-scrollbar {\n\t\theight: 0;\n\t}\n}\n\n.ossButton {\n\t// position: absolute;\n\ttop: 0;\n\tz-index: 10;\n\twidth: var(--control-height);\n\theight: 100%;\n\tflex: 0 0 var(--control-height);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t// border: var(--border);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-2);\n\t// background-color: var(--surface-0);\n\t// opacity: 0.75;\n\n\ttransition-property: opacity, color;\n\ttransition-duration: var(--transition-fast);\n\n\t&:hover {\n\t\topacity: 1;\n\t\tcolor: var(--content-0);\n\t}\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t// &.prev {\n\t// \tleft: 0;\n\t// }\n\n\t// &.next {\n\t// \tright: 0;\n\t// }\n}\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\n\nimport styles from \"./OneStepScroller.module.scss\";\n\ninterface OneStepScrollerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t/**\n\t * CSS-селектор элементов, которые считаются \"шагами\" скролла.\n\t * По умолчанию используются прямые потомки скроллера.\n\t */\n\titemSelector?: string;\n\t/**\n\t * Дополнительный внутренний отступ (px) при прокрутке к фокусируемому элементу.\n\t */\n\tscrollPadding?: number;\n\t/**\n\t * Плавная прокрутка для кнопок и авто-доводки до видимости.\n\t */\n\tsmooth?: boolean;\n}\n\nconst EDGE_EPSILON_PX = 1;\n\nfunction maxScrollLeft(scroller: HTMLElement) {\n\treturn Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n}\n\n/**\n * Горизонтальный скроллер \"по одному элементу\".\n *\n * Ожидает элементы фиксированной ширины (или близкой к фиксированной),\n * чтобы шаг скролла соответствовал ширине одного элемента.\n */\nexport function OneStepScroller({ children, className, itemSelector, scrollPadding = 6, smooth = true }: OneStepScrollerProps) {\n\tconst scrollerRef = useRef<HTMLDivElement | null>(null);\n\tconst rafIdRef = useRef<number | null>(null);\n\n\tconst [canScrollPrev, setCanScrollPrev] = useState(false);\n\tconst [canScrollNext, setCanScrollNext] = useState(false);\n\n\t/**\n\t * Получить список элементов-\"шагов\".\n\t *\n\t * Оптимизация: для дефолтного поведения используем `children` DOM-узла,\n\t * чтобы не выполнять `querySelectorAll` на каждый вызов.\n\t */\n\tconst getItems = useCallback((): HTMLElement[] => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return [];\n\n\t\tif (!itemSelector) {\n\t\t\treturn Array.from(scroller.children).filter((node): node is HTMLElement => node instanceof HTMLElement);\n\t\t}\n\n\t\treturn Array.from(scroller.querySelectorAll<HTMLElement>(itemSelector));\n\t}, [itemSelector]);\n\n\t/**\n\t * Найти \"элемент шага\" для произвольного target внутри скроллера.\n\t */\n\tconst findItemForTarget = useCallback(\n\t\t(target: HTMLElement): HTMLElement | null => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return null;\n\n\t\t\tif (itemSelector) {\n\t\t\t\tconst item = target.closest<HTMLElement>(itemSelector);\n\t\t\t\tif (item && scroller.contains(item)) return item;\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet node: HTMLElement | null = target;\n\t\t\twhile (node && node.parentElement && node.parentElement !== scroller) {\n\t\t\t\tnode = node.parentElement;\n\t\t\t}\n\n\t\t\tif (node && node.parentElement === scroller) return node;\n\t\t\treturn null;\n\t\t},\n\t\t[itemSelector]\n\t);\n\n\t/**\n\t * Обновить состояние кнопок \"назад/вперед\".\n\t * Состояние меняется только при реальном отличии, чтобы не триггерить\n\t * лишние перерисовки на каждом событии scroll.\n\t */\n\tconst updateScrollButtons = useCallback(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) {\n\t\t\tsetCanScrollPrev(false);\n\t\t\tsetCanScrollNext(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst maxScrollLeft = Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n\t\tconst current = Math.max(0, Math.min(scroller.scrollLeft, maxScrollLeft));\n\n\t\tconst nextCanScrollPrev = current > EDGE_EPSILON_PX;\n\t\tconst nextCanScrollNext = current < maxScrollLeft - EDGE_EPSILON_PX;\n\n\t\tsetCanScrollPrev((prev) => (prev === nextCanScrollPrev ? prev : nextCanScrollPrev));\n\t\tsetCanScrollNext((prev) => (prev === nextCanScrollNext ? prev : nextCanScrollNext));\n\t}, []);\n\n\t/**\n\t * Запланировать обновление кнопок в следующий animation frame.\n\t * Это снижает частоту вычислений при интенсивном scroll/resize.\n\t */\n\tconst scheduleUpdateScrollButtons = useCallback(() => {\n\t\tif (rafIdRef.current !== null) return;\n\n\t\trafIdRef.current = requestAnimationFrame(() => {\n\t\t\trafIdRef.current = null;\n\t\t\tupdateScrollButtons();\n\t\t});\n\t}, [updateScrollButtons]);\n\n\t/**\n\t * Прокрутка на N элементов (N может быть отрицательным).\n\t */\n\tconst scrollByItems = useCallback(\n\t\t(count: number) => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return;\n\n\t\t\tconst firstItem = getItems()[0];\n\t\t\tif (!firstItem) return;\n\n\t\t\tconst step = firstItem.getBoundingClientRect().width;\n\t\t\tif (!step) return;\n\n\t\t\tconst delta = Math.round(count * step);\n\t\t\tconst maxScrollLeft = Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n\t\t\tconst target = Math.max(0, Math.min(scroller.scrollLeft + delta, maxScrollLeft));\n\n\t\t\tscroller.scrollTo({\n\t\t\t\tleft: target,\n\t\t\t\tbehavior: smooth ? \"smooth\" : \"auto\"\n\t\t\t});\n\t\t},\n\t\t[getItems, smooth]\n\t);\n\n\t/**\n\t * Гарантировать полную видимость элемента в пределах viewport скроллера.\n\t */\n\tconst ensureFullyVisible = useCallback(\n\t\t(el: HTMLElement) => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return;\n\n\t\t\tconst scrollerRect = scroller.getBoundingClientRect();\n\t\t\tconst elementRect = el.getBoundingClientRect();\n\n\t\t\tconst elementLeft = elementRect.left - scrollerRect.left + scroller.scrollLeft;\n\t\t\tconst elementRight = elementLeft + elementRect.width;\n\n\t\t\tconst visibleLeft = scroller.scrollLeft;\n\t\t\tconst visibleRight = scroller.scrollLeft + scroller.clientWidth;\n\n\t\t\tif (elementLeft >= visibleLeft + EDGE_EPSILON_PX && elementRight <= visibleRight - EDGE_EPSILON_PX) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet targetScrollLeft = scroller.scrollLeft;\n\t\t\tif (elementLeft < visibleLeft) {\n\t\t\t\ttargetScrollLeft = Math.max(0, elementLeft - scrollPadding);\n\t\t\t} else if (elementRight > visibleRight) {\n\t\t\t\ttargetScrollLeft = Math.min(maxScrollLeft(scroller), elementRight - scroller.clientWidth + scrollPadding);\n\t\t\t}\n\n\t\t\tscroller.scrollTo({\n\t\t\t\tleft: Math.round(targetScrollLeft),\n\t\t\t\tbehavior: smooth ? \"smooth\" : \"auto\"\n\t\t\t});\n\t\t},\n\t\t[scrollPadding, smooth]\n\t);\n\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return;\n\n\t\tconst handleFocusIn = (event: FocusEvent) => {\n\t\t\tconst target = event.target;\n\t\t\tif (!(target instanceof HTMLElement)) return;\n\n\t\t\tconst item = findItemForTarget(target);\n\t\t\tif (item) ensureFullyVisible(item);\n\t\t};\n\n\t\tscroller.addEventListener(\"focusin\", handleFocusIn);\n\t\treturn () => scroller.removeEventListener(\"focusin\", handleFocusIn);\n\t}, [ensureFullyVisible, findItemForTarget]);\n\n\t/**\n\t * Наблюдаем только за размером скроллера и изменением его DOM-структуры.\n\t * Это дешевле, чем подписка ResizeObserver на каждый элемент + IntersectionObserver.\n\t */\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return;\n\n\t\tconst onScroll = () => scheduleUpdateScrollButtons();\n\t\tscroller.addEventListener(\"scroll\", onScroll, { passive: true });\n\n\t\tlet resizeObserver: ResizeObserver | null = null;\n\t\tif (typeof ResizeObserver !== \"undefined\") {\n\t\t\tresizeObserver = new ResizeObserver(scheduleUpdateScrollButtons);\n\t\t\tresizeObserver.observe(scroller);\n\t\t}\n\n\t\tlet mutationObserver: MutationObserver | null = null;\n\t\tif (typeof MutationObserver !== \"undefined\") {\n\t\t\tmutationObserver = new MutationObserver(scheduleUpdateScrollButtons);\n\t\t\tmutationObserver.observe(scroller, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: false\n\t\t\t});\n\t\t}\n\n\t\tscheduleUpdateScrollButtons();\n\n\t\treturn () => {\n\t\t\tscroller.removeEventListener(\"scroll\", onScroll);\n\t\t\tresizeObserver?.disconnect();\n\t\t\tmutationObserver?.disconnect();\n\n\t\t\tif (rafIdRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(rafIdRef.current);\n\t\t\t\trafIdRef.current = null;\n\t\t\t}\n\t\t};\n\t}, [scheduleUpdateScrollButtons]);\n\n\t/**\n\t * При изменении children просим пересчитать видимость кнопок.\n\t */\n\tuseEffect(() => {\n\t\tscheduleUpdateScrollButtons();\n\t}, [children, scheduleUpdateScrollButtons]);\n\n\tconst handlePrev = () => scrollByItems(-1);\n\tconst handleNext = () => scrollByItems(1);\n\n\t/**\n\t * Клавиатурная доступность: стрелки влево/вправо двигают на один шаг.\n\t */\n\tconst onWrapperKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.defaultPrevented) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.key === \"ArrowLeft\") {\n\t\t\te.preventDefault();\n\t\t\thandlePrev();\n\t\t} else if (e.key === \"ArrowRight\") {\n\t\t\te.preventDefault();\n\t\t\thandleNext();\n\t\t}\n\t};\n\n\tconst hasScroll = canScrollPrev || canScrollNext;\n\n\treturn (\n\t\t<div className={cn(styles.oneStepScroller, className)} style={{ position: \"relative\" }}>\n\t\t\t{hasScroll && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Прокрутить шаг влево\"\n\t\t\t\t\tclassName={styles.ossButton}\n\t\t\t\t\tonClick={handlePrev}\n\t\t\t\t\tdisabled={!canScrollPrev}>\n\t\t\t\t\t<ChevronLeftIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\n\t\t\t<div className={styles.ossViewport} onKeyDown={onWrapperKeyDown} role=\"group\" aria-label=\"Элементы прокрутки\">\n\t\t\t\t<div className={styles.ossScroller} ref={scrollerRef} aria-live=\"polite\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{hasScroll && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Прокрутить шаг вправо\"\n\t\t\t\t\tclassName={styles.ossButton}\n\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\tdisabled={!canScrollNext}>\n\t\t\t\t\t<ChevronRightIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nexport interface ScrollableProps extends ComponentPropsWithoutRef<\"div\"> {\n\theight?: string | number;\n\tstable?: boolean;\n\toverscroll?: boolean;\n}\n\nexport function Scrollable({\n\tref,\n\tchildren,\n\theight,\n\tstable,\n\toverscroll,\n\tclassName,\n\tstyle,\n\t...htmlProps\n}: ScrollableProps & { ref?: Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<div\n\t\t\t{...htmlProps}\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"scrollable\", stable && \"stable\", overscroll && \"overscroll\", className)}\n\t\t\tstyle={{ ...style, height: height ?? style?.height }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport interface ScrollableBlockProps extends ScrollableProps {\n\tblockClassName?: string;\n}\n\nexport function ScrollableBlock({ ref, blockClassName, ...props }: ScrollableBlockProps & { ref?: Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<div className={cn(blockClassName, \"overflowHidden w100 h100\")}>\n\t\t\t<Scrollable ref={ref} {...props} />\n\t\t</div>\n\t);\n}\n",".stateWrapper {\n\ttext-decoration: none;\n\tcolor: inherit;\n\tdisplay: block;\n\n\t// border: var(--border-width) solid var(--state-border-color, transparent);\n\tborder-left-style: solid;\n\tborder-left-color: var(--state-border-color, transparent);\n\tborder-left-width: 0.0625em; // 1px\n\tpadding-left: 0.25em; // 4px + 1px border\n\n\t&.status {\n\t\tborder-left-width: 0.3125em; // 5px\n\t\tpadding-left: 0;\n\n\t\t&.information {\n\t\t\tborder-left-color: var(--info-fill);\n\t\t}\n\n\t\t&.success {\n\t\t\tborder-left-color: var(--success-fill);\n\t\t}\n\n\t\t&.warning {\n\t\t\tborder-left-color: var(--warning-fill);\n\t\t}\n\n\t\t&.error {\n\t\t\tborder-left-color: var(--error-fill);\n\t\t}\n\t}\n}\n\n.state {\n\t&.information {\n\t\tcolor: var(--info-text);\n\n\t\tfill: var(--info-fill);\n\t\tstroke: var(--info-on-fill);\n\t}\n\n\t&.success {\n\t\tcolor: var(--success-text);\n\n\t\tfill: var(--success-fill);\n\t\tstroke: var(--success-on-fill);\n\t}\n\n\t&.warning {\n\t\tcolor: var(--warning-text);\n\n\t\tfill: var(--warning-fill);\n\t\tstroke: var(--warning-on-fill);\n\t\tstroke-width: 2px;\n\t}\n\n\t&.error {\n\t\tcolor: var(--error-text);\n\n\t\tfill: var(--error-fill);\n\t\tstroke: var(--error-on-fill);\n\t}\n}\n","import { State } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CircleAlertIcon, CircleCheckIcon, CircleXIcon, InfoIcon } from \"lucide-react\";\n\nimport styles from \"./State.module.scss\";\n\ninterface StateIconProps {\n\tstate: State;\n\ttext: string;\n\tclassName?: string;\n}\n\nexport function StateIcon({ state = \"none\", text, className }: StateIconProps) {\n\tconst renderIcon = () => {\n\t\tswitch (state) {\n\t\t\tcase \"error\":\n\t\t\t\treturn <ErrorIcon />;\n\t\t\tcase \"warning\":\n\t\t\t\treturn <WarningIcon />;\n\t\t\tcase \"success\":\n\t\t\t\treturn <SuccessIcon />;\n\t\t\tcase \"information\":\n\t\t\t\treturn <InformationIcon />;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={cn(\"flexCenter gapSm\", className)}>\n\t\t\t{renderIcon()}\n\t\t\t{text}\n\t\t</div>\n\t);\n}\n\ninterface RenderStateIconProps {\n\tstate?: State;\n}\n\nexport function RenderStateIcon({ state }: RenderStateIconProps) {\n\tswitch (state) {\n\t\tcase \"error\":\n\t\t\treturn <ErrorIcon />;\n\t\tcase \"warning\":\n\t\t\treturn <WarningIcon />;\n\t\tcase \"success\":\n\t\t\treturn <SuccessIcon />;\n\t\tcase \"information\":\n\t\t\treturn <InformationIcon />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nexport function ErrorIcon() {\n\treturn <CircleXIcon className={cn(styles.state, styles.error)} />;\n}\nexport function WarningIcon() {\n\treturn <CircleAlertIcon className={cn(styles.state, styles.warning)} />;\n}\nexport function SuccessIcon() {\n\treturn <CircleCheckIcon className={cn(styles.state, styles.success)} />;\n}\nexport function InformationIcon() {\n\treturn <InfoIcon className={cn(styles.state, styles.information)} />;\n}\n","import React from \"react\";\n\nimport { State } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\nimport styles from \"./State.module.scss\";\n\ntype StateWrapperOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\tstate?: State;\n\tclassName?: string;\n};\n\ntype StateWrapperProps<E extends React.ElementType> = StateWrapperOwnProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof StateWrapperOwnProps>;\n\nexport function StateWrapper<E extends React.ElementType>({ as, state, className, ...props }: StateWrapperProps<E>) {\n\tconst status = state?.toLowerCase() ?? \"none\";\n\tconst statusClass = styles[status as keyof typeof styles];\n\tconst isStatused = status && status !== \"none\";\n\n\tconst Component = as || \"div\";\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\tclassName={cn(styles.stateWrapper, isStatused && styles.status, statusClass, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"misc-Dcr24uDY.js","names":[],"sources":["../../src/misc/AnimatedLogo.module.scss","../../src/misc/AnimatedLogo.tsx","../../src/misc/AnimatedLogoSegment.tsx","../../src/misc/CopyTextWrapper.tsx","../../src/misc/IconWrapper.module.scss","../../src/misc/IconWrapper.tsx","../../src/misc/LoadingMessage.module.scss","../../src/misc/Message.tsx","../../src/misc/LoadingMessage.tsx","../../src/misc/LazyDynamicComponent.tsx","../../src/misc/SkeletonLine.tsx","../../src/misc/LazyValue.tsx","../../src/misc/NoData.tsx","../../src/misc/Notice.tsx","../../src/misc/OneStepScroller.module.scss","../../src/misc/OneStepScroller.tsx","../../src/misc/Scrollable.tsx","../../src/misc/State.module.scss","../../src/misc/StateIcon.tsx","../../src/misc/StateWrapper.tsx"],"sourcesContent":[".logo {\n\tsvg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n}\n\n.segment {\n\topacity: 0.2;\n\tanimation: pulseSteps 2s ease-in-out infinite;\n}\n\n@keyframes pulseSteps {\n\t0% {\n\t\topacity: 0.2;\n\t}\n\n\t35%,\n\t55% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0.2;\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.segment {\n\t\tanimation: none;\n\t\topacity: 1;\n\t}\n}\n","import { type ComponentPropsWithoutRef, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./AnimatedLogo.module.scss\";\n\ntype AnimatedLogoProps = Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> & {\n\tchildren: ReactNode;\n};\n\n/**\n * Контейнер анимированного логотипа без брендовой SVG-разметки.\n * Host-проект передаёт собственный `svg`, а его визуальные части оборачивает в `AnimatedLogoSegment`.\n */\nexport function AnimatedLogo({ children, className, ...htmlProps }: AnimatedLogoProps) {\n\treturn (\n\t\t<div {...htmlProps} className={cn(styles.logo, className)}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./AnimatedLogo.module.scss\";\n\ntype AnimatedLogoSegmentProps = Omit<ComponentPropsWithoutRef<\"g\">, \"children\"> & {\n\tchildren: ReactNode;\n\torder: number;\n};\n\n/**\n * Анимирует одну смысловую часть host-логотипа и сдвигает её pulse относительно предыдущих частей.\n * `order` задаётся с нуля в визуальной последовательности сегментов и преобразуется в шаг задержки 200 мс.\n */\nexport function AnimatedLogoSegment({ children, className, order, style, ...svgGroupProps }: AnimatedLogoSegmentProps) {\n\treturn (\n\t\t<g {...svgGroupProps} className={cn(styles.segment, className)} style={{ ...style, animationDelay: `${order * 200}ms` }}>\n\t\t\t{children}\n\t\t</g>\n\t);\n}\n","import { Placement } from \"@floating-ui/react\";\nimport { useCopyElementTextWithFeedback } from \"@ryuzaki13/react-foundation-lib/copy\";\nimport { CheckCheckIcon, CopyIcon } from \"lucide-react\";\n\nimport { FloatingPopover } from \"../popover\";\n\ninterface CopyTextWrapperProps {\n\tchildren: React.ReactNode;\n\tposition?: Placement;\n\tshowOnHover?: boolean;\n\tclassName?: string;\n}\n\nexport function CopyTextWrapper({ children, position = \"top\", showOnHover = true, className }: CopyTextWrapperProps) {\n\tconst { containerRef, copyElementText, isCopied } = useCopyElementTextWithFeedback<HTMLSpanElement>();\n\n\treturn (\n\t\t<span ref={containerRef} className={className}>\n\t\t\t{children}\n\t\t\t<FloatingPopover openOnHover={showOnHover} placement={position} content={isCopied ? \"Скопировано!\" : \"Копировать текст\"}>\n\t\t\t\t<button onClick={copyElementText} aria-label={isCopied ? \"Скопировано!\" : \"Копировать текст\"}>\n\t\t\t\t\t{isCopied ? <CheckCheckIcon className=\"block statusSuccess\" /> : <CopyIcon className=\"block statusInfo\" />}\n\t\t\t\t</button>\n\t\t\t</FloatingPopover>\n\t\t</span>\n\t);\n}\n",".wrapper {\n\twidth: var(--control-height);\n\theight: var(--control-height);\n\tmargin: auto;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./IconWrapper.module.scss\";\n\ninterface IconWrapperProps {\n\tchildren: ReactNode;\n\tclassName?: string;\n}\n\nexport function IconWrapper({ className, children }: IconWrapperProps) {\n\treturn <div className={cn(styles.wrapper, className)}>{children}</div>;\n}\n",".componentLoader {\n\tmin-height: 10em;\n}\n","import { type AriaAttributes, type AriaRole, type PropsWithChildren } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { FlexCenter } from \"../flex\";\nimport { Text, type TextColor } from \"../text\";\n\ntype MessageProps = PropsWithChildren<\n\tReadonly<{\n\t\tclassName?: string;\n\t\tcolor?: TextColor;\n\t\tminHeight?: string | number;\n\t\tuppercase?: boolean;\n\t\trole?: AriaRole;\n\t}>\n> &\n\tAriaAttributes;\n\nexport function Message({ className, children, color = \"muted\", role, minHeight, uppercase = true, ...ariaAttributes }: MessageProps) {\n\treturn (\n\t\t<FlexCenter className={cn(\"paddingMd textCenter\", className)} minHeight={minHeight}>\n\t\t\t<Text {...ariaAttributes} as=\"p\" weight=\"bold\" color={color} uppercase={uppercase} role={role}>\n\t\t\t\t{children}\n\t\t\t</Text>\n\t\t</FlexCenter>\n\t);\n}\n","import { type ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport styles from \"./LoadingMessage.module.scss\";\nimport { Message } from \"./Message\";\n\ntype LoadingMessageProps = {\n\tclassName?: string;\n\t/** Готовый брендовый знак, которым host-проект при необходимости дополняет сообщение о загрузке. */\n\tlogo?: ReactNode;\n\ttext?: string;\n};\n\nexport function LoadingMessage({ className, logo, text }: LoadingMessageProps) {\n\treturn (\n\t\t<Message className={cn(styles.componentLoader, logo ? undefined : \"skeletonLine\", className)}>\n\t\t\t{logo}\n\n\t\t\t{text || \"Загрузка...\"}\n\t\t</Message>\n\t);\n}\n","import { Suspense, useSyncExternalStore, type ComponentType, type ReactNode } from \"react\";\n\nimport { useLazyComponent } from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { LoadingMessage } from \"./LoadingMessage\";\n\ntype LazyDynamicComponentProps<T extends object> = {\n\timportFunc: () => Promise<Record<string, ComponentType<T>> | null>;\n\tcomponentName: string;\n\tcacheKey?: string;\n\tclientOnly?: boolean;\n\tfallback?: ReactNode;\n\tprops?: T;\n};\n\nconst subscribeClientOnlyMount = (onStoreChange: () => void) => {\n\tonStoreChange();\n\n\treturn () => undefined;\n};\n\nconst getClientSnapshot = () => true;\nconst getServerSnapshot = () => false;\n\n/**\n * Компонент ленивой загрузки динамически импортируемого React-компонента. Позволяет отложить загрузку тяжелых частей интерфейса до момента использования.\n */\nexport function LazyDynamicComponent<T extends object>({\n\tfallback,\n\timportFunc,\n\tcomponentName,\n\tclientOnly = false,\n\tcacheKey,\n\tprops\n}: LazyDynamicComponentProps<T>) {\n\tconst Component = useLazyComponent(importFunc, componentName, cacheKey);\n\tconst isClient = useSyncExternalStore(subscribeClientOnlyMount, getClientSnapshot, getServerSnapshot);\n\n\tconst fallbackNode = fallback ?? <LoadingMessage text=\"Ожидание компонента...\" />;\n\n\t// Client-only режим нужен для браузерных модулей, которые нельзя даже пытаться импортировать во время SSR.\n\tif (clientOnly && !isClient) return fallbackNode;\n\n\treturn (\n\t\t<Suspense fallback={fallbackNode}>\n\t\t\t{/* eslint-disable-next-line react-hooks/static-components */}\n\t\t\t<Component {...(props ?? ({} as T))} />\n\t\t</Suspense>\n\t);\n}\n","import React from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\ntype SkeletonLineOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\tclassName?: string;\n};\n\ntype SkeletonLineProps<E extends React.ElementType> = SkeletonLineOwnProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof SkeletonLineOwnProps>;\n\nexport function SkeletonLine<E extends React.ElementType>({ as, className, ...props }: SkeletonLineProps<E>) {\n\tconst Component = as || \"div\";\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\tclassName={cn(\"skeletonLine colorTransparent radiusSm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","import React from \"react\";\n\nimport { SkeletonLine } from \"./SkeletonLine\";\n\ninterface LazyValueProps {\n\tvalue: React.ReactNode;\n\tisLoading?: boolean;\n}\n\nexport function LazyValue({ value, isLoading }: LazyValueProps) {\n\treturn isLoading ? <SkeletonLine>Загрузка...</SkeletonLine> : (value ?? \"-\");\n}\n","import { type AriaAttributes, type AriaRole } from \"react\";\n\nimport { Message } from \"./Message\";\n\ntype NoDataProps = Readonly<{\n\tclassName?: string;\n\ttext?: string;\n\tminHeight?: string | number;\n\trole?: AriaRole;\n}> &\n\tAriaAttributes;\n\nexport function NoData({ className, text, role, minHeight = \"5em\", ...ariaAttributes }: NoDataProps) {\n\treturn (\n\t\t<Message {...ariaAttributes} className={className} color=\"muted\" minHeight={minHeight} role={role}>\n\t\t\t{text || \"Нет данных\"}\n\t\t</Message>\n\t);\n}\n","import { type AriaAttributes, type AriaRole, type PropsWithChildren } from \"react\";\n\nimport { Message } from \"./Message\";\n\ntype NoticeProps = PropsWithChildren<\n\tReadonly<{\n\t\tisError?: boolean;\n\t\tclassName?: string;\n\t\trole?: AriaRole;\n\t}>\n> &\n\tAriaAttributes;\n\nexport function Notice({ className, isError, role, children, ...ariaAttributes }: NoticeProps) {\n\treturn (\n\t\t<Message {...ariaAttributes} className={className} color={isError ? \"error\" : \"secondary\"} role={role}>\n\t\t\t{children}\n\t\t</Message>\n\t);\n}\n",".oneStepScroller {\n\toverflow: hidden;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmin-width: 0;\n}\n\n.ossViewport {\n\toverflow: hidden;\n\toutline: none;\n\tmin-width: 0;\n\tflex: 1 1 auto;\n}\n\n.ossScroller {\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\tgap: var(--space-sm);\n\talign-items: end;\n\toverflow-x: auto;\n\toverflow-y: hidden;\n\tscroll-behavior: smooth;\n\t-webkit-overflow-scrolling: touch;\n\tscrollbar-width: none; /* firefox */\n\n\t::-webkit-scrollbar {\n\t\theight: 0;\n\t}\n}\n\n.ossButton {\n\t// position: absolute;\n\ttop: 0;\n\tz-index: 10;\n\twidth: var(--control-height);\n\theight: 100%;\n\tflex: 0 0 var(--control-height);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t// border: var(--border);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-2);\n\t// background-color: var(--surface-0);\n\t// opacity: 0.75;\n\n\ttransition-property: opacity, color;\n\ttransition-duration: var(--transition-fast);\n\n\t&:hover {\n\t\topacity: 1;\n\t\tcolor: var(--content-0);\n\t}\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t// &.prev {\n\t// \tleft: 0;\n\t// }\n\n\t// &.next {\n\t// \tright: 0;\n\t// }\n}\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\n\nimport styles from \"./OneStepScroller.module.scss\";\n\ninterface OneStepScrollerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\t/**\n\t * CSS-селектор элементов, которые считаются \"шагами\" скролла.\n\t * По умолчанию используются прямые потомки скроллера.\n\t */\n\titemSelector?: string;\n\t/**\n\t * Дополнительный внутренний отступ (px) при прокрутке к фокусируемому элементу.\n\t */\n\tscrollPadding?: number;\n\t/**\n\t * Плавная прокрутка для кнопок и авто-доводки до видимости.\n\t */\n\tsmooth?: boolean;\n}\n\nconst EDGE_EPSILON_PX = 1;\n\nfunction maxScrollLeft(scroller: HTMLElement) {\n\treturn Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n}\n\n/**\n * Горизонтальный скроллер \"по одному элементу\".\n *\n * Ожидает элементы фиксированной ширины (или близкой к фиксированной),\n * чтобы шаг скролла соответствовал ширине одного элемента.\n */\nexport function OneStepScroller({ children, className, itemSelector, scrollPadding = 6, smooth = true }: OneStepScrollerProps) {\n\tconst scrollerRef = useRef<HTMLDivElement | null>(null);\n\tconst rafIdRef = useRef<number | null>(null);\n\n\tconst [canScrollPrev, setCanScrollPrev] = useState(false);\n\tconst [canScrollNext, setCanScrollNext] = useState(false);\n\n\t/**\n\t * Получить список элементов-\"шагов\".\n\t *\n\t * Оптимизация: для дефолтного поведения используем `children` DOM-узла,\n\t * чтобы не выполнять `querySelectorAll` на каждый вызов.\n\t */\n\tconst getItems = useCallback((): HTMLElement[] => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return [];\n\n\t\tif (!itemSelector) {\n\t\t\treturn Array.from(scroller.children).filter((node): node is HTMLElement => node instanceof HTMLElement);\n\t\t}\n\n\t\treturn Array.from(scroller.querySelectorAll<HTMLElement>(itemSelector));\n\t}, [itemSelector]);\n\n\t/**\n\t * Найти \"элемент шага\" для произвольного target внутри скроллера.\n\t */\n\tconst findItemForTarget = useCallback(\n\t\t(target: HTMLElement): HTMLElement | null => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return null;\n\n\t\t\tif (itemSelector) {\n\t\t\t\tconst item = target.closest<HTMLElement>(itemSelector);\n\t\t\t\tif (item && scroller.contains(item)) return item;\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tlet node: HTMLElement | null = target;\n\t\t\twhile (node && node.parentElement && node.parentElement !== scroller) {\n\t\t\t\tnode = node.parentElement;\n\t\t\t}\n\n\t\t\tif (node && node.parentElement === scroller) return node;\n\t\t\treturn null;\n\t\t},\n\t\t[itemSelector]\n\t);\n\n\t/**\n\t * Обновить состояние кнопок \"назад/вперед\".\n\t * Состояние меняется только при реальном отличии, чтобы не триггерить\n\t * лишние перерисовки на каждом событии scroll.\n\t */\n\tconst updateScrollButtons = useCallback(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) {\n\t\t\tsetCanScrollPrev(false);\n\t\t\tsetCanScrollNext(false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst maxScrollLeft = Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n\t\tconst current = Math.max(0, Math.min(scroller.scrollLeft, maxScrollLeft));\n\n\t\tconst nextCanScrollPrev = current > EDGE_EPSILON_PX;\n\t\tconst nextCanScrollNext = current < maxScrollLeft - EDGE_EPSILON_PX;\n\n\t\tsetCanScrollPrev((prev) => (prev === nextCanScrollPrev ? prev : nextCanScrollPrev));\n\t\tsetCanScrollNext((prev) => (prev === nextCanScrollNext ? prev : nextCanScrollNext));\n\t}, []);\n\n\t/**\n\t * Запланировать обновление кнопок в следующий animation frame.\n\t * Это снижает частоту вычислений при интенсивном scroll/resize.\n\t */\n\tconst scheduleUpdateScrollButtons = useCallback(() => {\n\t\tif (rafIdRef.current !== null) return;\n\n\t\trafIdRef.current = requestAnimationFrame(() => {\n\t\t\trafIdRef.current = null;\n\t\t\tupdateScrollButtons();\n\t\t});\n\t}, [updateScrollButtons]);\n\n\t/**\n\t * Прокрутка на N элементов (N может быть отрицательным).\n\t */\n\tconst scrollByItems = useCallback(\n\t\t(count: number) => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return;\n\n\t\t\tconst firstItem = getItems()[0];\n\t\t\tif (!firstItem) return;\n\n\t\t\tconst step = firstItem.getBoundingClientRect().width;\n\t\t\tif (!step) return;\n\n\t\t\tconst delta = Math.round(count * step);\n\t\t\tconst maxScrollLeft = Math.max(0, scroller.scrollWidth - scroller.clientWidth);\n\t\t\tconst target = Math.max(0, Math.min(scroller.scrollLeft + delta, maxScrollLeft));\n\n\t\t\tscroller.scrollTo({\n\t\t\t\tleft: target,\n\t\t\t\tbehavior: smooth ? \"smooth\" : \"auto\"\n\t\t\t});\n\t\t},\n\t\t[getItems, smooth]\n\t);\n\n\t/**\n\t * Гарантировать полную видимость элемента в пределах viewport скроллера.\n\t */\n\tconst ensureFullyVisible = useCallback(\n\t\t(el: HTMLElement) => {\n\t\t\tconst scroller = scrollerRef.current;\n\t\t\tif (!scroller) return;\n\n\t\t\tconst scrollerRect = scroller.getBoundingClientRect();\n\t\t\tconst elementRect = el.getBoundingClientRect();\n\n\t\t\tconst elementLeft = elementRect.left - scrollerRect.left + scroller.scrollLeft;\n\t\t\tconst elementRight = elementLeft + elementRect.width;\n\n\t\t\tconst visibleLeft = scroller.scrollLeft;\n\t\t\tconst visibleRight = scroller.scrollLeft + scroller.clientWidth;\n\n\t\t\tif (elementLeft >= visibleLeft + EDGE_EPSILON_PX && elementRight <= visibleRight - EDGE_EPSILON_PX) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet targetScrollLeft = scroller.scrollLeft;\n\t\t\tif (elementLeft < visibleLeft) {\n\t\t\t\ttargetScrollLeft = Math.max(0, elementLeft - scrollPadding);\n\t\t\t} else if (elementRight > visibleRight) {\n\t\t\t\ttargetScrollLeft = Math.min(maxScrollLeft(scroller), elementRight - scroller.clientWidth + scrollPadding);\n\t\t\t}\n\n\t\t\tscroller.scrollTo({\n\t\t\t\tleft: Math.round(targetScrollLeft),\n\t\t\t\tbehavior: smooth ? \"smooth\" : \"auto\"\n\t\t\t});\n\t\t},\n\t\t[scrollPadding, smooth]\n\t);\n\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return;\n\n\t\tconst handleFocusIn = (event: FocusEvent) => {\n\t\t\tconst target = event.target;\n\t\t\tif (!(target instanceof HTMLElement)) return;\n\n\t\t\tconst item = findItemForTarget(target);\n\t\t\tif (item) ensureFullyVisible(item);\n\t\t};\n\n\t\tscroller.addEventListener(\"focusin\", handleFocusIn);\n\t\treturn () => scroller.removeEventListener(\"focusin\", handleFocusIn);\n\t}, [ensureFullyVisible, findItemForTarget]);\n\n\t/**\n\t * Наблюдаем только за размером скроллера и изменением его DOM-структуры.\n\t * Это дешевле, чем подписка ResizeObserver на каждый элемент + IntersectionObserver.\n\t */\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return;\n\n\t\tconst onScroll = () => scheduleUpdateScrollButtons();\n\t\tscroller.addEventListener(\"scroll\", onScroll, { passive: true });\n\n\t\tlet resizeObserver: ResizeObserver | null = null;\n\t\tif (typeof ResizeObserver !== \"undefined\") {\n\t\t\tresizeObserver = new ResizeObserver(scheduleUpdateScrollButtons);\n\t\t\tresizeObserver.observe(scroller);\n\t\t}\n\n\t\tlet mutationObserver: MutationObserver | null = null;\n\t\tif (typeof MutationObserver !== \"undefined\") {\n\t\t\tmutationObserver = new MutationObserver(scheduleUpdateScrollButtons);\n\t\t\tmutationObserver.observe(scroller, {\n\t\t\t\tchildList: true,\n\t\t\t\tsubtree: false\n\t\t\t});\n\t\t}\n\n\t\tscheduleUpdateScrollButtons();\n\n\t\treturn () => {\n\t\t\tscroller.removeEventListener(\"scroll\", onScroll);\n\t\t\tresizeObserver?.disconnect();\n\t\t\tmutationObserver?.disconnect();\n\n\t\t\tif (rafIdRef.current !== null) {\n\t\t\t\tcancelAnimationFrame(rafIdRef.current);\n\t\t\t\trafIdRef.current = null;\n\t\t\t}\n\t\t};\n\t}, [scheduleUpdateScrollButtons]);\n\n\t/**\n\t * При изменении children просим пересчитать видимость кнопок.\n\t */\n\tuseEffect(() => {\n\t\tscheduleUpdateScrollButtons();\n\t}, [children, scheduleUpdateScrollButtons]);\n\n\tconst handlePrev = () => scrollByItems(-1);\n\tconst handleNext = () => scrollByItems(1);\n\n\t/**\n\t * Клавиатурная доступность: стрелки влево/вправо двигают на один шаг.\n\t */\n\tconst onWrapperKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.defaultPrevented) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (e.key === \"ArrowLeft\") {\n\t\t\te.preventDefault();\n\t\t\thandlePrev();\n\t\t} else if (e.key === \"ArrowRight\") {\n\t\t\te.preventDefault();\n\t\t\thandleNext();\n\t\t}\n\t};\n\n\tconst hasScroll = canScrollPrev || canScrollNext;\n\n\treturn (\n\t\t<div className={cn(styles.oneStepScroller, className)} style={{ position: \"relative\" }}>\n\t\t\t{hasScroll && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Прокрутить шаг влево\"\n\t\t\t\t\tclassName={styles.ossButton}\n\t\t\t\t\tonClick={handlePrev}\n\t\t\t\t\tdisabled={!canScrollPrev}>\n\t\t\t\t\t<ChevronLeftIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\n\t\t\t<div className={styles.ossViewport} onKeyDown={onWrapperKeyDown} role=\"group\" aria-label=\"Элементы прокрутки\">\n\t\t\t\t<div className={styles.ossScroller} ref={scrollerRef} aria-live=\"polite\">\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{hasScroll && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Прокрутить шаг вправо\"\n\t\t\t\t\tclassName={styles.ossButton}\n\t\t\t\t\tonClick={handleNext}\n\t\t\t\t\tdisabled={!canScrollNext}>\n\t\t\t\t\t<ChevronRightIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { type ComponentPropsWithoutRef, type Ref } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nexport interface ScrollableProps extends ComponentPropsWithoutRef<\"div\"> {\n\theight?: string | number;\n\tstable?: boolean;\n\toverscroll?: boolean;\n}\n\nexport function Scrollable({\n\tref,\n\tchildren,\n\theight,\n\tstable,\n\toverscroll,\n\tclassName,\n\tstyle,\n\t...htmlProps\n}: ScrollableProps & { ref?: Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<div\n\t\t\t{...htmlProps}\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"scrollable\", stable && \"stable\", overscroll && \"overscroll\", className)}\n\t\t\tstyle={{ ...style, height: height ?? style?.height }}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nexport interface ScrollableBlockProps extends ScrollableProps {\n\tblockClassName?: string;\n}\n\nexport function ScrollableBlock({ ref, blockClassName, ...props }: ScrollableBlockProps & { ref?: Ref<HTMLDivElement> }) {\n\treturn (\n\t\t<div className={cn(blockClassName, \"overflowHidden w100 h100\")}>\n\t\t\t<Scrollable ref={ref} {...props} />\n\t\t</div>\n\t);\n}\n",".stateWrapper {\n\ttext-decoration: none;\n\tcolor: inherit;\n\tdisplay: block;\n\n\t// border: var(--border-width) solid var(--state-border-color, transparent);\n\tborder-left-style: solid;\n\tborder-left-color: var(--state-border-color, transparent);\n\tborder-left-width: 0.0625em; // 1px\n\tpadding-left: 0.25em; // 4px + 1px border\n\n\t&.status {\n\t\tborder-left-width: 0.3125em; // 5px\n\t\tpadding-left: 0;\n\n\t\t&.information {\n\t\t\tborder-left-color: var(--info-fill);\n\t\t}\n\n\t\t&.success {\n\t\t\tborder-left-color: var(--success-fill);\n\t\t}\n\n\t\t&.warning {\n\t\t\tborder-left-color: var(--warning-fill);\n\t\t}\n\n\t\t&.error {\n\t\t\tborder-left-color: var(--error-fill);\n\t\t}\n\t}\n}\n\n.state {\n\t&.information {\n\t\tcolor: var(--info-text);\n\n\t\tfill: var(--info-fill);\n\t\tstroke: var(--info-on-fill);\n\t}\n\n\t&.success {\n\t\tcolor: var(--success-text);\n\n\t\tfill: var(--success-fill);\n\t\tstroke: var(--success-on-fill);\n\t}\n\n\t&.warning {\n\t\tcolor: var(--warning-text);\n\n\t\tfill: var(--warning-fill);\n\t\tstroke: var(--warning-on-fill);\n\t\tstroke-width: 2px;\n\t}\n\n\t&.error {\n\t\tcolor: var(--error-text);\n\n\t\tfill: var(--error-fill);\n\t\tstroke: var(--error-on-fill);\n\t}\n}\n","import { State } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CircleAlertIcon, CircleCheckIcon, CircleXIcon, InfoIcon } from \"lucide-react\";\n\nimport styles from \"./State.module.scss\";\n\ninterface StateIconProps {\n\tstate: State;\n\ttext: string;\n\tclassName?: string;\n}\n\nexport function StateIcon({ state = \"none\", text, className }: StateIconProps) {\n\tconst renderIcon = () => {\n\t\tswitch (state) {\n\t\t\tcase \"error\":\n\t\t\t\treturn <ErrorIcon />;\n\t\t\tcase \"warning\":\n\t\t\t\treturn <WarningIcon />;\n\t\t\tcase \"success\":\n\t\t\t\treturn <SuccessIcon />;\n\t\t\tcase \"information\":\n\t\t\t\treturn <InformationIcon />;\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={cn(\"flexCenter gapSm\", className)}>\n\t\t\t{renderIcon()}\n\t\t\t{text}\n\t\t</div>\n\t);\n}\n\ninterface RenderStateIconProps {\n\tstate?: State;\n}\n\nexport function RenderStateIcon({ state }: RenderStateIconProps) {\n\tswitch (state) {\n\t\tcase \"error\":\n\t\t\treturn <ErrorIcon />;\n\t\tcase \"warning\":\n\t\t\treturn <WarningIcon />;\n\t\tcase \"success\":\n\t\t\treturn <SuccessIcon />;\n\t\tcase \"information\":\n\t\t\treturn <InformationIcon />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n}\n\nexport function ErrorIcon() {\n\treturn <CircleXIcon className={cn(styles.state, styles.error)} />;\n}\nexport function WarningIcon() {\n\treturn <CircleAlertIcon className={cn(styles.state, styles.warning)} />;\n}\nexport function SuccessIcon() {\n\treturn <CircleCheckIcon className={cn(styles.state, styles.success)} />;\n}\nexport function InformationIcon() {\n\treturn <InfoIcon className={cn(styles.state, styles.information)} />;\n}\n","import React from \"react\";\n\nimport { State } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\nimport styles from \"./State.module.scss\";\n\ntype StateWrapperOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\tstate?: State;\n\tclassName?: string;\n};\n\ntype StateWrapperProps<E extends React.ElementType> = StateWrapperOwnProps<E> &\n\tOmit<React.ComponentPropsWithRef<E>, keyof StateWrapperOwnProps>;\n\nexport function StateWrapper<E extends React.ElementType>({ as, state, className, ...props }: StateWrapperProps<E>) {\n\tconst status = state?.toLowerCase() ?? \"none\";\n\tconst statusClass = styles[status as keyof typeof styles];\n\tconst isStatused = status && status !== \"none\";\n\n\tconst Component = as || \"div\";\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\tclassName={cn(styles.stateWrapper, isStatused && styles.status, statusClass, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;ACcA,SAAgB,EAAa,EAAE,aAAU,cAAW,GAAG,KAAgC;CACtF,OACC,kBAAC,OAAD;EAAK,GAAI;EAAW,WAAW,EAAG,EAAO,MAAM,CAAS;EACtD;CACG,CAAA;AAEP;;;ACLA,SAAgB,EAAoB,EAAE,aAAU,cAAW,UAAO,UAAO,GAAG,KAA2C;CACtH,OACC,kBAAC,KAAD;EAAG,GAAI;EAAe,WAAW,EAAG,EAAO,SAAS,CAAS;EAAG,OAAO;GAAE,GAAG;GAAO,gBAAgB,GAAG,IAAQ,IAAI;EAAI;EACpH;CACC,CAAA;AAEL;;;ACRA,SAAgB,EAAgB,EAAE,aAAU,cAAW,OAAO,iBAAc,IAAM,gBAAmC;CACpH,IAAM,EAAE,iBAAc,oBAAiB,gBAAa,EAAgD;CAEpG,OACC,kBAAC,QAAD;EAAM,KAAK;EAAyB;EAApC,UAAA,CACE,GACD,kBAAC,GAAD;GAAiB,aAAa;GAAa,WAAW;GAAU,SAAS,IAAW,iBAAiB;GACpG,UAAA,kBAAC,UAAD;IAAQ,SAAS;IAAiB,cAAY,IAAW,iBAAiB;IACxE,UAAA,IAAW,kBAAC,GAAD,EAAgB,WAAU,sBAAuB,CAAA,IAAI,kBAAC,GAAD,EAAU,WAAU,mBAAoB,CAAA;GAClG,CAAA;EACQ,CAAA,CACZ;;AAER;;;;AEfA,SAAgB,EAAY,EAAE,cAAW,eAA8B;CACtE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAAI;CAAc,CAAA;AACtE;;;;AEKA,SAAgB,EAAQ,EAAE,cAAW,aAAU,WAAQ,SAAS,SAAM,cAAW,eAAY,IAAM,GAAG,KAAgC;CACrI,OACC,kBAAC,GAAD;EAAY,WAAW,EAAG,wBAAwB,CAAS;EAAc;EACxE,UAAA,kBAAC,GAAD;GAAM,GAAI;GAAgB,IAAG;GAAI,QAAO;GAAc;GAAkB;GAAiB;GACvF;EACI,CAAA;CACK,CAAA;AAEd;;;ACZA,SAAgB,EAAe,EAAE,cAAW,SAAM,WAA6B;CAC9E,OACC,kBAAC,GAAD;EAAS,WAAW,EAAG,EAAO,iBAAiB,IAAO,KAAA,IAAY,gBAAgB,CAAS;EAA3F,UAAA,CACE,GAEA,KAAQ,aACD;;AAEX;;;ACPA,IAAM,KAA4B,OACjC,EAAc,SAED,KAAA,IAGR,UAA0B,IAC1B,UAA0B;AAKhC,SAAgB,EAAuC,EACtD,aACA,eACA,kBACA,gBAAa,IACb,aACA,YACgC;CAChC,IAAM,IAAY,EAAiB,GAAY,GAAe,CAAQ,GAChE,IAAW,EAAqB,GAA0B,GAAmB,CAAiB,GAE9F,IAAe,KAAY,kBAAC,GAAD,EAAgB,MAAK,yBAA0B,CAAA;CAKhF,OAFI,KAAc,CAAC,IAAiB,IAGnC,kBAAC,GAAD;EAAU,UAAU;EAEnB,UAAA,kBAAC,GAAD,EAAW,GAAK,KAAU,CAAC,EAAW,CAAA;CAC7B,CAAA;AAEZ;;;ACpCA,SAAgB,EAA0C,EAAE,OAAI,cAAW,GAAG,KAA+B;CAG5G,OACC,kBAAC,GAAD;EACC,IAJgB,KAAM;EAKtB,WAAW,EAAG,0CAA0C,CAAS;EACjE,GAAI;CACJ,CAAA;AAEH;;;ACdA,SAAgB,EAAU,EAAE,UAAO,gBAA6B;CAC/D,OAAO,IAAY,kBAAC,GAAD,EAAA,UAAc,cAAyB,CAAA,IAAK,KAAS;AACzE;;;ACCA,SAAgB,EAAO,EAAE,cAAW,SAAM,SAAM,eAAY,OAAO,GAAG,KAA+B;CACpG,OACC,kBAAC,GAAD;EAAS,GAAI;EAA2B;EAAW,OAAM;EAAmB;EAAiB;EAC3F,UAAA,KAAQ;CACD,CAAA;AAEX;;;ACLA,SAAgB,EAAO,EAAE,cAAW,YAAS,SAAM,aAAU,GAAG,KAA+B;CAC9F,OACC,kBAAC,GAAD;EAAS,GAAI;EAA2B;EAAW,OAAO,IAAU,UAAU;EAAmB;EAC/F;CACO,CAAA;AAEX;;;;;;GEMM,IAAkB;AAExB,SAAS,EAAc,GAAuB;CAC7C,OAAO,KAAK,IAAI,GAAG,EAAS,cAAc,EAAS,WAAW;AAC/D;AAQA,SAAgB,EAAgB,EAAE,aAAU,cAAW,iBAAc,mBAAgB,GAAG,YAAS,MAA8B;CAC9H,IAAM,IAAc,EAA8B,IAAI,GAChD,IAAW,EAAsB,IAAI,GAErC,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,CAAC,GAAe,KAAoB,EAAS,EAAK,GAQlD,IAAW,QAAiC;EACjD,IAAM,IAAW,EAAY;EAO7B,OANK,IAEA,IAIE,MAAM,KAAK,EAAS,iBAA8B,CAAY,CAAC,IAH9D,MAAM,KAAK,EAAS,QAAQ,CAAC,CAAC,QAAQ,MAA8B,aAAgB,WAAW,IAHjF,CAAC;CAOxB,GAAG,CAAC,CAAY,CAAC,GAKX,IAAoB,GACxB,MAA4C;EAC5C,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU,OAAO;EAEtB,IAAI,GAAc;GACjB,IAAM,IAAO,EAAO,QAAqB,CAAY;GAErD,OADI,KAAQ,EAAS,SAAS,CAAI,IAAU,IACrC;EACR;EAEA,IAAI,IAA2B;EAC/B,OAAO,KAAQ,EAAK,iBAAiB,EAAK,kBAAkB,IAC3D,IAAO,EAAK;EAIb,OADI,KAAQ,EAAK,kBAAkB,IAAiB,IAC7C;CACR,GACA,CAAC,CAAY,CACd,GAOM,IAAsB,QAAkB;EAC7C,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU;GAEd,AADA,EAAiB,EAAK,GACtB,EAAiB,EAAK;GACtB;EACD;EAEA,IAAM,IAAgB,KAAK,IAAI,GAAG,EAAS,cAAc,EAAS,WAAW,GACvE,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,EAAS,YAAY,CAAa,CAAC,GAElE,IAAoB,IAAU,GAC9B,IAAoB,IAAU,IAAgB;EAGpD,AADA,GAAkB,MAAU,MAAS,IAAoB,IAAO,CAAkB,GAClF,GAAkB,MAAU,MAAS,IAAoB,IAAO,CAAkB;CACnF,GAAG,CAAC,CAAC,GAMC,IAA8B,QAAkB;EACjD,EAAS,YAAY,SAEzB,EAAS,UAAU,4BAA4B;GAE9C,AADA,EAAS,UAAU,MACnB,EAAoB;EACrB,CAAC;CACF,GAAG,CAAC,CAAmB,CAAC,GAKlB,IAAgB,GACpB,MAAkB;EAClB,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU;EAEf,IAAM,IAAY,EAAS,CAAC,CAAC;EAC7B,IAAI,CAAC,GAAW;EAEhB,IAAM,IAAO,EAAU,sBAAsB,CAAC,CAAC;EAC/C,IAAI,CAAC,GAAM;EAEX,IAAM,IAAQ,KAAK,MAAM,IAAQ,CAAI,GAC/B,IAAgB,KAAK,IAAI,GAAG,EAAS,cAAc,EAAS,WAAW,GACvE,IAAS,KAAK,IAAI,GAAG,KAAK,IAAI,EAAS,aAAa,GAAO,CAAa,CAAC;EAE/E,EAAS,SAAS;GACjB,MAAM;GACN,UAAU,IAAS,WAAW;EAC/B,CAAC;CACF,GACA,CAAC,GAAU,CAAM,CAClB,GAKM,IAAqB,GACzB,MAAoB;EACpB,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU;EAEf,IAAM,IAAe,EAAS,sBAAsB,GAC9C,IAAc,EAAG,sBAAsB,GAEvC,IAAc,EAAY,OAAO,EAAa,OAAO,EAAS,YAC9D,IAAe,IAAc,EAAY,OAEzC,IAAc,EAAS,YACvB,IAAe,EAAS,aAAa,EAAS;EAEpD,IAAI,KAAe,IAAc,KAAmB,KAAgB,IAAe,GAClF;EAGD,IAAI,IAAmB,EAAS;EAOhC,AANI,IAAc,IACjB,IAAmB,KAAK,IAAI,GAAG,IAAc,CAAa,IAChD,IAAe,MACzB,IAAmB,KAAK,IAAI,EAAc,CAAQ,GAAG,IAAe,EAAS,cAAc,CAAa,IAGzG,EAAS,SAAS;GACjB,MAAM,KAAK,MAAM,CAAgB;GACjC,UAAU,IAAS,WAAW;EAC/B,CAAC;CACF,GACA,CAAC,GAAe,CAAM,CACvB;CA6DA,AA3DA,QAAgB;EACf,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU;EAEf,IAAM,KAAiB,MAAsB;GAC5C,IAAM,IAAS,EAAM;GACrB,IAAI,EAAE,aAAkB,cAAc;GAEtC,IAAM,IAAO,EAAkB,CAAM;GACrC,AAAI,KAAM,EAAmB,CAAI;EAClC;EAGA,OADA,EAAS,iBAAiB,WAAW,CAAa,SACrC,EAAS,oBAAoB,WAAW,CAAa;CACnE,GAAG,CAAC,GAAoB,CAAiB,CAAC,GAM1C,QAAgB;EACf,IAAM,IAAW,EAAY;EAC7B,IAAI,CAAC,GAAU;EAEf,IAAM,UAAiB,EAA4B;EACnD,EAAS,iBAAiB,UAAU,GAAU,EAAE,SAAS,GAAK,CAAC;EAE/D,IAAI,IAAwC;EAC5C,AAAI,OAAO,iBAAmB,QAC7B,IAAiB,IAAI,eAAe,CAA2B,GAC/D,EAAe,QAAQ,CAAQ;EAGhC,IAAI,IAA4C;EAWhD,OAVI,OAAO,mBAAqB,QAC/B,IAAmB,IAAI,iBAAiB,CAA2B,GACnE,EAAiB,QAAQ,GAAU;GAClC,WAAW;GACX,SAAS;EACV,CAAC,IAGF,EAA4B,SAEf;GAKZ,AAJA,EAAS,oBAAoB,UAAU,CAAQ,GAC/C,GAAgB,WAAW,GAC3B,GAAkB,WAAW,GAEzB,EAAS,YAAY,SACxB,qBAAqB,EAAS,OAAO,GACrC,EAAS,UAAU;EAErB;CACD,GAAG,CAAC,CAA2B,CAAC,GAKhC,QAAgB;EACf,EAA4B;CAC7B,GAAG,CAAC,GAAU,CAA2B,CAAC;CAE1C,IAAM,UAAmB,EAAc,EAAE,GACnC,UAAmB,EAAc,CAAC,GAKlC,KAAoB,MAA2B;EAChD,EAAE,qBAIF,EAAE,QAAQ,eACb,EAAE,eAAe,GACjB,EAAW,KACD,EAAE,QAAQ,iBACpB,EAAE,eAAe,GACjB,EAAW;CAEb,GAEM,IAAY,KAAiB;CAEnC,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,iBAAiB,CAAS;EAAG,OAAO,EAAE,UAAU,WAAW;EAArF,UAAA;GACE,KACA,kBAAC,UAAD;IACC,MAAK;IACL,cAAW;IACX,WAAW,EAAO;IAClB,SAAS;IACT,UAAU,CAAC;IACX,UAAA,kBAAC,GAAD,CAAkB,CAAA;GACX,CAAA;GAGT,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAa,WAAW;IAAkB,MAAK;IAAQ,cAAW;IACxF,UAAA,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAa,KAAK;KAAa,aAAU;KAC9D;IACG,CAAA;GACD,CAAA;GAEJ,KACA,kBAAC,UAAD;IACC,MAAK;IACL,cAAW;IACX,WAAW,EAAO;IAClB,SAAS;IACT,UAAU,CAAC;IACX,UAAA,kBAAC,GAAD,CAAmB,CAAA;GACZ,CAAA;EAEL;;AAEP;;;AClSA,SAAgB,EAAW,EAC1B,QACA,aACA,WACA,WACA,eACA,cACA,UACA,GAAG,KACgD;CACnD,OACC,kBAAC,OAAD;EACC,GAAI;EACC;EACL,WAAW,EAAG,cAAc,KAAU,UAAU,KAAc,cAAc,CAAS;EACrF,OAAO;GAAE,GAAG;GAAO,QAAQ,KAAU,GAAO;EAAO;EAClD;CACG,CAAA;AAEP;;;;;;;;;;;;AEjBA,SAAgB,EAAU,EAAE,WAAQ,QAAQ,SAAM,gBAA6B;CAgB9E,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,oBAAoB,CAAS;EAAhD,UAAA,QAhBwB;GACxB,QAAQ,GAAR;IACC,KAAK,SACJ,OAAO,kBAAC,GAAD,CAAY,CAAA;IACpB,KAAK,WACJ,OAAO,kBAAC,GAAD,CAAc,CAAA;IACtB,KAAK,WACJ,OAAO,kBAAC,GAAD,CAAc,CAAA;IACtB,KAAK,eACJ,OAAO,kBAAC,GAAD,CAAkB,CAAA;IAC1B,SACC,OAAO;GACT;EACD,EAIG,CAAW,GACX,CACG;;AAEP;AAMA,SAAgB,EAAgB,EAAE,YAA+B;CAChE,QAAQ,GAAR;EACC,KAAK,SACJ,OAAO,kBAAC,GAAD,CAAY,CAAA;EACpB,KAAK,WACJ,OAAO,kBAAC,GAAD,CAAc,CAAA;EACtB,KAAK,WACJ,OAAO,kBAAC,GAAD,CAAc,CAAA;EACtB,KAAK,eACJ,OAAO,kBAAC,GAAD,CAAkB,CAAA;EAC1B,SACC,OAAO;CACT;AACD;AAEA,SAAgB,IAAY;CAC3B,OAAO,kBAAC,GAAD,EAAa,WAAW,EAAG,EAAO,OAAO,EAAO,KAAK,EAAI,CAAA;AACjE;AACA,SAAgB,IAAc;CAC7B,OAAO,kBAAC,GAAD,EAAiB,WAAW,EAAG,EAAO,OAAO,EAAO,OAAO,EAAI,CAAA;AACvE;AACA,SAAgB,IAAc;CAC7B,OAAO,kBAAC,GAAD,EAAiB,WAAW,EAAG,EAAO,OAAO,EAAO,OAAO,EAAI,CAAA;AACvE;AACA,SAAgB,IAAkB;CACjC,OAAO,kBAAC,GAAD,EAAU,WAAW,EAAG,EAAO,OAAO,EAAO,WAAW,EAAI,CAAA;AACpE;;;ACjDA,SAAgB,EAA0C,EAAE,OAAI,UAAO,cAAW,GAAG,KAA+B;CACnH,IAAM,IAAS,GAAO,YAAY,KAAK,QACjC,IAAc,EAAO,IACrB,IAAa,KAAU,MAAW;CAIxC,OACC,kBAAC,GAAD;EACC,IAJgB,KAAM;EAKtB,WAAW,EAAG,EAAO,cAAc,KAAc,EAAO,QAAQ,GAAa,CAAS;EACtF,GAAI;CACJ,CAAA;AAEH"}