@ryuzaki13/react-foundation-ui 1.0.7 → 1.0.11

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

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox.stories.js","names":[],"sources":["../../../src/listbox/stories/Listbox.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Listbox } from \"../Listbox\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\ntype StringOption = {\n\tid: string;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\nfunction StringListbox(props: {\n\toptions: StringOption[];\n\tmultiple?: boolean;\n\tvalue?: string | string[];\n\tdefaultValue?: string | string[];\n\tfocusOnMount?: boolean;\n\tonChange?: (value: string | string[], option: StringOption) => void;\n\trenderItem?: (option: StringOption, selected: boolean, active: boolean) => React.ReactNode;\n\tgetKey?: (option: StringOption, index: number) => string;\n\tclassName?: string;\n}) {\n\tif (props.multiple) {\n\t\t// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n\t\t// @ts-ignore\n\t\treturn <Listbox<string> {...props} multiple />;\n\t}\n\t// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n\t// @ts-ignore\n\treturn <Listbox<string> {...props} />;\n}\n\nconst options: StringOption[] = [\n\t{ id: \"low\", label: \"Низкий\" },\n\t{ id: \"medium\", label: \"Средний\" },\n\t{ id: \"high\", label: \"Высокий\" },\n\t{ id: \"critical\", label: \"Критический\", disabled: true }\n];\n\nconst meta = {\n\ttitle: \"Shared/UI/Listbox\",\n\tcomponent: StringListbox,\n\targs: {\n\t\toptions,\n\t\tmultiple: false,\n\t\tvalue: \"medium\",\n\t\tonChange: () => {}\n\t},\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"padded\"\n\t},\n\ttags: [\"autodocs\"],\n\targTypes: {\n\t\toptions: {\n\t\t\tdescription: \"Массив доступных опций списка.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tmultiple: {\n\t\t\tdescription: \"Режим множественного выбора.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущее выбранное значение (или массив значений).\",\n\t\t\tcontrol: false\n\t\t},\n\t\tdefaultValue: {\n\t\t\tdescription: \"Начальное значение для uncontrolled-режима.\",\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\tfocusOnMount: {\n\t\t\tdescription: \"Автофокус списка при монтировании.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\trenderItem: {\n\t\t\tdescription: \"Кастомный рендер строки списка.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetKey: {\n\t\t\tdescription: \"Функция генерации ключа для опции.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс.\",\n\t\t\tcontrol: \"text\"\n\t\t}\n\t}\n} satisfies Meta<typeof StringListbox>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const SingleSelect: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<string>(\"medium\");\n\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 12, maxWidth: 280 }}>\n\t\t\t\t<StringListbox\n\t\t\t\t\t{...args}\n\t\t\t\t\tmultiple={false}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={(next) => {\n\t\t\t\t\t\tif (typeof next === \"string\") setValue(next);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div>Выбрано: {value}</div>\n\t\t\t</div>\n\t\t);\n\t}\n};\n\nexport const MultiSelect: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<string[]>([\"low\", \"high\"]);\n\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 12, maxWidth: 320 }}>\n\t\t\t\t<StringListbox\n\t\t\t\t\t{...args}\n\t\t\t\t\tmultiple\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={(next) => {\n\t\t\t\t\t\tif (Array.isArray(next)) setValue(next);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<div>Выбрано: {value.join(\", \") || \"пусто\"}</div>\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tmultiple: true\n\t}\n};\n\nexport const CustomRender: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<string>(\"low\");\n\n\t\treturn (\n\t\t\t<StringListbox\n\t\t\t\t{...args}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(next) => {\n\t\t\t\t\tif (typeof next === \"string\") setValue(next);\n\t\t\t\t}}\n\t\t\t\trenderItem={(option, selected, active) => (\n\t\t\t\t\t<div style={{ display: \"flex\", justifyContent: \"space-between\", width: \"100%\", opacity: option.disabled ? 0.5 : 1 }}>\n\t\t\t\t\t\t<span>{option.label}</span>\n\t\t\t\t\t\t<span>{selected ? \"Выбрано\" : active ? \"Фокус\" : \"\"}</span>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n};\n"],"mappings":";;;;AAYA,SAAS,EAAc,GAUpB;CAQF,OAPI,EAAM,WAGF,kBAAC,GAAD;EAAiB,GAAI;EAAO,UAAA;CAAU,CAAA,IAIvC,kBAAC,GAAD,EAAiB,GAAI,EAAQ,CAAA;AACrC;AASA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,SAAA;GAVD;IAAE,IAAI;IAAO,OAAO;GAAS;GAC7B;IAAE,IAAI;IAAU,OAAO;GAAU;GACjC;IAAE,IAAI;IAAQ,OAAO;GAAU;GAC/B;IAAE,IAAI;IAAY,OAAO;IAAe,UAAU;GAAK;EAOtD;EACA,UAAU;EACV,OAAO;EACP,gBAAgB,CAAC;CAClB;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,SAAS;GACR,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,cAAc;GACb,aAAa;GACb,SAAS;EACV;EACA,YAAY;GACX,aAAa;GACb,SAAS;EACV;EACA,QAAQ;GACP,aAAa;GACb,SAAS;EACV;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAsB,EAClC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,QAAQ;CAEnD,OACC,kBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,KAAK;GAAI,UAAU;EAAI;YAAtD,CACC,kBAAC,GAAD;GACC,GAAI;GACJ,UAAU;GACH;GACP,WAAW,MAAS;IACnB,AAAI,OAAO,KAAS,YAAU,EAAS,CAAI;GAC5C;EACA,CAAA,GACD,kBAAC,OAAD,EAAA,UAAA,CAAK,aAAU,CAAW,EAAA,CAAA,CACtB;;AAEP,EACD,GAEa,IAAqB;CACjC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAmB,CAAC,OAAO,MAAM,CAAC;EAE5D,OACC,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,KAAK;IAAI,UAAU;GAAI;aAAtD,CACC,kBAAC,GAAD;IACC,GAAI;IACJ,UAAA;IACO;IACP,WAAW,MAAS;KACnB,AAAI,MAAM,QAAQ,CAAI,KAAG,EAAS,CAAI;IACvC;GACA,CAAA,GACD,kBAAC,OAAD,EAAA,UAAA,CAAK,aAAU,EAAM,KAAK,IAAI,KAAK,OAAa,EAAA,CAAA,CAC5C;;CAEP;CACA,MAAM,EACL,UAAU,GACX;AACD,GAEa,IAAsB,EAClC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAAiB,KAAK;CAEhD,OACC,kBAAC,GAAD;EACC,GAAI;EACG;EACP,WAAW,MAAS;GACnB,AAAI,OAAO,KAAS,YAAU,EAAS,CAAI;EAC5C;EACA,aAAa,GAAQ,GAAU,MAC9B,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,gBAAgB;IAAiB,OAAO;IAAQ,SAAS,EAAO,WAAW,KAAM;GAAE;aAAlH,CACC,kBAAC,QAAD,EAAA,UAAO,EAAO,MAAY,CAAA,GAC1B,kBAAC,QAAD,EAAA,UAAO,IAAW,YAAY,IAAS,UAAU,GAAS,CAAA,CACtD;;CAEN,CAAA;AAEH,EACD"}

package/dist/modal/stories/Modal.stories.d.ts

@@ -1,74 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("../Modal").ModalProps>;
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    decorators: ((story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        isOpen?: boolean | undefined;
-        title?: string | undefined;
-        size?: keyof typeof import("../types").ModalSize | undefined;
-        height?: string | undefined;
-        onClose: () => void;
-        children: import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps & {
-            scrollable?: boolean;
-        }>> | [import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps>>, import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps & {
-            scrollable?: boolean;
-        }>>, import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps>>] | [import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps>>, import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps & {
-            scrollable?: boolean;
-        }>>] | [import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps & {
-            scrollable?: boolean;
-        }>>, import("react").ReactElement<import("../Modal").ModalCompositionProps, import("react").FC<import("../Modal").ModalCompositionProps>>];
-    }>) => import("react").JSX.Element)[];
-    args: {
-        isOpen: false;
-        title: string;
-        size: "md";
-        height: undefined;
-        onClose: () => void;
-        children: import("react").JSX.Element;
-    };
-    argTypes: {
-        isOpen: {
-            description: string;
-            control: "boolean";
-        };
-        title: {
-            description: string;
-            control: "text";
-        };
-        size: {
-            description: string;
-            control: "inline-radio";
-            options: string[];
-        };
-        height: {
-            description: string;
-            control: "text";
-        };
-        onClose: {
-            description: string;
-            control: false;
-        };
-        children: {
-            description: string;
-            control: false;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Controlled: Story;
-export declare const WithToolbarAndFooter: Story;
-export declare const ScrollableContent: Story;
-export declare const Sizes: Story;
-export declare const StackedModals: Story;
-//# sourceMappingURL=Modal.stories.d.ts.map

package/dist/modal/stories/Modal.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/modal/stories/Modal.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAsC5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KA2ClC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KA+BnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAC"}

package/dist/modal/stories/Modal.stories.js

@@ -1,320 +0,0 @@
-import { t as e } from "../../chunks/Button-CCWuggdA.js";
-import { t } from "../../chunks/Input-BYUl3UFn.js";
-import { a as n, i as r, n as i, r as a, t as o } from "../../chunks/modal-ByNRME3b.js";
-import { useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/modal/stories/Modal.stories.tsx
-function d({ children: e }) {
-	return /* @__PURE__ */ l("div", {
-		style: {
-			minHeight: "60dvh",
-			padding: 24,
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center"
-		},
-		children: e
-	});
-}
-function f() {
-	let [e, n] = s("Алексей"), [r, i] = s("Департамент автоматизации бизнеса");
-	return /* @__PURE__ */ u("div", {
-		style: {
-			display: "grid",
-			gap: 16
-		},
-		children: [
-			/* @__PURE__ */ l(t, {
-				label: "Имя",
-				value: e,
-				onChange: n,
-				placeholder: "Введите имя"
-			}),
-			/* @__PURE__ */ l(t, {
-				label: "Подразделение",
-				value: r,
-				onChange: i,
-				placeholder: "Введите подразделение"
-			}),
-			/* @__PURE__ */ u("div", {
-				style: {
-					padding: 12,
-					borderRadius: 8,
-					background: "var(--surface-1)",
-					border: "1px solid var(--border-1)"
-				},
-				children: [
-					"Текущие значения: ",
-					e || "не указано",
-					", ",
-					r || "не указано"
-				]
-			})
-		]
-	});
-}
-var p = {
-	title: "Shared/UI/Modal",
-	component: i,
-	parameters: {
-		atomicCanvas: !0,
-		layout: "fullscreen",
-		docs: { description: { component: "Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`." } }
-	},
-	tags: ["autodocs"],
-	decorators: [(e) => /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(d, { children: e() }) })],
-	args: {
-		isOpen: !1,
-		title: "Редактирование профиля",
-		size: "md",
-		height: void 0,
-		onClose: () => {},
-		children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
-			variant: "transparent",
-			children: "Отмена"
-		}), /* @__PURE__ */ l(e, { children: "Сохранить" })] })] })
-	},
-	argTypes: {
-		isOpen: {
-			description: "Управляет видимостью модального окна.",
-			control: "boolean"
-		},
-		title: {
-			description: "Заголовок модального окна.",
-			control: "text"
-		},
-		size: {
-			description: "Предустановленный размер модального окна.",
-			control: "inline-radio",
-			options: [
-				"sm",
-				"md",
-				"lg",
-				"xl",
-				"inside"
-			]
-		},
-		height: {
-			description: "Явная высота body-области модалки.",
-			control: "text"
-		},
-		onClose: {
-			description: "Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",
-			control: !1
-		},
-		children: {
-			description: "Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",
-			control: !1
-		}
-	}
-}, m = {
-	name: "Управляемая модалка",
-	render: (t) => {
-		let [n, o] = s(!1);
-		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
-			onClick: () => o(!0),
-			children: "Открыть модалку"
-		}), /* @__PURE__ */ u(i, {
-			...t,
-			isOpen: n,
-			onClose: () => o(!1),
-			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
-				variant: "transparent",
-				onClick: () => o(!1),
-				children: "Отмена"
-			}), /* @__PURE__ */ l(e, {
-				onClick: () => o(!1),
-				children: "Сохранить"
-			})] })]
-		})] });
-	}
-}, h = {
-	name: "Полная композиция",
-	render: (t) => {
-		let [o, d] = s(!1);
-		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
-			onClick: () => d(!0),
-			children: "Открыть сценарий редактирования"
-		}), /* @__PURE__ */ u(i, {
-			...t,
-			isOpen: o,
-			onClose: () => d(!1),
-			height: "min(34rem, 70dvh)",
-			children: [
-				/* @__PURE__ */ l(n, { children: /* @__PURE__ */ u("div", {
-					style: {
-						display: "flex",
-						alignItems: "center",
-						justifyContent: "space-between",
-						gap: 12,
-						padding: 12,
-						borderRadius: 8,
-						background: "var(--surface-1)",
-						border: "1px solid var(--border-1)"
-					},
-					children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
-						style: { fontWeight: 600 },
-						children: "Черновик обновлён автоматически"
-					}), /* @__PURE__ */ l("div", {
-						style: { opacity: .72 },
-						children: "Последнее сохранение: 2 минуты назад"
-					})] }), /* @__PURE__ */ l(e, {
-						variant: "transparent",
-						children: "Сбросить"
-					})]
-				}) }),
-				/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(f, {}) }),
-				/* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(e, {
-					variant: "transparent",
-					onClick: () => d(!1),
-					children: "Отмена"
-				}), /* @__PURE__ */ l(e, {
-					variant: "success",
-					onClick: () => d(!1),
-					children: "Применить"
-				})] })
-			]
-		})] });
-	}
-}, g = {
-	name: "Длинный контент",
-	render: (t) => {
-		let [n, o] = s(!1);
-		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(e, {
-			onClick: () => o(!0),
-			children: "Открыть длинный контент"
-		}), /* @__PURE__ */ u(i, {
-			...t,
-			isOpen: n,
-			onClose: () => o(!1),
-			size: "lg",
-			height: "min(38rem, 75dvh)",
-			title: "Журнал изменений",
-			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ l("div", {
-				style: {
-					display: "grid",
-					gap: 12
-				},
-				children: Array.from({ length: 18 }, (e, t) => /* @__PURE__ */ u("div", {
-					style: {
-						padding: 12,
-						borderRadius: 8,
-						border: "1px solid var(--border-1)",
-						background: "var(--surface-1)"
-					},
-					children: [/* @__PURE__ */ u("div", {
-						style: { fontWeight: 600 },
-						children: ["Событие #", t + 1]
-					}), /* @__PURE__ */ l("div", {
-						style: { opacity: .72 },
-						children: "Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации."
-					})]
-				}, t))
-			}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
-				onClick: () => o(!1),
-				children: "Закрыть"
-			}) })]
-		})] });
-	}
-}, _ = {
-	name: "Размеры",
-	render: () => {
-		let [t, n] = s(null);
-		return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
-			style: {
-				display: "flex",
-				flexWrap: "wrap",
-				gap: 12,
-				justifyContent: "center"
-			},
-			children: [
-				"sm",
-				"md",
-				"lg",
-				"xl",
-				"inside"
-			].map((t) => /* @__PURE__ */ l(e, {
-				variant: "transparent",
-				onClick: () => n(t),
-				children: t.toUpperCase()
-			}, t))
-		}), t && /* @__PURE__ */ u(i, {
-			isOpen: !0,
-			onClose: () => n(null),
-			size: t,
-			title: `Размер ${t.toUpperCase()}`,
-			children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
-				style: {
-					display: "grid",
-					gap: 12
-				},
-				children: [/* @__PURE__ */ l("div", { children: "Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров." }), /* @__PURE__ */ l("div", {
-					style: { opacity: .72 },
-					children: "Проверьте отступы, читабельность и поведение при `Escape`."
-				})]
-			}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
-				onClick: () => n(null),
-				children: "Понятно"
-			}) })]
-		})] });
-	}
-}, v = {
-	name: "Стек модалок",
-	render: (n) => {
-		let [o, d] = s(!1), [f, p] = s(!1);
-		return /* @__PURE__ */ u(c, { children: [
-			/* @__PURE__ */ l(e, {
-				onClick: () => d(!0),
-				children: "Открыть первую модалку"
-			}),
-			/* @__PURE__ */ u(i, {
-				...n,
-				isOpen: o,
-				onClose: () => {
-					p(!1), d(!1);
-				},
-				size: "lg",
-				title: "Первая модалка",
-				children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
-					style: {
-						display: "grid",
-						gap: 16
-					},
-					children: [/* @__PURE__ */ l("div", { children: "Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой." }), /* @__PURE__ */ l(e, {
-						variant: "transparent",
-						onClick: () => p(!0),
-						children: "Открыть вторую модалку"
-					})]
-				}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
-					variant: "transparent",
-					onClick: () => d(!1),
-					children: "Закрыть первую"
-				}) })]
-			}),
-			/* @__PURE__ */ u(i, {
-				isOpen: f,
-				onClose: () => p(!1),
-				size: "sm",
-				title: "Вторая модалка",
-				children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
-					style: {
-						display: "grid",
-						gap: 12
-					},
-					children: [/* @__PURE__ */ l("div", { children: "Эта модалка должна считаться верхней в стеке." }), /* @__PURE__ */ l(t, {
-						label: "Короткое поле",
-						value: "Фокус внутри",
-						onChange: () => {}
-					})]
-				}) }), /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(e, {
-					onClick: () => p(!1),
-					children: "Закрыть вторую"
-				}) })]
-			})
-		] });
-	}
-};
-//#endregion
-export { m as Controlled, g as ScrollableContent, _ as Sizes, v as StackedModals, h as WithToolbarAndFooter, p as default };
-
-//# sourceMappingURL=Modal.stories.js.map

package/dist/modal/stories/Modal.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.stories.js","names":[],"sources":["../../../src/modal/stories/Modal.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Button } from \"../../button\";\nimport { Input } from \"../../input\";\nimport { Modal, ModalContent, ModalFooter, ModalManagerProvider, ModalToolbar } from \"../index\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nfunction StoryCanvas({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tminHeight: \"60dvh\",\n\t\t\t\tpadding: 24,\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\tjustifyContent: \"center\"\n\t\t\t}}>\n\t\t\t{children}\n\t\t</div>\n\t);\n}\n\nfunction DemoFormContent() {\n\tconst [name, setName] = useState(\"Алексей\");\n\tconst [department, setDepartment] = useState(\"Департамент автоматизации бизнеса\");\n\n\treturn (\n\t\t<div style={{ display: \"grid\", gap: 16 }}>\n\t\t\t<Input label=\"Имя\" value={name} onChange={setName} placeholder=\"Введите имя\" />\n\t\t\t<Input label=\"Подразделение\" value={department} onChange={setDepartment} placeholder=\"Введите подразделение\" />\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: 12,\n\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\tbackground: \"var(--surface-1)\",\n\t\t\t\t\tborder: \"1px solid var(--border-1)\"\n\t\t\t\t}}>\n\t\t\t\tТекущие значения: {name || \"не указано\"}, {department || \"не указано\"}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/Modal\",\n\tcomponent: Modal,\n\tparameters: {\n\t\tatomicCanvas: true,\n\t\tlayout: \"fullscreen\",\n\t\tdocs: {\n\t\t\tdescription: {\n\t\t\t\tcomponent:\n\t\t\t\t\t\"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`.\"\n\t\t\t}\n\t\t}\n\t},\n\ttags: [\"autodocs\"],\n\tdecorators: [\n\t\t(story) => (\n\t\t\t<ModalManagerProvider>\n\t\t\t\t<StoryCanvas>{story()}</StoryCanvas>\n\t\t\t</ModalManagerProvider>\n\t\t)\n\t],\n\targs: {\n\t\tisOpen: false,\n\t\ttitle: \"Редактирование профиля\",\n\t\tsize: \"md\",\n\t\theight: undefined,\n\t\tonClose: () => {},\n\t\tchildren: (\n\t\t\t<>\n\t\t\t\t<ModalContent>\n\t\t\t\t\t<DemoFormContent />\n\t\t\t\t</ModalContent>\n\t\t\t\t<ModalFooter>\n\t\t\t\t\t<Button variant=\"transparent\">Отмена</Button>\n\t\t\t\t\t<Button>Сохранить</Button>\n\t\t\t\t</ModalFooter>\n\t\t\t</>\n\t\t)\n\t},\n\targTypes: {\n\t\tisOpen: {\n\t\t\tdescription: \"Управляет видимостью модального окна.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\ttitle: {\n\t\t\tdescription: \"Заголовок модального окна.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Предустановленный размер модального окна.\",\n\t\t\tcontrol: \"inline-radio\",\n\t\t\toptions: [\"sm\", \"md\", \"lg\", \"xl\", \"inside\"]\n\t\t},\n\t\theight: {\n\t\t\tdescription: \"Явная высота body-области модалки.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonClose: {\n\t\t\tdescription: \"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tchildren: {\n\t\t\tdescription: \"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof Modal>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\tname: \"Управляемая модалка\",\n\trender: (args) => {\n\t\tconst [open, setOpen] = useState(false);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button onClick={() => setOpen(true)}>Открыть модалку</Button>\n\t\t\t\t<Modal {...args} isOpen={open} onClose={() => setOpen(false)}>\n\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t<DemoFormContent />\n\t\t\t\t\t</ModalContent>\n\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t<Button variant=\"transparent\" onClick={() => setOpen(false)}>\n\t\t\t\t\t\t\tОтмена\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button onClick={() => setOpen(false)}>Сохранить</Button>\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t</Modal>\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const WithToolbarAndFooter: Story = {\n\tname: \"Полная композиция\",\n\trender: (args) => {\n\t\tconst [open, setOpen] = useState(false);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button onClick={() => setOpen(true)}>Открыть сценарий редактирования</Button>\n\t\t\t\t<Modal {...args} isOpen={open} onClose={() => setOpen(false)} height=\"min(34rem, 70dvh)\">\n\t\t\t\t\t<ModalToolbar>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\t\t\t\tgap: 12,\n\t\t\t\t\t\t\t\tpadding: 12,\n\t\t\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t\t\t\tbackground: \"var(--surface-1)\",\n\t\t\t\t\t\t\t\tborder: \"1px solid var(--border-1)\"\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<div style={{ fontWeight: 600 }}>Черновик обновлён автоматически</div>\n\t\t\t\t\t\t\t\t<div style={{ opacity: 0.72 }}>Последнее сохранение: 2 минуты назад</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Button variant=\"transparent\">Сбросить</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ModalToolbar>\n\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t<DemoFormContent />\n\t\t\t\t\t</ModalContent>\n\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t<Button variant=\"transparent\" onClick={() => setOpen(false)}>\n\t\t\t\t\t\t\tОтмена\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button variant=\"success\" onClick={() => setOpen(false)}>\n\t\t\t\t\t\t\tПрименить\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t</Modal>\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const ScrollableContent: Story = {\n\tname: \"Длинный контент\",\n\trender: (args) => {\n\t\tconst [open, setOpen] = useState(false);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button onClick={() => setOpen(true)}>Открыть длинный контент</Button>\n\t\t\t\t<Modal {...args} isOpen={open} onClose={() => setOpen(false)} size=\"lg\" height=\"min(38rem, 75dvh)\" title=\"Журнал изменений\">\n\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t\t\t\t\t{Array.from({ length: 18 }, (_, index) => (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tpadding: 12,\n\t\t\t\t\t\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\t\t\t\t\t\tborder: \"1px solid var(--border-1)\",\n\t\t\t\t\t\t\t\t\t\tbackground: \"var(--surface-1)\"\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t<div style={{ fontWeight: 600 }}>Событие #{index + 1}</div>\n\t\t\t\t\t\t\t\t\t<div style={{ opacity: 0.72 }}>\n\t\t\t\t\t\t\t\t\t\tПользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.\n\t\t\t\t\t\t\t\t\t</div>\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</div>\n\t\t\t\t\t</ModalContent>\n\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t<Button onClick={() => setOpen(false)}>Закрыть</Button>\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t</Modal>\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const Sizes: Story = {\n\tname: \"Размеры\",\n\trender: () => {\n\t\tconst [openSize, setOpenSize] = useState<\"sm\" | \"md\" | \"lg\" | \"xl\" | \"inside\" | null>(null);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div style={{ display: \"flex\", flexWrap: \"wrap\", gap: 12, justifyContent: \"center\" }}>\n\t\t\t\t\t{([\"sm\", \"md\", \"lg\", \"xl\", \"inside\"] as const).map((size) => (\n\t\t\t\t\t\t<Button key={size} variant=\"transparent\" onClick={() => setOpenSize(size)}>\n\t\t\t\t\t\t\t{size.toUpperCase()}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t{openSize && (\n\t\t\t\t\t<Modal isOpen onClose={() => setOpenSize(null)} size={openSize} title={`Размер ${openSize.toUpperCase()}`}>\n\t\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t\t\t\t\t\t<div>Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.</div>\n\t\t\t\t\t\t\t\t<div style={{ opacity: 0.72 }}>Проверьте отступы, читабельность и поведение при `Escape`.</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ModalContent>\n\t\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t\t<Button onClick={() => setOpenSize(null)}>Понятно</Button>\n\t\t\t\t\t\t</ModalFooter>\n\t\t\t\t\t</Modal>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t}\n};\n\nexport const StackedModals: Story = {\n\tname: \"Стек модалок\",\n\trender: (args) => {\n\t\tconst [outerOpen, setOuterOpen] = useState(false);\n\t\tconst [innerOpen, setInnerOpen] = useState(false);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button onClick={() => setOuterOpen(true)}>Открыть первую модалку</Button>\n\n\t\t\t\t<Modal\n\t\t\t\t\t{...args}\n\t\t\t\t\tisOpen={outerOpen}\n\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\tsetInnerOpen(false);\n\t\t\t\t\t\tsetOuterOpen(false);\n\t\t\t\t\t}}\n\t\t\t\t\tsize=\"lg\"\n\t\t\t\t\ttitle=\"Первая модалка\">\n\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gap: 16 }}>\n\t\t\t\t\t\t\t<div>Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой.</div>\n\t\t\t\t\t\t\t<Button variant=\"transparent\" onClick={() => setInnerOpen(true)}>\n\t\t\t\t\t\t\t\tОткрыть вторую модалку\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ModalContent>\n\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t<Button variant=\"transparent\" onClick={() => setOuterOpen(false)}>\n\t\t\t\t\t\t\tЗакрыть первую\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t</Modal>\n\n\t\t\t\t<Modal isOpen={innerOpen} onClose={() => setInnerOpen(false)} size=\"sm\" title=\"Вторая модалка\">\n\t\t\t\t\t<ModalContent>\n\t\t\t\t\t\t<div style={{ display: \"grid\", gap: 12 }}>\n\t\t\t\t\t\t\t<div>Эта модалка должна считаться верхней в стеке.</div>\n\t\t\t\t\t\t\t<Input label=\"Короткое поле\" value={\"Фокус внутри\"} onChange={() => {}} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ModalContent>\n\t\t\t\t\t<ModalFooter>\n\t\t\t\t\t\t<Button onClick={() => setInnerOpen(false)}>Закрыть вторую</Button>\n\t\t\t\t\t</ModalFooter>\n\t\t\t\t</Modal>\n\t\t\t</>\n\t\t);\n\t}\n};\n"],"mappings":"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"}

package/dist/multi-select/ui/stories/MultiSelect.stories.d.ts

@@ -1,67 +0,0 @@
-import { CollectionItem } from "@ryuzaki13/react-foundation-lib/odata";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("..").MultiSelectProps<CollectionItem> & import("react").RefAttributes<HTMLInputElement>>;
-    args: {
-        label: string;
-        description: string;
-        placeholder: string;
-        value: never[];
-        onChange: () => void;
-        codeKey: string;
-        textKey: string;
-        items: CollectionItem[];
-        query: string;
-        onQuery: () => void;
-        onOpen: () => void;
-        onClose: () => void;
-        size: "md";
-        disabled: false;
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        value: {
-            control: false;
-        };
-        onChange: {
-            control: false;
-        };
-        items: {
-            control: false;
-        };
-        onQuery: {
-            control: false;
-        };
-        onOpen: {
-            control: false;
-        };
-        onClose: {
-            control: false;
-        };
-        renderToken: {
-            control: false;
-        };
-        renderToolbar: {
-            control: false;
-        };
-        renderItem: {
-            control: false;
-        };
-        size: {
-            control: "select";
-            options: string[];
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Basic: Story;
-export declare const Loading: Story;
-export declare const ErrorState: Story;
-export declare const Empty: Story;
-//# sourceMappingURL=MultiSelect.stories.d.ts.map

package/dist/multi-select/ui/stories/MultiSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../../src/multi-select/ui/stories/MultiSelect.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAIvE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC"}

package/dist/multi-select/ui/stories/MultiSelect.stories.js

@@ -1,114 +0,0 @@
-import { t as e } from "../../../chunks/MultiSelect-B0nfMSpS.js";
-import { useMemo as t, useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/multi-select/ui/stories/MultiSelect.stories.tsx
-var i = [
-	{
-		code: "MOW",
-		label: "Москва"
-	},
-	{
-		code: "SPB",
-		label: "Санкт-Петербург"
-	},
-	{
-		code: "EKB",
-		label: "Екатеринбург"
-	},
-	{
-		code: "KZN",
-		label: "Казань"
-	},
-	{
-		code: "NSK",
-		label: "Новосибирск"
-	}
-], a = {
-	title: "Shared/UI/MultiSelect",
-	component: e,
-	args: {
-		label: "Города",
-		description: "Выберите несколько значений.",
-		placeholder: "Начните вводить",
-		value: [],
-		onChange: () => {},
-		codeKey: "code",
-		textKey: "label",
-		items: i,
-		query: "",
-		onQuery: () => {},
-		onOpen: () => {},
-		onClose: () => {},
-		size: "md",
-		disabled: !1
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		value: { control: !1 },
-		onChange: { control: !1 },
-		items: { control: !1 },
-		onQuery: { control: !1 },
-		onOpen: { control: !1 },
-		onClose: { control: !1 },
-		renderToken: { control: !1 },
-		renderToolbar: { control: !1 },
-		renderItem: { control: !1 },
-		size: {
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		}
-	}
-}, o = { render: (a) => {
-	let [o, s] = n([i[1]]), [c, l] = n(""), u = t(() => {
-		let e = c.trim().toLowerCase();
-		return e ? i.filter((t) => t.label.toLowerCase().includes(e) || t.code.toLowerCase().includes(e)) : i;
-	}, [c]);
-	return /* @__PURE__ */ r(e, {
-		...a,
-		value: o,
-		items: u,
-		query: c,
-		onQuery: l,
-		onChange: s
-	});
-} }, s = { render: (t) => {
-	let [i, a] = n([]);
-	return /* @__PURE__ */ r(e, {
-		...t,
-		value: i,
-		items: [],
-		isLoading: !0,
-		onChange: a
-	});
-} }, c = { render: (t) => {
-	let [i, a] = n([]);
-	return /* @__PURE__ */ r(e, {
-		...t,
-		value: i,
-		items: [],
-		error: "Ошибка загрузки",
-		onChange: a
-	});
-} }, l = { render: (t) => {
-	let [i, a] = n([]);
-	return /* @__PURE__ */ r(e, {
-		...t,
-		value: i,
-		items: [],
-		onChange: a
-	});
-} };
-//#endregion
-export { o as Basic, l as Empty, c as ErrorState, s as Loading, a as default };
-
-//# sourceMappingURL=MultiSelect.stories.js.map

package/dist/multi-select/ui/stories/MultiSelect.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelect.stories.js","names":[],"sources":["../../../../src/multi-select/ui/stories/MultiSelect.stories.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata\";\n\nimport { MultiSelect } from \"../MultiSelect\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nconst catalog: CollectionItem[] = [\n\t{ code: \"MOW\", label: \"Москва\" },\n\t{ code: \"SPB\", label: \"Санкт-Петербург\" },\n\t{ code: \"EKB\", label: \"Екатеринбург\" },\n\t{ code: \"KZN\", label: \"Казань\" },\n\t{ code: \"NSK\", label: \"Новосибирск\" }\n];\n\nconst meta = {\n\ttitle: \"Shared/UI/MultiSelect\",\n\tcomponent: MultiSelect,\n\targs: {\n\t\tlabel: \"Города\",\n\t\tdescription: \"Выберите несколько значений.\",\n\t\tplaceholder: \"Начните вводить\",\n\t\tvalue: [],\n\t\tonChange: () => {},\n\t\tcodeKey: \"code\",\n\t\ttextKey: \"label\",\n\t\titems: catalog,\n\t\tquery: \"\",\n\t\tonQuery: () => {},\n\t\tonOpen: () => {},\n\t\tonClose: () => {},\n\t\tsize: \"md\",\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\tvalue: { control: false },\n\t\tonChange: { control: false },\n\t\titems: { control: false },\n\t\tonQuery: { control: false },\n\t\tonOpen: { control: false },\n\t\tonClose: { control: false },\n\t\trenderToken: { control: false },\n\t\trenderToolbar: { control: false },\n\t\trenderItem: { control: false },\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t}\n\t}\n} satisfies Meta<typeof MultiSelect>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Basic: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([catalog[1]]);\n\t\tconst [query, setQuery] = useState(\"\");\n\t\tconst filteredItems = useMemo(() => {\n\t\t\tconst needle = query.trim().toLowerCase();\n\n\t\t\tif (!needle) {\n\t\t\t\treturn catalog;\n\t\t\t}\n\n\t\t\treturn catalog.filter((item) => item.label.toLowerCase().includes(needle) || item.code.toLowerCase().includes(needle));\n\t\t}, [query]);\n\n\t\treturn <MultiSelect {...args} value={value} items={filteredItems} query={query} onQuery={setQuery} onChange={setValue} />;\n\t}\n};\n\nexport const Loading: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} isLoading onChange={setValue} />;\n\t}\n};\n\nexport const ErrorState: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} error=\"Ошибка загрузки\" onChange={setValue} />;\n\t}\n};\n\nexport const Empty: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<CollectionItem[]>([]);\n\n\t\treturn <MultiSelect {...args} value={value} items={[]} onChange={setValue} />;\n\t}\n};\n"],"mappings":";;;;AAQA,IAAM,IAA4B;CACjC;EAAE,MAAM;EAAO,OAAO;CAAS;CAC/B;EAAE,MAAM;EAAO,OAAO;CAAkB;CACxC;EAAE,MAAM;EAAO,OAAO;CAAe;CACrC;EAAE,MAAM;EAAO,OAAO;CAAS;CAC/B;EAAE,MAAM;EAAO,OAAO;CAAc;AACrC,GAEM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,aAAa;EACb,aAAa;EACb,OAAO,CAAC;EACR,gBAAgB,CAAC;EACjB,SAAS;EACT,SAAS;EACT,OAAO;EACP,OAAO;EACP,eAAe,CAAC;EAChB,cAAc,CAAC;EACf,eAAe,CAAC;EAChB,MAAM;EACN,UAAU;CACX;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO,EAAE,SAAS,GAAM;EACxB,UAAU,EAAE,SAAS,GAAM;EAC3B,OAAO,EAAE,SAAS,GAAM;EACxB,SAAS,EAAE,SAAS,GAAM;EAC1B,QAAQ,EAAE,SAAS,GAAM;EACzB,SAAS,EAAE,SAAS,GAAM;EAC1B,aAAa,EAAE,SAAS,GAAM;EAC9B,eAAe,EAAE,SAAS,GAAM;EAChC,YAAY,EAAE,SAAS,GAAM;EAC7B,MAAM;GACL,SAAS;GACT,SAAS;IAAC;IAAM;IAAM;IAAM;IAAM;GAAI;EACvC;CACD;AACD,GAKa,IAAe,EAC3B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,EAAQ,EAAE,CAAC,GAC3D,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAgB,QAAc;EACnC,IAAM,IAAS,EAAM,KAAK,CAAC,CAAC,YAAY;EAMxC,OAJK,IAIE,EAAQ,QAAQ,MAAS,EAAK,MAAM,YAAY,CAAC,CAAC,SAAS,CAAM,KAAK,EAAK,KAAK,YAAY,CAAC,CAAC,SAAS,CAAM,CAAC,IAH7G;CAIT,GAAG,CAAC,CAAK,CAAC;CAEV,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO;EAAsB;EAAO,SAAS;EAAU,UAAU;CAAW,CAAA;AACzH,EACD,GAEa,IAAiB,EAC7B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,WAAA;EAAU,UAAU;CAAW,CAAA;AACvF,EACD,GAEa,IAAoB,EAChC,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,OAAM;EAAkB,UAAU;CAAW,CAAA;AACrG,EACD,GAEa,IAAe,EAC3B,SAAS,MAAS;CACjB,IAAM,CAAC,GAAO,KAAY,EAA2B,CAAC,CAAC;CAEvD,OAAO,kBAAC,GAAD;EAAa,GAAI;EAAa;EAAO,OAAO,CAAC;EAAG,UAAU;CAAW,CAAA;AAC7E,EACD"}