@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.11

package/dist/switch/stories/Switch.stories.js

@@ -1,90 +0,0 @@
-import { t as e } from "../../chunks/Switch-B57Qmy1z.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/switch/stories/Switch.stories.tsx
-var i = {
-	title: "Shared/UI/Switch",
-	component: e,
-	args: {
-		label: "Режим обработки",
-		description: "Переключение состояния",
-		value: !1,
-		onChange: () => {},
-		triState: !1,
-		disabled: !1
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		label: {
-			description: "Заголовок переключателя.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		value: {
-			description: "Текущее значение (`boolean` или `undefined` в tri-state).",
-			control: !1
-		},
-		onChange: {
-			description: "Вызывается при изменении состояния.",
-			control: !1
-		},
-		triState: {
-			description: "Включает трехсостоянный режим (`undefined → true → false`).",
-			control: "boolean"
-		},
-		checkedIcon: {
-			description: "Кастомная иконка для состояния `true`.",
-			control: !1
-		},
-		uncheckedIcon: {
-			description: "Кастомная иконка для состояния `false`.",
-			control: !1
-		},
-		disabled: {
-			description: "Блокирует переключение.",
-			control: "boolean"
-		}
-	}
-}, a = { render: (r) => {
-	let [i, a] = t(!1);
-	return /* @__PURE__ */ n(e, {
-		...r,
-		value: i,
-		onChange: a,
-		triState: !1
-	});
-} }, o = {
-	render: (i) => {
-		let [a, o] = t(void 0);
-		return /* @__PURE__ */ r("div", {
-			style: {
-				display: "grid",
-				gap: 8
-			},
-			children: [/* @__PURE__ */ n(e, {
-				...i,
-				value: a,
-				onChange: o,
-				triState: !0
-			}), /* @__PURE__ */ r("div", { children: ["Текущее значение: ", String(a)] })]
-		});
-	},
-	args: {
-		triState: !0,
-		value: void 0
-	}
-}, s = { args: {
-	disabled: !0,
-	value: !0
-} };
-//#endregion
-export { a as BiState, s as Disabled, o as TriState, i as default };
-
-//# sourceMappingURL=Switch.stories.js.map

package/dist/switch/stories/Switch.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.stories.js","names":[],"sources":["../../../src/switch/stories/Switch.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Switch } from \"../Switch\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst meta = {\n\ttitle: \"Shared/UI/Switch\",\n\tcomponent: Switch,\n\targs: {\n\t\tlabel: \"Режим обработки\",\n\t\tdescription: \"Переключение состояния\",\n\t\tvalue: false,\n\t\tonChange: () => {},\n\t\ttriState: false,\n\t\tdisabled: false\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tlabel: {\n\t\t\tdescription: \"Заголовок переключателя.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tdescription: {\n\t\t\tdescription: \"Описание под заголовком.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее значение (`boolean` или `undefined` в tri-state).\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при изменении состояния.\",\n\t\t\tcontrol: false\n\t\t},\n\t\ttriState: {\n\t\t\tdescription: \"Включает трехсостоянный режим (`undefined → true → false`).\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tcheckedIcon: {\n\t\t\tdescription: \"Кастомная иконка для состояния `true`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tuncheckedIcon: {\n\t\t\tdescription: \"Кастомная иконка для состояния `false`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует переключение.\",\n\t\t\tcontrol: \"boolean\"\n\t\t}\n\t}\n} satisfies Meta<typeof Switch>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const BiState: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(false);\n\t\treturn <Switch {...args} value={value} onChange={setValue} triState={false} />;\n\t}\n};\n\nexport const TriState: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<boolean | undefined>(undefined);\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 8 }}>\n\t\t\t\t<Switch {...args} value={value} onChange={setValue} triState />\n\t\t\t\t<div>Текущее значение: {String(value)}</div>\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\ttriState: true,\n\t\tvalue: undefined\n\t}\n};\n\nexport const Disabled: Story = {\n\targs: {\n\t\tdisabled: true,\n\t\tvalue: true\n\t}\n};\n"],"mappings":";;;;AAMA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,OAAO;EACP,gBAAgB,CAAC;EACjB,UAAU;EACV,UAAU;CACX;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,eAAe;GACd,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAiB,EAC7B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAK;CACxC,OAAO,kBAAC,GAAD;EAAQ,GAAI;EAAa;EAAO,UAAU;EAAU,UAAU;CAAQ,CAAA;AAC9E,EACD,GAEa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAA8B,KAAA,CAAS;EACjE,OACC,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,KAAK;GAAE;aAAtC,CACC,kBAAC,GAAD;IAAQ,GAAI;IAAa;IAAO,UAAU;IAAU,UAAA;GAAU,CAAA,GAC9D,kBAAC,OAAD,EAAA,UAAA,CAAK,sBAAmB,OAAO,CAAK,CAAO,EAAA,CAAA,CACvC;;CAEP;CACA,MAAM;EACL,UAAU;EACV,OAAO,KAAA;CACR;AACD,GAEa,IAAkB,EAC9B,MAAM;CACL,UAAU;CACV,OAAO;AACR,EACD"}

package/dist/table/stories/Table.stories.d.ts

@@ -1,155 +0,0 @@
-import { type ComponentType } from "react";
-import { type TableColumnDef } from "@ryuzaki13/react-foundation-lib/table";
-import { type TableProps } from "../Table";
-import type { StoryObj } from "@storybook/react-vite";
-interface DealRow {
-    id: string;
-    number: string;
-    client: string;
-    manager: string;
-    amount: string;
-    status: string;
-    isLocked?: boolean;
-}
-declare const meta: {
-    title: string;
-    component: ComponentType<TableProps<DealRow>>;
-    args: {
-        title: string;
-        data: DealRow[];
-        columns: TableColumnDef<DealRow>[];
-        getRowId: (row: DealRow) => string;
-        selectionMode: "single";
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        data: {
-            description: string;
-            control: false;
-        };
-        columns: {
-            description: string;
-            control: false;
-        };
-        title: {
-            description: string;
-            control: "text";
-        };
-        selectionMode: {
-            description: string;
-            control: "inline-radio";
-            options: string[];
-        };
-        getRowId: {
-            description: string;
-            control: false;
-        };
-        columnPinning: {
-            description: string;
-            control: false;
-        };
-        defaultColumnPinning: {
-            description: string;
-            control: false;
-        };
-        onColumnPinningChange: {
-            description: string;
-            control: false;
-        };
-        getRowCanSelect: {
-            description: string;
-            control: false;
-        };
-        getRowClassName: {
-            description: string;
-            control: false;
-        };
-        onRowClick: {
-            description: string;
-            control: false;
-        };
-        onRowSelectionChange: {
-            description: string;
-            control: false;
-        };
-        onReachEnd: {
-            description: string;
-            control: false;
-        };
-        isLoading: {
-            description: string;
-            control: "boolean";
-        };
-        isFetching: {
-            description: string;
-            control: "boolean";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * Базовый сценарий плоской таблицы с одиночным выбором.
- */
-export declare const Basic: Story;
-/**
- * Демонстрирует controlled left-pinning через внешний story-state без встроенного UI таблицы.
- */
-export declare const WithColumnPinning: Story;
-/**
- * Множественный выбор с отображением текущего результата.
- */
-export declare const MultiSelect: Story;
-/**
- * Часть строк можно показать, но запретить выбирать.
- */
-export declare const WithDisabledRows: Story;
-/**
- * Сценарий фонового обновления данных без очистки таблицы.
- */
-export declare const Fetching: Story;
-/**
- * Пустой источник данных.
- */
-export declare const Empty: Story;
-/**
- * Демонстрация callback при достижении конца списка.
- */
-export declare const ReachEnd: Story;
-/**
- * Состояние первичной загрузки.
- */
-export declare const Loading: Story;
-/**
- * Сценарий с formula-based колонкой без кастомного `cell`.
- */
-export declare const WithFormulaColumn: Story;
-/**
- * Сценарий с pipeline display-formatting и value-state.
- */
-export declare const WithFormattingPipeline: Story;
-/**
- * Сценарий со скрытием нулевых значений через `emptyWhenZero`.
- */
-export declare const WithHiddenZero: Story;
-/**
- * Сценарий со display-only слиянием подряд идущих дубликатов через пустые ячейки и CSS-склейку.
- */
-export declare const WithMergedDuplicates: Story;
-/**
- * Сценарий со статическим OData metadata adapter в режиме enrich.
- */
-export declare const WithODataMetadataAdapter: Story;
-/**
- * Реальный hook-сценарий `useODataTableColumns(...)` в режиме build.
- */
-export declare const WithUseODataTableColumnsBuildHook: Story;
-/**
- * Реальный hook-сценарий `useODataTableColumns(...)` в режиме enrich.
- */
-export declare const WithUseODataTableColumnsEnrichHook: Story;
-//# sourceMappingURL=Table.stories.d.ts.map

package/dist/table/stories/Table.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/table/stories/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAyC,KAAK,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGnH,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEvE,UAAU,OAAO;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA2eD,QAAA,MAAM,IAAI;;eAEsB,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4E7B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAUpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAUtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,KAQ/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kCAAkC,EAAE,KAQhD,CAAC"}

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

@@ -1,94 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,IAAI,CAAC;AAGjE,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

@@ -1,283 +0,0 @@
-import { c as e } from "../../chunks/misc-DoqZBMof.js";
-import { n as t, r as n, t as r } from "../../chunks/tabs-DlnVVMJl.js";
-import { useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/tabs/stories/Tabs.stories.tsx
-var s = {
-	padding: 16,
-	display: "grid",
-	gap: 12
-}, c = [
-	{
-		id: "profile",
-		title: "Профиль",
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "Карточка пользователя и основные поля профиля."
-		})
-	},
-	{
-		id: "settings",
-		title: "Настройки",
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "Параметры интерфейса, уведомлений и доступа."
-		})
-	},
-	{
-		id: "history",
-		title: "История",
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "Последние действия, комментарии и изменения."
-		})
-	}
-];
-function l({ label: e }) {
-	let [t, n] = i(0);
-	return /* @__PURE__ */ o("div", {
-		style: s,
-		children: [
-			/* @__PURE__ */ o("div", { children: ["Панель: ", e] }),
-			/* @__PURE__ */ o("div", { children: ["Локальный счётчик: ", t] }),
-			/* @__PURE__ */ a("button", {
-				type: "button",
-				onClick: () => n((e) => e + 1),
-				children: "Увеличить"
-			})
-		]
-	});
-}
-var u = [
-	{
-		id: "first",
-		title: "Первая",
-		content: /* @__PURE__ */ a(l, { label: "Первая" })
-	},
-	{
-		id: "second",
-		title: "Вторая",
-		content: /* @__PURE__ */ a(l, { label: "Вторая" })
-	},
-	{
-		id: "third",
-		title: "Третья",
-		content: /* @__PURE__ */ a(l, { label: "Третья" })
-	}
-], d = [
-	{
-		id: "overview",
-		title: "Обзор",
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "Раздел доступен сразу."
-		})
-	},
-	{
-		id: "analytics",
-		title: "Аналитика",
-		disabled: !0,
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "Пока недоступно."
-		})
-	},
-	{
-		id: "history",
-		title: "История",
-		content: /* @__PURE__ */ a("div", {
-			style: s,
-			children: "История изменений и действий."
-		})
-	}
-], f = Array.from({ length: 12 }, (e, t) => `Элемент ${t + 1}`);
-function p() {
-	let [t, n] = i("details");
-	return /* @__PURE__ */ a("div", {
-		style: { height: 360 },
-		children: /* @__PURE__ */ o(r, {
-			value: t,
-			onValueChange: n,
-			bordered: !0,
-			"aria-label": "Составные панели документа",
-			children: [/* @__PURE__ */ o(r.Tab, {
-				id: "details",
-				title: "Детали",
-				children: [
-					/* @__PURE__ */ a(r.Toolbar, { children: /* @__PURE__ */ a("div", {
-						className: "surface0 border radiusSm paddingSm",
-						children: "Панель инструментов вне scroll-области."
-					}) }),
-					/* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ o("div", {
-						style: {
-							display: "grid",
-							gridTemplateColumns: "1fr 1fr",
-							gap: 12,
-							height: "100%"
-						},
-						children: [/* @__PURE__ */ a(e, {
-							className: "surface0 border radiusSm paddingSm h100",
-							children: f.map((e) => /* @__PURE__ */ o("div", {
-								className: "paddingBlockXs",
-								children: ["Левая колонка: ", e]
-							}, `left-${e}`))
-						}), /* @__PURE__ */ a(e, {
-							className: "surface0 border radiusSm paddingSm h100",
-							children: f.map((e) => /* @__PURE__ */ o("div", {
-								className: "paddingBlockXs",
-								children: ["Правая колонка: ", e]
-							}, `right-${e}`))
-						})]
-					}) }),
-					/* @__PURE__ */ a(r.Footer, { children: /* @__PURE__ */ a("div", {
-						className: "surface0 border radiusSm paddingSm",
-						children: "Футер тоже исключён из scroll-контента."
-					}) })
-				]
-			}), /* @__PURE__ */ a(r.Tab, {
-				id: "history",
-				title: "История",
-				children: /* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ a(e, {
-					className: "surface0 border radiusSm paddingSm h100",
-					children: f.map((e) => /* @__PURE__ */ o("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] = i("settings");
-		return /* @__PURE__ */ a(n, {
-			...e,
-			value: t,
-			onValueChange: r
-		});
-	},
-	args: {
-		value: "settings",
-		"aria-label": "Управляемые вкладки"
-	}
-}, _ = {
-	render: (e) => /* @__PURE__ */ a("div", {
-		style: { height: 320 },
-		children: /* @__PURE__ */ a(n, { ...e })
-	}),
-	args: {
-		orientation: "vertical",
-		bordered: !0,
-		"aria-label": "Вертикальные вкладки"
-	}
-}, v = {
-	render: (e) => /* @__PURE__ */ a(n, {
-		...e,
-		items: u
-	}),
-	args: {
-		mountStrategy: "lazy",
-		"aria-label": "Демонстрация стратегий монтирования"
-	}
-}, y = { args: {
-	items: d,
-	"aria-label": "Вкладки с недоступным разделом"
-} }, b = { render: () => /* @__PURE__ */ a(p, {}) }, x = {
-	render: (e) => /* @__PURE__ */ a(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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.stories.js","names":[],"sources":["../../../src/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import { useState, type CSSProperties } from \"react\";\n\nimport { Tabs, TabsBox, TabsLayout, type TabsBoxItem } from \"..\";\nimport { Scrollable } from \"../../misc\";\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":"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"}