@ryuzaki13/react-foundation-ui 1.0.7 → 1.0.11

package/dist/layout-picker/stories/LayoutPicker.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/layout-picker/stories/LayoutPicker.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiC,YAAY,EAAmD,MAAM,UAAU,CAAC;AAIxH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAwH5D,QAAA,MAAM,IAAI;;;;;;;qDAOa,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFD,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA0B3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAqB7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAGvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/layout-picker/stories/LayoutPicker.stories.js

@@ -1,422 +0,0 @@
-import { n as e, t } from "../../chunks/layout-picker-C1sizRYa.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { fn as a } from "storybook/test";
-import { useArgs as o } from "storybook/preview-api";
-var s = {
-	canvas: "buT8ds",
-	toolbar: "vDpJVR",
-	summary: "-GMI1h",
-	summaryItem: "Xgkzn9",
-	summaryValue: "X--lo-",
-	muted: "W5rEjx",
-	layoutPreview: "BgilL7",
-	layoutCell: "ALGrVl",
-	layoutCellTitle: "IrqK1d"
-}, c = [
-	{
-		id: "dashboard-summary",
-		label: "Сводка + детали",
-		description: "Один широкий блок сверху и две области детализации снизу.",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{
-				id: "summary",
-				column: 1,
-				columnSpan: 2,
-				row: 1,
-				rowSpan: 1
-			},
-			{
-				id: "left-detail",
-				column: 1,
-				columnSpan: 1,
-				row: 2,
-				rowSpan: 1
-			},
-			{
-				id: "right-detail",
-				column: 2,
-				columnSpan: 1,
-				row: 2,
-				rowSpan: 1
-			}
-		]
-	},
-	{
-		id: "dashboard-main-aside",
-		label: "Основной блок + сайдбар",
-		description: "Большая рабочая область слева и вертикальная колонка справа.",
-		columns: 3,
-		rows: 2,
-		cells: [
-			{
-				id: "main",
-				column: 1,
-				columnSpan: 2,
-				row: 1,
-				rowSpan: 2
-			},
-			{
-				id: "aside-top",
-				column: 3,
-				columnSpan: 1,
-				row: 1,
-				rowSpan: 1
-			},
-			{
-				id: "aside-bottom",
-				column: 3,
-				columnSpan: 1,
-				row: 2,
-				rowSpan: 1
-			}
-		]
-	},
-	{
-		id: "dashboard-quad",
-		label: "Четыре равных блока",
-		description: "Плотная сетка для сравнения нескольких независимых виджетов.",
-		columns: 2,
-		rows: 2,
-		cells: [
-			{
-				id: "top-left",
-				column: 1,
-				columnSpan: 1,
-				row: 1,
-				rowSpan: 1
-			},
-			{
-				id: "top-right",
-				column: 2,
-				columnSpan: 1,
-				row: 1,
-				rowSpan: 1
-			},
-			{
-				id: "bottom-left",
-				column: 1,
-				columnSpan: 1,
-				row: 2,
-				rowSpan: 1
-			},
-			{
-				id: "bottom-right",
-				column: 2,
-				columnSpan: 1,
-				row: 2,
-				rowSpan: 1
-			}
-		]
-	}
-];
-function l(e, t) {
-	return t.find((t) => t.id === e);
-}
-function u({ value: e, presets: t }) {
-	let n = l(e, t);
-	return /* @__PURE__ */ i("div", {
-		className: s.summary,
-		"aria-live": "polite",
-		children: [
-			/* @__PURE__ */ i("div", {
-				className: s.summaryItem,
-				children: [/* @__PURE__ */ r("span", { children: "ID" }), /* @__PURE__ */ r("span", {
-					className: s.summaryValue,
-					children: e || "не выбрано"
-				})]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: s.summaryItem,
-				children: [/* @__PURE__ */ r("span", { children: "Название" }), /* @__PURE__ */ r("span", {
-					className: s.summaryValue,
-					children: n?.label ?? "Layout не выбран"
-				})]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: s.summaryItem,
-				children: [/* @__PURE__ */ r("span", { children: "Сетка" }), /* @__PURE__ */ r("span", {
-					className: s.summaryValue,
-					children: n ? `${n.columns} x ${n.rows}` : "нет данных"
-				})]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: s.summaryItem,
-				children: [/* @__PURE__ */ r("span", { children: "Ячеек" }), /* @__PURE__ */ r("span", {
-					className: s.summaryValue,
-					children: n?.cells.length ?? 0
-				})]
-			})
-		]
-	});
-}
-function d({ value: e, presets: t }) {
-	let n = l(e, t);
-	if (!n) return null;
-	let a = n.columns, o = n.rows, c = n.cells;
-	return /* @__PURE__ */ r("div", {
-		className: s.layoutPreview,
-		style: {
-			gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))`,
-			gridTemplateRows: `repeat(${o}, minmax(0, 1fr))`
-		},
-		children: c.map((e, t) => /* @__PURE__ */ i("div", {
-			className: s.layoutCell,
-			style: {
-				gridColumn: `${e.column} / span ${e.columnSpan}`,
-				gridRow: `${e.row} / span ${e.rowSpan}`
-			},
-			children: [/* @__PURE__ */ i("span", {
-				className: s.layoutCellTitle,
-				children: ["Область ", t + 1]
-			}), /* @__PURE__ */ i("span", {
-				className: s.muted,
-				children: [
-					"Колонка ",
-					e.column,
-					", строка ",
-					e.row,
-					"; span ",
-					e.columnSpan,
-					" x ",
-					e.rowSpan
-				]
-			})]
-		}, e.id))
-	});
-}
-function f() {
-	let [a, o] = n("two-columns");
-	return /* @__PURE__ */ i("div", {
-		className: s.canvas,
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: s.toolbar,
-				children: /* @__PURE__ */ r(t, {
-					label: "Layout панели",
-					value: a,
-					onChange: o,
-					ariaLabel: "Выбрать layout панели"
-				})
-			}),
-			/* @__PURE__ */ r(u, {
-				value: a,
-				presets: e
-			}),
-			/* @__PURE__ */ r(d, {
-				value: a,
-				presets: e
-			})
-		]
-	});
-}
-var p = {
-	title: "Shared/UI/LayoutPicker",
-	component: t,
-	args: {
-		label: "Layout панели",
-		description: "Выберите схему размещения областей.",
-		value: e[0].id,
-		onChange: a(),
-		presets: e,
-		disabled: !1,
-		placeholder: "Выберите layout",
-		ariaLabel: "Выбрать layout",
-		placement: "bottom-start"
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded",
-		docs: { description: { component: "Контролируемый выбор layout-пресета со схематичным превью. Компонент хранит только UI-состояние popup и возвращает наружу ID выбранного пресета." } }
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		id: {
-			description: "ID кнопки выбора. Если не передан, компонент создаёт стабильный `useId`.",
-			control: "text"
-		},
-		label: {
-			description: "Заголовок поля.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		value: {
-			description: "ID текущего выбранного layout-пресета.",
-			control: "text"
-		},
-		onChange: {
-			description: "Вызывается с ID выбранного layout-пресета.",
-			control: !1
-		},
-		presets: {
-			description: "Список layout-пресетов. По умолчанию используется `DEFAULT_LAYOUT_PICKER_PRESETS`.",
-			control: !1
-		},
-		disabled: {
-			description: "Блокирует кнопку выбора и открытие popup.",
-			control: "boolean"
-		},
-		getPresetDisabled: {
-			description: "Позволяет заблокировать отдельные пресеты внутри popup.",
-			control: !1
-		},
-		placeholder: {
-			description: "Текст в trigger, когда `value` не найден среди `presets`.",
-			control: "text"
-		},
-		ariaLabel: {
-			description: "Доступное имя trigger-кнопки. Если не передано, строится из текущего значения.",
-			control: "text"
-		},
-		size: {
-			description: "Размер поля из общего `UiBaseProps`.",
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		},
-		className: {
-			description: "Дополнительный CSS-класс корневого контейнера.",
-			control: "text"
-		},
-		triggerClassName: {
-			description: "Дополнительный CSS-класс trigger-кнопки.",
-			control: "text"
-		},
-		popupClassName: {
-			description: "Дополнительный CSS-класс popup.",
-			control: "text"
-		},
-		placement: {
-			description: "Позиционирование popup относительно trigger.",
-			control: "select",
-			options: [
-				"bottom-start",
-				"bottom-end",
-				"top-start",
-				"top-end",
-				"right-start",
-				"left-start"
-			]
-		}
-	}
-}, m = {
-	args: { value: "two-rows" },
-	name: "Контролируемый выбор",
-	render: function(n) {
-		let [, a] = o(), c = n.presets ?? e;
-		return /* @__PURE__ */ i("div", {
-			className: s.canvas,
-			children: [/* @__PURE__ */ r(t, {
-				...n,
-				presets: c,
-				onChange: (e) => {
-					n.onChange(e), a({ value: e });
-				}
-			}), /* @__PURE__ */ r(u, {
-				value: n.value ?? "",
-				presets: c
-			})]
-		});
-	}
-}, h = {
-	name: "Без выбранного значения",
-	render: (a) => {
-		let [o, c] = n(""), l = a.presets ?? e;
-		return /* @__PURE__ */ i("div", {
-			className: s.canvas,
-			children: [/* @__PURE__ */ r(t, {
-				...a,
-				value: o,
-				presets: l,
-				placeholder: "Layout ещё не выбран",
-				onChange: (e) => {
-					c(e), a.onChange(e);
-				}
-			}), /* @__PURE__ */ r(u, {
-				value: o,
-				presets: l
-			})]
-		});
-	},
-	args: { value: "" }
-}, g = {
-	name: "Кастомные пресеты",
-	render: (e) => {
-		let [a, o] = n(c[0].id);
-		return /* @__PURE__ */ i("div", {
-			className: s.canvas,
-			children: [
-				/* @__PURE__ */ r(t, {
-					...e,
-					value: a,
-					presets: c,
-					ariaLabel: "Выбрать layout дашборда",
-					onChange: (t) => {
-						o(t), e.onChange(t);
-					}
-				}),
-				/* @__PURE__ */ r(u, {
-					value: a,
-					presets: c
-				}),
-				/* @__PURE__ */ r(d, {
-					value: a,
-					presets: c
-				})
-			]
-		});
-	},
-	args: {
-		value: c[0].id,
-		presets: c
-	}
-}, _ = {
-	name: "Заблокированные пресеты",
-	render: (a) => {
-		let [o, c] = n("single-cell");
-		return /* @__PURE__ */ i("div", {
-			className: s.canvas,
-			children: [
-				/* @__PURE__ */ r(t, {
-					...a,
-					value: o,
-					getPresetDisabled: (e) => e.id === "two-columns" || e.id === "large-left-two-right",
-					onChange: (e) => {
-						c(e), a.onChange(e);
-					}
-				}),
-				/* @__PURE__ */ r("div", {
-					className: s.muted,
-					children: "Пресеты с двумя колонками в этом сценарии недоступны."
-				}),
-				/* @__PURE__ */ r(u, {
-					value: o,
-					presets: e
-				})
-			]
-		});
-	}
-}, v = {
-	name: "В панели настройки",
-	render: () => /* @__PURE__ */ r(f, {})
-}, y = {
-	name: "Заблокированный контрол",
-	args: {
-		disabled: !0,
-		value: "two-columns"
-	}
-};
-//#endregion
-export { m as Controlled, g as CustomPresets, y as Disabled, _ as DisabledPresets, v as InToolbar, h as Placeholder, p as default };
-
-//# sourceMappingURL=LayoutPicker.stories.js.map

package/dist/layout-picker/stories/LayoutPicker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LayoutPicker.stories.js","names":[],"sources":["../../../src/layout-picker/stories/LayoutPicker.stories.module.scss","../../../src/layout-picker/stories/LayoutPicker.stories.tsx"],"sourcesContent":[".canvas {\n\tdisplay: grid;\n\tgap: var(--space-md);\n\twidth: min(100%, 48em);\n}\n\n.toolbar {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: end;\n\tgap: var(--space-sm);\n}\n\n.summary {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(min(100%, 9em), 1fr));\n\tgap: var(--space-sm);\n\tpadding: var(--space-sm);\n\tborder: var(--border);\n\tborder-radius: var(--radius-sm);\n\tbackground-color: var(--surface-2);\n}\n\n.summaryItem {\n\tdisplay: grid;\n\tgap: calc(var(--space-xs) / 2);\n\tmin-width: 0;\n}\n\n.summaryValue {\n\toverflow: hidden;\n\tcolor: var(--content-1);\n\tfont-weight: 300;\n\tfont-variation-settings: \"wght\" 300;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.muted {\n\tcolor: var(--content-2);\n\tfont-size: var(--font-size-sm);\n}\n\n.layoutPreview {\n\tdisplay: grid;\n\tgap: var(--space-sm);\n}\n\n.layoutCell {\n\tdisplay: grid;\n\tgap: var(--space-xs);\n\talign-content: start;\n\tmin-height: 6em;\n\tpadding: var(--space-sm);\n\tborder: var(--border);\n\tborder-radius: var(--radius-sm);\n\tbackground-color: var(--surface-1);\n}\n\n.layoutCellTitle {\n\tcolor: var(--content-0);\n\tfont-weight: 600;\n\tfont-variation-settings: \"wght\" 600;\n}\n","import { useState } from \"react\";\n\nimport { useArgs } from \"storybook/preview-api\";\nimport { fn } from \"storybook/test\";\n\nimport { DEFAULT_LAYOUT_PICKER_PRESETS, LayoutPicker, type LayoutPickerPreset, type LayoutPickerProps } from \"../index\";\n\nimport styles from \"./LayoutPicker.stories.module.scss\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst dashboardPresets = [\n\t{\n\t\tid: \"dashboard-summary\",\n\t\tlabel: \"Сводка + детали\",\n\t\tdescription: \"Один широкий блок сверху и две области детализации снизу.\",\n\t\tcolumns: 2,\n\t\trows: 2,\n\t\tcells: [\n\t\t\t{ id: \"summary\", column: 1, columnSpan: 2, row: 1, rowSpan: 1 },\n\t\t\t{ id: \"left-detail\", column: 1, columnSpan: 1, row: 2, rowSpan: 1 },\n\t\t\t{ id: \"right-detail\", column: 2, columnSpan: 1, row: 2, rowSpan: 1 }\n\t\t]\n\t},\n\t{\n\t\tid: \"dashboard-main-aside\",\n\t\tlabel: \"Основной блок + сайдбар\",\n\t\tdescription: \"Большая рабочая область слева и вертикальная колонка справа.\",\n\t\tcolumns: 3,\n\t\trows: 2,\n\t\tcells: [\n\t\t\t{ id: \"main\", column: 1, columnSpan: 2, row: 1, rowSpan: 2 },\n\t\t\t{ id: \"aside-top\", column: 3, columnSpan: 1, row: 1, rowSpan: 1 },\n\t\t\t{ id: \"aside-bottom\", column: 3, columnSpan: 1, row: 2, rowSpan: 1 }\n\t\t]\n\t},\n\t{\n\t\tid: \"dashboard-quad\",\n\t\tlabel: \"Четыре равных блока\",\n\t\tdescription: \"Плотная сетка для сравнения нескольких независимых виджетов.\",\n\t\tcolumns: 2,\n\t\trows: 2,\n\t\tcells: [\n\t\t\t{ id: \"top-left\", column: 1, columnSpan: 1, row: 1, rowSpan: 1 },\n\t\t\t{ id: \"top-right\", column: 2, columnSpan: 1, row: 1, rowSpan: 1 },\n\t\t\t{ id: \"bottom-left\", column: 1, columnSpan: 1, row: 2, rowSpan: 1 },\n\t\t\t{ id: \"bottom-right\", column: 2, columnSpan: 1, row: 2, rowSpan: 1 }\n\t\t]\n\t}\n] as const satisfies readonly LayoutPickerPreset[];\n\nfunction findPreset(value: string, presets: readonly LayoutPickerPreset[]): LayoutPickerPreset | undefined {\n\treturn presets.find((preset) => preset.id === value);\n}\n\nfunction PresetSummary({ value, presets }: { value: string; presets: readonly LayoutPickerPreset[] }) {\n\tconst selectedPreset = findPreset(value, presets);\n\n\treturn (\n\t\t<div className={styles.summary} aria-live=\"polite\">\n\t\t\t<div className={styles.summaryItem}>\n\t\t\t\t<span>ID</span>\n\t\t\t\t<span className={styles.summaryValue}>{value || \"не выбрано\"}</span>\n\t\t\t</div>\n\t\t\t<div className={styles.summaryItem}>\n\t\t\t\t<span>Название</span>\n\t\t\t\t<span className={styles.summaryValue}>{selectedPreset?.label ?? \"Layout не выбран\"}</span>\n\t\t\t</div>\n\t\t\t<div className={styles.summaryItem}>\n\t\t\t\t<span>Сетка</span>\n\t\t\t\t<span className={styles.summaryValue}>\n\t\t\t\t\t{selectedPreset ? `${selectedPreset.columns} x ${selectedPreset.rows}` : \"нет данных\"}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div className={styles.summaryItem}>\n\t\t\t\t<span>Ячеек</span>\n\t\t\t\t<span className={styles.summaryValue}>{selectedPreset?.cells.length ?? 0}</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction LayoutPreview({ value, presets }: { value: string; presets: readonly LayoutPickerPreset[] }) {\n\tconst selectedPreset = findPreset(value, presets);\n\tif (!selectedPreset) return null;\n\n\tconst columns = selectedPreset.columns;\n\tconst rows = selectedPreset.rows;\n\tconst cells = selectedPreset.cells;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={styles.layoutPreview}\n\t\t\tstyle={{\n\t\t\t\tgridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))`,\n\t\t\t\tgridTemplateRows: `repeat(${rows}, minmax(0, 1fr))`\n\t\t\t}}>\n\t\t\t{cells.map((cell, index) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={cell.id}\n\t\t\t\t\tclassName={styles.layoutCell}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tgridColumn: `${cell.column} / span ${cell.columnSpan}`,\n\t\t\t\t\t\tgridRow: `${cell.row} / span ${cell.rowSpan}`\n\t\t\t\t\t}}>\n\t\t\t\t\t<span className={styles.layoutCellTitle}>Область {index + 1}</span>\n\t\t\t\t\t<span className={styles.muted}>\n\t\t\t\t\t\tКолонка {cell.column}, строка {cell.row}; span {cell.columnSpan} x {cell.rowSpan}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nfunction ControlledExample() {\n\tconst [value, setValue] = useState(\"two-columns\");\n\n\treturn (\n\t\t<div className={styles.canvas}>\n\t\t\t<div className={styles.toolbar}>\n\t\t\t\t<LayoutPicker label=\"Layout панели\" value={value} onChange={setValue} ariaLabel=\"Выбрать layout панели\" />\n\t\t\t</div>\n\t\t\t<PresetSummary value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />\n\t\t\t<LayoutPreview value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/LayoutPicker\",\n\tcomponent: LayoutPicker,\n\targs: {\n\t\tlabel: \"Layout панели\",\n\t\tdescription: \"Выберите схему размещения областей.\",\n\t\tvalue: DEFAULT_LAYOUT_PICKER_PRESETS[0].id,\n\t\tonChange: fn<(value: string) => void>(),\n\t\tpresets: DEFAULT_LAYOUT_PICKER_PRESETS,\n\t\tdisabled: false,\n\t\tplaceholder: \"Выберите layout\",\n\t\tariaLabel: \"Выбрать layout\",\n\t\tplacement: \"bottom-start\"\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\",\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t\"Контролируемый выбор layout-пресета со схематичным превью. Компонент хранит только UI-состояние popup и возвращает наружу ID выбранного пресета.\"\n\t\t\t}\n\t\t}\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\tid: {\n\t\t\tdescription: \"ID кнопки выбора. Если не передан, компонент создаёт стабильный `useId`.\",\n\t\t\tcontrol: \"text\"\n\t\t},\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: \"ID текущего выбранного layout-пресета.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается с ID выбранного layout-пресета.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tpresets: {\n\t\t\tdescription: \"Список layout-пресетов. По умолчанию используется `DEFAULT_LAYOUT_PICKER_PRESETS`.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует кнопку выбора и открытие popup.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tgetPresetDisabled: {\n\t\t\tdescription: \"Позволяет заблокировать отдельные пресеты внутри popup.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tplaceholder: {\n\t\t\tdescription: \"Текст в trigger, когда `value` не найден среди `presets`.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tariaLabel: {\n\t\t\tdescription: \"Доступное имя trigger-кнопки. Если не передано, строится из текущего значения.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля из общего `UiBaseProps`.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t},\n\t\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс корневого контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\ttriggerClassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс trigger-кнопки.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tpopupClassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс popup.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tplacement: {\n\t\t\tdescription: \"Позиционирование popup относительно trigger.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"bottom-start\", \"bottom-end\", \"top-start\", \"top-end\", \"right-start\", \"left-start\"]\n\t\t}\n\t}\n} satisfies Meta<typeof LayoutPicker>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\targs: {\n\t\tvalue: \"two-rows\"\n\t},\n\n\tname: \"Контролируемый выбор\",\n\n\trender: function Render(args) {\n\t\tconst [, updateArgs] = useArgs<LayoutPickerProps>();\n\t\tconst presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;\n\n\t\treturn (\n\t\t\t<div className={styles.canvas}>\n\t\t\t\t<LayoutPicker\n\t\t\t\t\t{...args}\n\t\t\t\t\tpresets={presets}\n\t\t\t\t\tonChange={(layoutId) => {\n\t\t\t\t\t\targs.onChange(layoutId);\n\t\t\t\t\t\tupdateArgs({ value: layoutId });\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<PresetSummary value={args.value ?? \"\"} presets={presets} />\n\t\t\t</div>\n\t\t);\n\t}\n};\n\nexport const Placeholder: Story = {\n\tname: \"Без выбранного значения\",\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"\");\n\t\tconst presets = args.presets ?? DEFAULT_LAYOUT_PICKER_PRESETS;\n\n\t\treturn (\n\t\t\t<div className={styles.canvas}>\n\t\t\t\t<LayoutPicker\n\t\t\t\t\t{...args}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tpresets={presets}\n\t\t\t\t\tplaceholder=\"Layout ещё не выбран\"\n\t\t\t\t\tonChange={(layoutId) => {\n\t\t\t\t\t\tsetValue(layoutId);\n\t\t\t\t\t\targs.onChange(layoutId);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<PresetSummary value={value} presets={presets} />\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: \"\"\n\t}\n};\n\nexport const CustomPresets: Story = {\n\tname: \"Кастомные пресеты\",\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<string>(dashboardPresets[0].id);\n\n\t\treturn (\n\t\t\t<div className={styles.canvas}>\n\t\t\t\t<LayoutPicker\n\t\t\t\t\t{...args}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tpresets={dashboardPresets}\n\t\t\t\t\tariaLabel=\"Выбрать layout дашборда\"\n\t\t\t\t\tonChange={(layoutId) => {\n\t\t\t\t\t\tsetValue(layoutId);\n\t\t\t\t\t\targs.onChange(layoutId);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<PresetSummary value={value} presets={dashboardPresets} />\n\t\t\t\t<LayoutPreview value={value} presets={dashboardPresets} />\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tvalue: dashboardPresets[0].id,\n\t\tpresets: dashboardPresets\n\t}\n};\n\nexport const DisabledPresets: Story = {\n\tname: \"Заблокированные пресеты\",\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"single-cell\");\n\n\t\treturn (\n\t\t\t<div className={styles.canvas}>\n\t\t\t\t<LayoutPicker\n\t\t\t\t\t{...args}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tgetPresetDisabled={(preset) => preset.id === \"two-columns\" || preset.id === \"large-left-two-right\"}\n\t\t\t\t\tonChange={(layoutId) => {\n\t\t\t\t\t\tsetValue(layoutId);\n\t\t\t\t\t\targs.onChange(layoutId);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div className={styles.muted}>Пресеты с двумя колонками в этом сценарии недоступны.</div>\n\t\t\t\t<PresetSummary value={value} presets={DEFAULT_LAYOUT_PICKER_PRESETS} />\n\t\t\t</div>\n\t\t);\n\t}\n};\n\nexport const InToolbar: Story = {\n\tname: \"В панели настройки\",\n\trender: () => <ControlledExample />\n};\n\nexport const Disabled: Story = {\n\tname: \"Заблокированный контрол\",\n\targs: {\n\t\tdisabled: true,\n\t\tvalue: \"two-columns\"\n\t}\n};\n"],"mappings":"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"}

package/dist/listbox/stories/Listbox.stories.d.ts

@@ -1,76 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-type StringOption = {
-    id: string;
-    label?: string;
-    disabled?: boolean;
-};
-declare function StringListbox(props: {
-    options: StringOption[];
-    multiple?: boolean;
-    value?: string | string[];
-    defaultValue?: string | string[];
-    focusOnMount?: boolean;
-    onChange?: (value: string | string[], option: StringOption) => void;
-    renderItem?: (option: StringOption, selected: boolean, active: boolean) => React.ReactNode;
-    getKey?: (option: StringOption, index: number) => string;
-    className?: string;
-}): import("react").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof StringListbox;
-    args: {
-        options: StringOption[];
-        multiple: false;
-        value: string;
-        onChange: () => void;
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        options: {
-            description: string;
-            control: false;
-        };
-        multiple: {
-            description: string;
-            control: "boolean";
-        };
-        value: {
-            description: string;
-            control: false;
-        };
-        defaultValue: {
-            description: string;
-            control: false;
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        focusOnMount: {
-            description: string;
-            control: "boolean";
-        };
-        renderItem: {
-            description: string;
-            control: false;
-        };
-        getKey: {
-            description: string;
-            control: false;
-        };
-        className: {
-            description: string;
-            control: "text";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SingleSelect: Story;
-export declare const MultiSelect: Story;
-export declare const CustomRender: Story;
-//# sourceMappingURL=Listbox.stories.d.ts.map

package/dist/listbox/stories/Listbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../src/listbox/stories/Listbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,YAAY,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3F,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,+BASA;AASD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC"}

package/dist/listbox/stories/Listbox.stories.js

@@ -1,140 +0,0 @@
-import { t as e } from "../../chunks/Listbox-BZlp5qHz.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/listbox/stories/Listbox.stories.tsx
-function i(t) {
-	return t.multiple ? /* @__PURE__ */ n(e, {
-		...t,
-		multiple: !0
-	}) : /* @__PURE__ */ n(e, { ...t });
-}
-var a = {
-	title: "Shared/UI/Listbox",
-	component: i,
-	args: {
-		options: [
-			{
-				id: "low",
-				label: "Низкий"
-			},
-			{
-				id: "medium",
-				label: "Средний"
-			},
-			{
-				id: "high",
-				label: "Высокий"
-			},
-			{
-				id: "critical",
-				label: "Критический",
-				disabled: !0
-			}
-		],
-		multiple: !1,
-		value: "medium",
-		onChange: () => {}
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		options: {
-			description: "Массив доступных опций списка.",
-			control: !1
-		},
-		multiple: {
-			description: "Режим множественного выбора.",
-			control: "boolean"
-		},
-		value: {
-			description: "Текущее выбранное значение (или массив значений).",
-			control: !1
-		},
-		defaultValue: {
-			description: "Начальное значение для uncontrolled-режима.",
-			control: !1
-		},
-		onChange: {
-			description: "Вызывается при выборе опции.",
-			control: !1
-		},
-		focusOnMount: {
-			description: "Автофокус списка при монтировании.",
-			control: "boolean"
-		},
-		renderItem: {
-			description: "Кастомный рендер строки списка.",
-			control: !1
-		},
-		getKey: {
-			description: "Функция генерации ключа для опции.",
-			control: !1
-		},
-		className: {
-			description: "Дополнительный CSS-класс.",
-			control: "text"
-		}
-	}
-}, o = { render: (e) => {
-	let [a, o] = t("medium");
-	return /* @__PURE__ */ r("div", {
-		style: {
-			display: "grid",
-			gap: 12,
-			maxWidth: 280
-		},
-		children: [/* @__PURE__ */ n(i, {
-			...e,
-			multiple: !1,
-			value: a,
-			onChange: (e) => {
-				typeof e == "string" && o(e);
-			}
-		}), /* @__PURE__ */ r("div", { children: ["Выбрано: ", a] })]
-	});
-} }, s = {
-	render: (e) => {
-		let [a, o] = t(["low", "high"]);
-		return /* @__PURE__ */ r("div", {
-			style: {
-				display: "grid",
-				gap: 12,
-				maxWidth: 320
-			},
-			children: [/* @__PURE__ */ n(i, {
-				...e,
-				multiple: !0,
-				value: a,
-				onChange: (e) => {
-					Array.isArray(e) && o(e);
-				}
-			}), /* @__PURE__ */ r("div", { children: ["Выбрано: ", a.join(", ") || "пусто"] })]
-		});
-	},
-	args: { multiple: !0 }
-}, c = { render: (e) => {
-	let [a, o] = t("low");
-	return /* @__PURE__ */ n(i, {
-		...e,
-		value: a,
-		onChange: (e) => {
-			typeof e == "string" && o(e);
-		},
-		renderItem: (e, t, i) => /* @__PURE__ */ r("div", {
-			style: {
-				display: "flex",
-				justifyContent: "space-between",
-				width: "100%",
-				opacity: e.disabled ? .5 : 1
-			},
-			children: [/* @__PURE__ */ n("span", { children: e.label }), /* @__PURE__ */ n("span", { children: t ? "Выбрано" : i ? "Фокус" : "" })]
-		})
-	});
-} };
-//#endregion
-export { c as CustomRender, s as MultiSelect, o as SingleSelect, a as default };
-
-//# sourceMappingURL=Listbox.stories.js.map