@ryuzaki13/react-foundation-ui 0.1.0

package/dist/tabs/stories/Tabs.stories.d.ts

@@ -0,0 +1,94 @@
+import { TabsBox, type TabsBoxItem } from "..";
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: typeof TabsBox;
+    args: {
+        items: TabsBoxItem[];
+        orientation: "horizontal";
+        activationMode: "automatic";
+        mountStrategy: "unmount";
+        isLoading: false;
+        loadingText: string;
+        bordered: false;
+        loop: true;
+    };
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        items: {
+            description: string;
+            control: false;
+        };
+        value: {
+            description: string;
+            control: "text";
+        };
+        defaultValue: {
+            description: string;
+            control: "text";
+        };
+        onValueChange: {
+            description: string;
+            control: false;
+        };
+        orientation: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        activationMode: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        mountStrategy: {
+            description: string;
+            control: "inline-radio";
+            options: string[];
+        };
+        bordered: {
+            description: string;
+            control: "boolean";
+        };
+        loop: {
+            description: string;
+            control: "boolean";
+        };
+        className: {
+            description: string;
+            control: "text";
+        };
+        isLoading: {
+            description: string;
+            control: "boolean";
+        };
+        loadingText: {
+            description: string;
+            control: "text";
+        };
+        "aria-label": {
+            description: string;
+            control: "text";
+        };
+        "aria-labelledby": {
+            description: string;
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BoxBasic: Story;
+export declare const BoxControlled: Story;
+export declare const BoxVertical: Story;
+export declare const BoxMountStrategies: Story;
+export declare const DisabledTabs: Story;
+export declare const LayoutPanels: Story;
+export declare const LegacyTabs: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=Tabs.stories.d.ts.map

package/dist/tabs/stories/Tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA4H5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}

package/dist/tabs/stories/Tabs.stories.js

@@ -0,0 +1,283 @@
+import { c as e } from "../../chunks/misc-DrmMj8GO.js";
+import { n as t, r as n, t as r } from "../../chunks/tabs-CjU2KCgs.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useState as o } from "react";
+//#region src/tabs/stories/Tabs.stories.tsx
+var s = {
+	padding: 16,
+	display: "grid",
+	gap: 12
+}, c = [
+	{
+		id: "profile",
+		title: "Профиль",
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "Карточка пользователя и основные поля профиля."
+		})
+	},
+	{
+		id: "settings",
+		title: "Настройки",
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "Параметры интерфейса, уведомлений и доступа."
+		})
+	},
+	{
+		id: "history",
+		title: "История",
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "Последние действия, комментарии и изменения."
+		})
+	}
+];
+function l({ label: e }) {
+	let [t, n] = o(0);
+	return /* @__PURE__ */ a("div", {
+		style: s,
+		children: [
+			/* @__PURE__ */ a("div", { children: ["Панель: ", e] }),
+			/* @__PURE__ */ a("div", { children: ["Локальный счётчик: ", t] }),
+			/* @__PURE__ */ i("button", {
+				type: "button",
+				onClick: () => n((e) => e + 1),
+				children: "Увеличить"
+			})
+		]
+	});
+}
+var u = [
+	{
+		id: "first",
+		title: "Первая",
+		content: /* @__PURE__ */ i(l, { label: "Первая" })
+	},
+	{
+		id: "second",
+		title: "Вторая",
+		content: /* @__PURE__ */ i(l, { label: "Вторая" })
+	},
+	{
+		id: "third",
+		title: "Третья",
+		content: /* @__PURE__ */ i(l, { label: "Третья" })
+	}
+], d = [
+	{
+		id: "overview",
+		title: "Обзор",
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "Раздел доступен сразу."
+		})
+	},
+	{
+		id: "analytics",
+		title: "Аналитика",
+		disabled: !0,
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "Пока недоступно."
+		})
+	},
+	{
+		id: "history",
+		title: "История",
+		content: /* @__PURE__ */ i("div", {
+			style: s,
+			children: "История изменений и действий."
+		})
+	}
+], f = Array.from({ length: 12 }, (e, t) => `Элемент ${t + 1}`);
+function p() {
+	let [t, n] = o("details");
+	return /* @__PURE__ */ i("div", {
+		style: { height: 360 },
+		children: /* @__PURE__ */ a(r, {
+			value: t,
+			onValueChange: n,
+			bordered: !0,
+			"aria-label": "Составные панели документа",
+			children: [/* @__PURE__ */ a(r.Tab, {
+				id: "details",
+				title: "Детали",
+				children: [
+					/* @__PURE__ */ i(r.Toolbar, { children: /* @__PURE__ */ i("div", {
+						className: "surface0 border radiusSm paddingSm",
+						children: "Панель инструментов вне scroll-области."
+					}) }),
+					/* @__PURE__ */ i(r.Content, { children: /* @__PURE__ */ a("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "1fr 1fr",
+							gap: 12,
+							height: "100%"
+						},
+						children: [/* @__PURE__ */ i(e, {
+							className: "surface0 border radiusSm paddingSm h100",
+							children: f.map((e) => /* @__PURE__ */ a("div", {
+								className: "paddingBlockXs",
+								children: ["Левая колонка: ", e]
+							}, `left-${e}`))
+						}), /* @__PURE__ */ i(e, {
+							className: "surface0 border radiusSm paddingSm h100",
+							children: f.map((e) => /* @__PURE__ */ a("div", {
+								className: "paddingBlockXs",
+								children: ["Правая колонка: ", e]
+							}, `right-${e}`))
+						})]
+					}) }),
+					/* @__PURE__ */ i(r.Footer, { children: /* @__PURE__ */ i("div", {
+						className: "surface0 border radiusSm paddingSm",
+						children: "Футер тоже исключён из scroll-контента."
+					}) })
+				]
+			}), /* @__PURE__ */ i(r.Tab, {
+				id: "history",
+				title: "История",
+				children: /* @__PURE__ */ i(r.Content, { children: /* @__PURE__ */ i(e, {
+					className: "surface0 border radiusSm paddingSm h100",
+					children: f.map((e) => /* @__PURE__ */ a("div", {
+						className: "paddingBlockXs",
+						children: ["История изменения: ", e]
+					}, `history-${e}`))
+				}) })
+			})]
+		})
+	});
+}
+var m = {
+	title: "Shared/UI/Tabs",
+	component: n,
+	args: {
+		items: c,
+		orientation: "horizontal",
+		activationMode: "automatic",
+		mountStrategy: "unmount",
+		isLoading: !1,
+		loadingText: "Загрузка вкладок...",
+		bordered: !1,
+		loop: !0
+	},
+	parameters: {
+		atomicCanvas: !0,
+		layout: "padded"
+	},
+	tags: ["autodocs"],
+	argTypes: {
+		items: {
+			description: "Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.",
+			control: !1
+		},
+		value: {
+			description: "Активная вкладка в controlled-режиме.",
+			control: "text"
+		},
+		defaultValue: {
+			description: "Начальная вкладка в uncontrolled-режиме.",
+			control: "text"
+		},
+		onValueChange: {
+			description: "Вызывается при смене активной вкладки.",
+			control: !1
+		},
+		orientation: {
+			description: "Направление списка вкладок.",
+			control: "inline-radio",
+			options: ["horizontal", "vertical"]
+		},
+		activationMode: {
+			description: "Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.",
+			control: "inline-radio",
+			options: ["automatic", "manual"]
+		},
+		mountStrategy: {
+			description: "Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.",
+			control: "inline-radio",
+			options: [
+				"unmount",
+				"lazy",
+				"keep-mounted"
+			]
+		},
+		bordered: {
+			description: "Добавляет рамку вокруг области панелей.",
+			control: "boolean"
+		},
+		loop: {
+			description: "Разрешает циклическую навигацию стрелками и Home/End.",
+			control: "boolean"
+		},
+		className: {
+			description: "Дополнительный CSS-класс корневого контейнера.",
+			control: "text"
+		},
+		isLoading: {
+			description: "Показывает loading-состояние `TabsBox`.",
+			control: "boolean"
+		},
+		loadingText: {
+			description: "Текст внутри loading-состояния.",
+			control: "text"
+		},
+		"aria-label": {
+			description: "Текстовая подпись для `tablist`, если рядом нет видимого заголовка.",
+			control: "text"
+		},
+		"aria-labelledby": {
+			description: "Ссылка на внешний заголовок `tablist`.",
+			control: "text"
+		}
+	}
+}, h = { args: { "aria-label": "Основные разделы профиля" } }, g = {
+	render: (e) => {
+		let [t, r] = o("settings");
+		return /* @__PURE__ */ i(n, {
+			...e,
+			value: t,
+			onValueChange: r
+		});
+	},
+	args: {
+		value: "settings",
+		"aria-label": "Управляемые вкладки"
+	}
+}, _ = {
+	render: (e) => /* @__PURE__ */ i("div", {
+		style: { height: 320 },
+		children: /* @__PURE__ */ i(n, { ...e })
+	}),
+	args: {
+		orientation: "vertical",
+		bordered: !0,
+		"aria-label": "Вертикальные вкладки"
+	}
+}, v = {
+	render: (e) => /* @__PURE__ */ i(n, {
+		...e,
+		items: u
+	}),
+	args: {
+		mountStrategy: "lazy",
+		"aria-label": "Демонстрация стратегий монтирования"
+	}
+}, y = { args: {
+	items: d,
+	"aria-label": "Вкладки с недоступным разделом"
+} }, b = { render: () => /* @__PURE__ */ i(p, {}) }, x = {
+	render: (e) => /* @__PURE__ */ i(t, {
+		...e,
+		items: c,
+		"aria-label": "Устаревший совместимый API"
+	}),
+	parameters: { docs: { description: { story: "Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`." } } }
+}, S = { args: {
+	isLoading: !0,
+	items: c
+} }, C = { args: { items: [] } };
+//#endregion
+export { h as BoxBasic, g as BoxControlled, v as BoxMountStrategies, _ as BoxVertical, y as DisabledTabs, C as Empty, b as LayoutPanels, x as LegacyTabs, S as Loading, m as default };
+
+//# sourceMappingURL=Tabs.stories.js.map

package/dist/tabs/stories/Tabs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.stories.js","names":[],"sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import { useState, type CSSProperties } from \"react\";\n\nimport { Scrollable } from \"../../misc\";\nimport { Tabs, TabsBox, TabsLayout, type TabsBoxItem } from \"..\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst panelStyle = { padding: 16, display: \"grid\", gap: 12 } satisfies CSSProperties;\n\nconst demoItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"profile\",\n\t\ttitle: \"Профиль\",\n\t\tcontent: <div style={panelStyle}>Карточка пользователя и основные поля профиля.</div>\n\t},\n\t{\n\t\tid: \"settings\",\n\t\ttitle: \"Настройки\",\n\t\tcontent: <div style={panelStyle}>Параметры интерфейса, уведомлений и доступа.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>Последние действия, комментарии и изменения.</div>\n\t}\n];\n\nfunction StatefulPanel({ label }: { label: string }) {\n\tconst [counter, setCounter] = useState(0);\n\n\treturn (\n\t\t<div style={panelStyle}>\n\t\t\t<div>Панель: {label}</div>\n\t\t\t<div>Локальный счётчик: {counter}</div>\n\t\t\t<button type=\"button\" onClick={() => setCounter((prev) => prev + 1)}>\n\t\t\t\tУвеличить\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\nconst lifecycleItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"first\",\n\t\ttitle: \"Первая\",\n\t\tcontent: <StatefulPanel label=\"Первая\" />\n\t},\n\t{\n\t\tid: \"second\",\n\t\ttitle: \"Вторая\",\n\t\tcontent: <StatefulPanel label=\"Вторая\" />\n\t},\n\t{\n\t\tid: \"third\",\n\t\ttitle: \"Третья\",\n\t\tcontent: <StatefulPanel label=\"Третья\" />\n\t}\n];\n\nconst disabledItems: TabsBoxItem[] = [\n\t{\n\t\tid: \"overview\",\n\t\ttitle: \"Обзор\",\n\t\tcontent: <div style={panelStyle}>Раздел доступен сразу.</div>\n\t},\n\t{\n\t\tid: \"analytics\",\n\t\ttitle: \"Аналитика\",\n\t\tdisabled: true,\n\t\tcontent: <div style={panelStyle}>Пока недоступно.</div>\n\t},\n\t{\n\t\tid: \"history\",\n\t\ttitle: \"История\",\n\t\tcontent: <div style={panelStyle}>История изменений и действий.</div>\n\t}\n];\n\nconst longLines = Array.from({ length: 12 }, (_, index) => `Элемент ${index + 1}`);\n\nfunction LayoutStory() {\n\tconst [value, setValue] = useState(\"details\");\n\n\treturn (\n\t\t<div style={{ height: 360 }}>\n\t\t\t<TabsLayout value={value} onValueChange={setValue} bordered aria-label=\"Составные панели документа\">\n\t\t\t\t<TabsLayout.Tab id=\"details\" title=\"Детали\">\n\t\t\t\t\t<TabsLayout.Toolbar>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Панель инструментов вне scroll-области.</div>\n\t\t\t\t\t</TabsLayout.Toolbar>\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gridTemplateColumns: \"1fr 1fr\", gap: 12, height: \"100%\" }}>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`left-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tЛевая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t\t<div key={`right-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\t\tПравая колонка: {line}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t\t<TabsLayout.Footer>\n\t\t\t\t\t\t<div className=\"surface0 border radiusSm paddingSm\">Футер тоже исключён из scroll-контента.</div>\n\t\t\t\t\t</TabsLayout.Footer>\n\t\t\t\t</TabsLayout.Tab>\n\n\t\t\t\t<TabsLayout.Tab id=\"history\" title=\"История\">\n\t\t\t\t\t<TabsLayout.Content>\n\t\t\t\t\t\t<Scrollable className=\"surface0 border radiusSm paddingSm h100\">\n\t\t\t\t\t\t\t{longLines.map((line) => (\n\t\t\t\t\t\t\t\t<div key={`history-${line}`} className=\"paddingBlockXs\">\n\t\t\t\t\t\t\t\t\tИстория изменения: {line}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Scrollable>\n\t\t\t\t\t</TabsLayout.Content>\n\t\t\t\t</TabsLayout.Tab>\n\t\t\t</TabsLayout>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/Tabs\",\n\tcomponent: TabsBox,\n\targs: {\n\t\titems: demoItems,\n\t\torientation: \"horizontal\",\n\t\tactivationMode: \"automatic\",\n\t\tmountStrategy: \"unmount\",\n\t\tisLoading: false,\n\t\tloadingText: \"Загрузка вкладок...\",\n\t\tbordered: false,\n\t\tloop: true\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\titems: {\n\t\t\tdescription: \"Набор вкладок для `TabsBox`. Каждая вкладка задаётся через `id`, `title`, `content` и опциональный `disabled`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Активная вкладка в controlled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdefaultValue: {\n\t\t\tdescription: \"Начальная вкладка в uncontrolled-режиме.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonValueChange: {\n\t\t\tdescription: \"Вызывается при смене активной вкладки.\",\n\t\t\tcontrol: false\n\t\t},\n\t\torientation: {\n\t\t\tdescription: \"Направление списка вкладок.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"horizontal\", \"vertical\"]\n\t\t},\n\t\tactivationMode: {\n\t\t\tdescription: \"Режим клавиатурной активации: `automatic` меняет вкладку стрелками, `manual` только переводит фокус.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"automatic\", \"manual\"]\n\t\t},\n\t\tmountStrategy: {\n\t\t\tdescription: \"Политика монтирования панелей: `unmount`, `lazy` или `keep-mounted`.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"unmount\", \"lazy\", \"keep-mounted\"]\n\t\t},\n\t\tbordered: {\n\t\t\tdescription: \"Добавляет рамку вокруг области панелей.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloop: {\n\t\t\tdescription: \"Разрешает циклическую навигацию стрелками и Home/End.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс корневого контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tisLoading: {\n\t\t\tdescription: \"Показывает loading-состояние `TabsBox`.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tloadingText: {\n\t\t\tdescription: \"Текст внутри loading-состояния.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-label\": {\n\t\t\tdescription: \"Текстовая подпись для `tablist`, если рядом нет видимого заголовка.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\t\"aria-labelledby\": {\n\t\t\tdescription: \"Ссылка на внешний заголовок `tablist`.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof TabsBox>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BoxBasic: Story = {\n\targs: {\n\t\t\"aria-label\": \"Основные разделы профиля\"\n\t}\n};\n\nexport const BoxControlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"settings\");\n\n\t\treturn <TabsBox {...args} value={value} onValueChange={setValue} />;\n\t},\n\targs: {\n\t\tvalue: \"settings\",\n\t\t\"aria-label\": \"Управляемые вкладки\"\n\t}\n};\n\nexport const BoxVertical: Story = {\n\trender: (args) => (\n\t\t<div style={{ height: 320 }}>\n\t\t\t<TabsBox {...args} />\n\t\t</div>\n\t),\n\targs: {\n\t\torientation: \"vertical\",\n\t\tbordered: true,\n\t\t\"aria-label\": \"Вертикальные вкладки\"\n\t}\n};\n\nexport const BoxMountStrategies: Story = {\n\trender: (args) => <TabsBox {...args} items={lifecycleItems} />,\n\targs: {\n\t\tmountStrategy: \"lazy\",\n\t\t\"aria-label\": \"Демонстрация стратегий монтирования\"\n\t}\n};\n\nexport const DisabledTabs: Story = {\n\targs: {\n\t\titems: disabledItems,\n\t\t\"aria-label\": \"Вкладки с недоступным разделом\"\n\t}\n};\n\nexport const LayoutPanels: Story = {\n\trender: () => <LayoutStory />\n};\n\nexport const LegacyTabs: Story = {\n\trender: (args) => <Tabs {...args} items={demoItems} aria-label=\"Устаревший совместимый API\" />,\n\tparameters: {\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tstory: \"Совместимый фасад поверх `TabsBox`. Новый функционал добавляется только в `TabsBox` и `TabsLayout`.\"\n\t\t\t}\n\t\t}\n\t}\n};\n\nexport const Loading: Story = {\n\targs: {\n\t\tisLoading: true,\n\t\titems: demoItems\n\t}\n};\n\nexport const Empty: Story = {\n\targs: {\n\t\titems: []\n\t}\n};\n"],"mappings":";;;;;AAOA,IAAM,IAAa;CAAE,SAAS;CAAI,SAAS;CAAQ,KAAK;AAAG,GAErD,IAA2B;CAChC;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAAmD,CAAA;CACrF;CACA;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAAiD,CAAA;CACnF;CACA;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAAiD,CAAA;CACnF;AACD;AAEA,SAAS,EAAc,EAAE,YAA4B;CACpD,IAAM,CAAC,GAAS,KAAc,EAAS,CAAC;CAExC,OACC,kBAAC,OAAD;EAAK,OAAO;YAAZ;GACC,kBAAC,OAAD,EAAA,UAAA,CAAK,YAAS,CAAW,EAAA,CAAA;GACzB,kBAAC,OAAD,EAAA,UAAA,CAAK,uBAAoB,CAAa,EAAA,CAAA;GACtC,kBAAC,UAAD;IAAQ,MAAK;IAAS,eAAe,GAAY,MAAS,IAAO,CAAC;cAAG;GAE7D,CAAA;EACJ;;AAEP;AAEA,IAAM,IAAgC;CACrC;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,GAAD,EAAe,OAAM,SAAU,CAAA;CACzC;CACA;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,GAAD,EAAe,OAAM,SAAU,CAAA;CACzC;CACA;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,GAAD,EAAe,OAAM,SAAU,CAAA;CACzC;AACD,GAEM,IAA+B;CACpC;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAA2B,CAAA;CAC7D;CACA;EACC,IAAI;EACJ,OAAO;EACP,UAAU;EACV,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAAqB,CAAA;CACvD;CACA;EACC,IAAI;EACJ,OAAO;EACP,SAAS,kBAAC,OAAD;GAAK,OAAO;aAAY;EAAkC,CAAA;CACpE;AACD,GAEM,IAAY,MAAM,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAU,WAAW,IAAQ,GAAG;AAEjF,SAAS,IAAc;CACtB,IAAM,CAAC,GAAO,KAAY,EAAS,SAAS;CAE5C,OACC,kBAAC,OAAD;EAAK,OAAO,EAAE,QAAQ,IAAI;YACzB,kBAAC,GAAD;GAAmB;GAAO,eAAe;GAAU,UAAA;GAAS,cAAW;aAAvE,CACC,kBAAC,EAAW,KAAZ;IAAgB,IAAG;IAAU,OAAM;cAAnC;KACC,kBAAC,EAAW,SAAZ,EAAA,UACC,kBAAC,OAAD;MAAK,WAAU;gBAAqC;KAA4C,CAAA,EAC7E,CAAA;KACpB,kBAAC,EAAW,SAAZ,EAAA,UACC,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,qBAAqB;OAAW,KAAK;OAAI,QAAQ;MAAO;gBAAvF,CACC,kBAAC,GAAD;OAAY,WAAU;iBACpB,EAAU,KAAK,MACf,kBAAC,OAAD;QAA0B,WAAU;kBAApC,CAAqD,mBACpC,CACZ;UAFK,QAAQ,GAEb,CACL;MACU,CAAA,GACZ,kBAAC,GAAD;OAAY,WAAU;iBACpB,EAAU,KAAK,MACf,kBAAC,OAAD;QAA2B,WAAU;kBAArC,CAAsD,oBACpC,CACb;UAFK,SAAS,GAEd,CACL;MACU,CAAA,CACR;QACc,CAAA;KACpB,kBAAC,EAAW,QAAZ,EAAA,UACC,kBAAC,OAAD;MAAK,WAAU;gBAAqC;KAA4C,CAAA,EAC9E,CAAA;IACJ;OAEhB,kBAAC,EAAW,KAAZ;IAAgB,IAAG;IAAU,OAAM;cAClC,kBAAC,EAAW,SAAZ,EAAA,UACC,kBAAC,GAAD;KAAY,WAAU;eACpB,EAAU,KAAK,MACf,kBAAC,OAAD;MAA6B,WAAU;gBAAvC,CAAwD,uBACnC,CAChB;QAFK,WAAW,GAEhB,CACL;IACU,CAAA,EACO,CAAA;GACL,CAAA,CACL;;CACR,CAAA;AAEP;AAEA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,gBAAgB;EAChB,eAAe;EACf,WAAW;EACX,aAAa;EACb,UAAU;EACV,MAAM;CACP;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,eAAe;GACd,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;GACT,SAAS,CAAC,cAAc,UAAU;EACnC;EACA,gBAAgB;GACf,aAAa;GACb,SAAS;GACT,SAAS,CAAC,aAAa,QAAQ;EAChC;EACA,eAAe;GACd,aAAa;GACb,SAAS;GACT,SAAS;IAAC;IAAW;IAAQ;GAAc;EAC5C;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,MAAM;GACL,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,mBAAmB;GAClB,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAkB,EAC9B,MAAM,EACL,cAAc,2BACf,EACD,GAEa,IAAuB;CACnC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,UAAU;EAE7C,OAAO,kBAAC,GAAD;GAAS,GAAI;GAAa;GAAO,eAAe;EAAW,CAAA;CACnE;CACA,MAAM;EACL,OAAO;EACP,cAAc;CACf;AACD,GAEa,IAAqB;CACjC,SAAS,MACR,kBAAC,OAAD;EAAK,OAAO,EAAE,QAAQ,IAAI;YACzB,kBAAC,GAAD,EAAS,GAAI,EAAO,CAAA;CAChB,CAAA;CAEN,MAAM;EACL,aAAa;EACb,UAAU;EACV,cAAc;CACf;AACD,GAEa,IAA4B;CACxC,SAAS,MAAS,kBAAC,GAAD;EAAS,GAAI;EAAM,OAAO;CAAiB,CAAA;CAC7D,MAAM;EACL,eAAe;EACf,cAAc;CACf;AACD,GAEa,IAAsB,EAClC,MAAM;CACL,OAAO;CACP,cAAc;AACf,EACD,GAEa,IAAsB,EAClC,cAAc,kBAAC,GAAD,CAAc,CAAA,EAC7B,GAEa,IAAoB;CAChC,SAAS,MAAS,kBAAC,GAAD;EAAM,GAAI;EAAM,OAAO;EAAW,cAAW;CAA8B,CAAA;CAC7F,YAAY,EACX,MAAM,EACL,aAAa,EACZ,OAAO,sGACR,EACD,EACD;AACD,GAEa,IAAiB,EAC7B,MAAM;CACL,WAAW;CACX,OAAO;AACR,EACD,GAEa,IAAe,EAC3B,MAAM,EACL,OAAO,CAAC,EACT,EACD"}

package/dist/tabs/ui/Tabs.d.ts

@@ -0,0 +1,16 @@
+import type { TabsBoxItem, TabsBoxProps } from "../model/types";
+/**
+ * Элемент вкладки для устаревшего совместимого API `Tabs`.
+ */
+export type TabsItem = TabsBoxItem;
+/**
+ * @deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.
+ */
+export interface TabsProps extends TabsBoxProps {
+    onChange?: (value: string) => void;
+}
+/**
+ * @deprecated Используйте `TabsBox` для простого сценария и `TabsLayout` для составных layout-сценариев.
+ */
+export declare function Tabs({ onChange, onValueChange, ...props }: TabsProps): import("react").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/tabs/ui/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAUpE"}

package/dist/tabs/ui/TabsBox.d.ts

@@ -0,0 +1,7 @@
+import { TabsBoxProps } from "../model/types";
+/**
+ * Простой items-based tabs-компонент.
+ * Сам управляет областью панели и её прокруткой.
+ */
+export declare function TabsBox({ items, value, defaultValue, onValueChange, className, isLoading, loadingText, cleanPanel, bordered, orientation, activationMode, mountStrategy, loop, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: TabsBoxProps): import("react").JSX.Element;
+//# sourceMappingURL=TabsBox.d.ts.map

package/dist/tabs/ui/TabsBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsBox.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsBox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS9C;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACvB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,aAAa,EACb,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAgB,EAChB,WAA0B,EAC1B,cAA4B,EAC5B,aAAyB,EACzB,IAAW,EACX,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,EAAE,YAAY,+BA+Ed"}

package/dist/tabs/ui/TabsLayout.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import type { TabsLayoutProps, TabsLayoutSectionProps, TabsLayoutTabProps } from "../model/types";
+/**
+ * Маркер верхнеуровневой вкладки в compound-режиме `TabsLayout`.
+ */
+declare function TabsLayoutTab({ children }: TabsLayoutTabProps): React.JSX.Element;
+declare namespace TabsLayoutTab {
+    var displayName: string;
+}
+/**
+ * Верхняя секция панели, исключённая из прокручиваемого содержимого.
+ */
+declare function TabsLayoutToolbar({ children }: TabsLayoutSectionProps): React.JSX.Element;
+declare namespace TabsLayoutToolbar {
+    var displayName: string;
+}
+/**
+ * Основное содержимое панели, которое само управляет своим layout и scroll.
+ */
+declare function TabsLayoutContent({ children }: TabsLayoutSectionProps): React.JSX.Element;
+declare namespace TabsLayoutContent {
+    var displayName: string;
+}
+/**
+ * Нижняя секция панели, исключённая из прокручиваемого содержимого.
+ */
+declare function TabsLayoutFooter({ children }: TabsLayoutSectionProps): React.JSX.Element;
+declare namespace TabsLayoutFooter {
+    var displayName: string;
+}
+type TabsLayoutComposition = React.FC<TabsLayoutProps> & {
+    Tab: typeof TabsLayoutTab;
+    Toolbar: typeof TabsLayoutToolbar;
+    Content: typeof TabsLayoutContent;
+    Footer: typeof TabsLayoutFooter;
+};
+export declare const TabsLayout: TabsLayoutComposition;
+export {};
+//# sourceMappingURL=TabsLayout.d.ts.map

package/dist/tabs/ui/TabsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLayout.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsLayout.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAWjE,OAAO,KAAK,EAAkB,eAAe,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AA4ClH;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBAEtD;kBAFQ,aAAa;;;AAMtB;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAE9D;kBAFQ,iBAAiB;;;AAM1B;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAE9D;kBAFQ,iBAAiB;;;AAM1B;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,sBAAsB,qBAE7D;kBAFQ,gBAAgB;;;AAwEzB,KAAK,qBAAqB,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IACxD,GAAG,EAAE,OAAO,aAAa,CAAC;IAC1B,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,MAAM,EAAE,OAAO,gBAAgB,CAAC;CAChC,CAAC;AAwFF,eAAO,MAAM,UAAU,EAKjB,qBAAqB,CAAC"}

package/dist/tabs/ui/TabsLoadingState.d.ts

@@ -0,0 +1,14 @@
+interface TabsLoadingStateProps {
+    containerClassName: string;
+    tabListClassName: string;
+    panelsClassName: string;
+    panelClassName: string;
+    panelBodyClassName: string;
+    loadingText?: string;
+}
+/**
+ * Служебное loading-состояние для `TabsBox`.
+ */
+export declare function TabsLoadingState({ containerClassName, tabListClassName, panelsClassName, panelClassName, panelBodyClassName, loadingText }: TabsLoadingStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TabsLoadingState.d.ts.map

package/dist/tabs/ui/TabsLoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLoadingState.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsLoadingState.tsx"],"names":[],"mappings":"AAMA,UAAU,qBAAqB;IAC9B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,EAAE,qBAAqB,+BAiBvB"}

package/dist/tabs/ui/TabsNoDataState.d.ts

@@ -0,0 +1,12 @@
+interface TabsNoDataStateProps {
+    containerClassName: string;
+    panelsClassName: string;
+    panelClassName: string;
+    panelBodyClassName: string;
+}
+/**
+ * Служебное empty-состояние для `TabsBox`.
+ */
+export declare function TabsNoDataState({ containerClassName, panelsClassName, panelClassName, panelBodyClassName }: TabsNoDataStateProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TabsNoDataState.d.ts.map

package/dist/tabs/ui/TabsNoDataState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsNoDataState.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsNoDataState.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAE,kBAAkB,EAAE,EAAE,oBAAoB,+BAYhI"}

package/dist/tabs/ui/TabsPanel.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+/**
+ * Унифицированная ARIA-обёртка для содержимого активной панели tabs.
+ */
+interface TabsPanelProps {
+    tabId: string;
+    isSelected: boolean;
+    className?: string;
+    getTabElementId: (tabId: string) => string;
+    getPanelElementId: (tabId: string) => string;
+    children: React.ReactNode;
+}
+export declare function TabsPanel({ tabId, isSelected, className, getTabElementId, getPanelElementId, children }: TabsPanelProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/tabs/ui/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,UAAU,cAAc;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,cAAc,qBAWvH"}

package/dist/tabs/ui/TabsTabList.d.ts

@@ -0,0 +1,15 @@
+import type { TabsDescriptor } from "../model/types";
+import type { TabsStateModel } from "../model/useTabsState";
+/**
+ * Рендерит tablist и кнопки вкладок поверх общей модели tabs.
+ */
+interface TabsTabListProps {
+    items: TabsDescriptor[];
+    state: TabsStateModel;
+    className?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+}
+export declare function TabsTabList({ items, state, className, ariaLabel, ariaLabelledBy }: TabsTabListProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TabsTabList.d.ts.map

package/dist/tabs/ui/TabsTabList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTabList.d.ts","sourceRoot":"","sources":["../../../src/tabs/ui/TabsTabList.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D;;GAEG;AACH,UAAU,gBAAgB;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,gBAAgB,+BAgCnG"}

package/dist/text/HighlightText.d.ts

@@ -0,0 +1,5 @@
+export declare const HighlightText: ({ text, highlight }: {
+    text: string;
+    highlight?: string;
+}) => string | (string | import("react").JSX.Element)[];
+//# sourceMappingURL=HighlightText.d.ts.map

package/dist/text/HighlightText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightText.d.ts","sourceRoot":"","sources":["../../src/text/HighlightText.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,qBAAqB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sDAKtF,CAAC"}

package/dist/text/Text.d.ts

@@ -0,0 +1,22 @@
+import React, { CSSProperties } from "react";
+export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type TextColor = "primary" | "secondary" | "muted" | "error" | "warning" | "success" | "info";
+export type TextWeight = "lighter" | "light" | "regular" | "medium" | "bold" | "bolder";
+export type TextWrap = "wrap" | "noWrap";
+interface BaseTextProps {
+    size?: TextSize;
+    color?: TextColor;
+    weight?: TextWeight;
+    italic?: boolean;
+    uppercase?: boolean;
+    wrap?: TextWrap;
+    className?: string;
+    style?: CSSProperties;
+}
+interface TextProps extends BaseTextProps {
+    children: React.ReactNode;
+    as?: "code" | "span" | "p" | "div" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export declare const Text: React.FC<TextProps>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AACrG,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AACxF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAkCzC,UAAU,aAAa;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,UAAU,SAAU,SAAQ,aAAa;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtE;AA6BD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASpC,CAAC"}

package/dist/text/TextOverflow.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps, ComponentType } from "react";
+import { Placement } from "@floating-ui/react";
+interface BaseTextOverflowProps {
+    children: string;
+    maxChar?: number;
+    /**
+     * Максимальная ширина тултипа в em.
+     */
+    maxWidth?: number;
+    placement?: Placement;
+    closeDelay?: number;
+    /**
+     * Для работы text-overflow элемент обязан быть блочным или inline-block.
+     * Если в качестве обёртки передается инлайновый компонент, то он будет
+     * перезаписан через стили на display: block или inline-block в зависимости
+     * от установки данного пропса.
+     */
+    block?: true;
+    state?: "information" | "error" | "warning" | "success" | "negative";
+}
+interface RequiredWrapperProps {
+    style?: React.CSSProperties;
+    className?: string;
+    children: string;
+}
+interface TextOverflowProps<T extends ComponentType<RequiredWrapperProps> = ComponentType<RequiredWrapperProps>> extends BaseTextOverflowProps {
+    textWrap?: T;
+    textWrapProps?: Omit<ComponentProps<T>, "children">;
+}
+export declare function TextOverflow<T extends ComponentType<RequiredWrapperProps>>({ maxChar, placement, closeDelay, maxWidth, children, block, state, textWrap, textWrapProps }: TextOverflowProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TextOverflow.d.ts.map

package/dist/text/TextOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOverflow.d.ts","sourceRoot":"","sources":["../../src/text/TextOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAO/C,UAAU,qBAAqB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CACrE;AAGD,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAGD,UAAU,iBAAiB,CAC1B,CAAC,SAAS,aAAa,CAAC,oBAAoB,CAAC,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAClF,SAAQ,qBAAqB;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,aAAa,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,aAAa,CAAC,oBAAoB,CAAC,EAAE,EAC3E,OAAO,EACP,SAAkB,EAClB,UAAc,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,aAAa,EACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BA2BtB"}

package/dist/text/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./HighlightText";
+export * from "./Text";
+export * from "./TextOverflow";
+//# sourceMappingURL=index.d.ts.map

package/dist/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC"}