@ryuzaki13/react-foundation-ui 1.0.8 → 1.0.12

package/dist/radio-group/stories/RadioGroup.stories.js

@@ -1,146 +0,0 @@
-import { n as e } from "../../chunks/RadioGroup-B9XjkcOy.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/radio-group/stories/RadioGroup.stories.tsx
-function i(t) {
-	return /* @__PURE__ */ n(e, { ...t });
-}
-var a = {
-	title: "Shared/UI/RadioGroup",
-	component: i,
-	args: {
-		value: "email",
-		onChange: () => {},
-		orientation: "horizontal",
-		label: "Канал уведомлений",
-		description: "Выберите основной канал доставки",
-		disabled: !1
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded"
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		value: {
-			description: "Текущее выбранное значение.",
-			control: "text"
-		},
-		onChange: {
-			description: "Вызывается при смене выбранной опции.",
-			control: !1
-		},
-		label: {
-			description: "Заголовок группы опций.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		disabled: {
-			description: "Блокирует выбор опций.",
-			control: "boolean"
-		},
-		noWrap: {
-			description: "Запрещает перенос опций на новую строку.",
-			control: "boolean"
-		},
-		orientation: {
-			description: "Ориентация расположения опций.",
-			control: "inline-radio",
-			options: ["horizontal", "vertical"]
-		},
-		className: {
-			description: "Дополнительный CSS-класс контейнера.",
-			control: "text"
-		},
-		children: {
-			description: "Элементы `RadioGroup.Option` внутри группы.",
-			control: !1
-		}
-	}
-}, o = {
-	render: (a) => {
-		let [o, s] = t("email");
-		return /* @__PURE__ */ r("div", {
-			style: {
-				display: "grid",
-				gap: 10
-			},
-			children: [/* @__PURE__ */ r(i, {
-				...a,
-				value: o,
-				onChange: s,
-				children: [
-					/* @__PURE__ */ n(e.Option, {
-						value: "email",
-						label: "Email",
-						description: "Письма на корпоративную почту"
-					}),
-					/* @__PURE__ */ n(e.Option, {
-						value: "sms",
-						label: "SMS",
-						description: "Сообщения на телефон"
-					}),
-					/* @__PURE__ */ n(e.Option, {
-						value: "push",
-						label: "Push",
-						description: "Уведомления в приложении"
-					})
-				]
-			}), /* @__PURE__ */ r("div", { children: ["Выбрано: ", o] })]
-		});
-	},
-	args: { children: void 0 }
-}, s = {
-	render: (a) => {
-		let [o, s] = t("draft");
-		return /* @__PURE__ */ r(i, {
-			...a,
-			value: o,
-			onChange: s,
-			orientation: "vertical",
-			label: "Статус документа",
-			children: [
-				/* @__PURE__ */ n(e.Option, {
-					value: "draft",
-					label: "Черновик"
-				}),
-				/* @__PURE__ */ n(e.Option, {
-					value: "review",
-					label: "На согласовании"
-				}),
-				/* @__PURE__ */ n(e.Option, {
-					value: "approved",
-					label: "Утвержден"
-				})
-			]
-		});
-	},
-	args: {
-		orientation: "vertical",
-		children: void 0
-	}
-}, c = {
-	render: (t) => /* @__PURE__ */ r(i, {
-		...t,
-		disabled: !0,
-		children: [/* @__PURE__ */ n(e.Option, {
-			value: "yes",
-			label: "Да"
-		}), /* @__PURE__ */ n(e.Option, {
-			value: "no",
-			label: "Нет"
-		})]
-	}),
-	args: {
-		disabled: !0,
-		value: "yes",
-		children: void 0
-	}
-};
-//#endregion
-export { o as Controlled, c as Disabled, s as Vertical, a as default };
-
-//# sourceMappingURL=RadioGroup.stories.js.map

package/dist/radio-group/stories/RadioGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup.stories.js","names":[],"sources":["../../../src/radio-group/stories/RadioGroup.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { RadioGroup } from \"../RadioGroup\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nfunction StringRadioGroup(props: {\n\tvalue?: string;\n\tonChange?: (value: string) => void;\n\tlabel?: string;\n\tdescription?: string;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tnoWrap?: true;\n\torientation?: \"vertical\" | \"horizontal\";\n\tchildren: React.ReactNode;\n}) {\n\treturn <RadioGroup<string> {...props} />;\n}\n\nconst meta = {\n\ttitle: \"Shared/UI/RadioGroup\",\n\tcomponent: StringRadioGroup,\n\targs: {\n\t\tvalue: \"email\",\n\t\tonChange: () => {},\n\t\torientation: \"horizontal\",\n\t\tlabel: \"Канал уведомлений\",\n\t\tdescription: \"Выберите основной канал доставки\",\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: {\n\t\t\tdescription: \"Текущее выбранное значение.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается при смене выбранной опции.\",\n\t\t\tcontrol: false\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\tdisabled: {\n\t\t\tdescription: \"Блокирует выбор опций.\",\n\t\t\tcontrol: \"boolean\"\n\t\t},\n\t\tnoWrap: {\n\t\t\tdescription: \"Запрещает перенос опций на новую строку.\",\n\t\t\tcontrol: \"boolean\"\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\tclassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс контейнера.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tchildren: {\n\t\t\tdescription: \"Элементы `RadioGroup.Option` внутри группы.\",\n\t\t\tcontrol: false\n\t\t}\n\t}\n} satisfies Meta<typeof StringRadioGroup>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Controlled: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"email\");\n\n\t\treturn (\n\t\t\t<div style={{ display: \"grid\", gap: 10 }}>\n\t\t\t\t<StringRadioGroup {...args} value={value} onChange={setValue}>\n\t\t\t\t\t<RadioGroup.Option value=\"email\" label=\"Email\" description=\"Письма на корпоративную почту\" />\n\t\t\t\t\t<RadioGroup.Option value=\"sms\" label=\"SMS\" description=\"Сообщения на телефон\" />\n\t\t\t\t\t<RadioGroup.Option value=\"push\" label=\"Push\" description=\"Уведомления в приложении\" />\n\t\t\t\t</StringRadioGroup>\n\t\t\t\t<div>Выбрано: {value}</div>\n\t\t\t</div>\n\t\t);\n\t},\n\targs: {\n\t\tchildren: undefined\n\t}\n};\n\nexport const Vertical: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState(\"draft\");\n\n\t\treturn (\n\t\t\t<StringRadioGroup {...args} value={value} onChange={setValue} orientation=\"vertical\" label=\"Статус документа\">\n\t\t\t\t<RadioGroup.Option value=\"draft\" label=\"Черновик\" />\n\t\t\t\t<RadioGroup.Option value=\"review\" label=\"На согласовании\" />\n\t\t\t\t<RadioGroup.Option value=\"approved\" label=\"Утвержден\" />\n\t\t\t</StringRadioGroup>\n\t\t);\n\t},\n\targs: {\n\t\torientation: \"vertical\",\n\t\tchildren: undefined\n\t}\n};\n\nexport const Disabled: Story = {\n\trender: (args) => (\n\t\t<StringRadioGroup {...args} disabled>\n\t\t\t<RadioGroup.Option value=\"yes\" label=\"Да\" />\n\t\t\t<RadioGroup.Option value=\"no\" label=\"Нет\" />\n\t\t</StringRadioGroup>\n\t),\n\targs: {\n\t\tdisabled: true,\n\t\tvalue: \"yes\",\n\t\tchildren: undefined\n\t}\n};\n"],"mappings":";;;;AAMA,SAAS,EAAiB,GAUvB;CACF,OAAO,kBAAC,GAAD,EAAoB,GAAI,EAAQ,CAAA;AACxC;AAEA,IAAM,IAAO;CACZ,OAAO;CACP,WAAW;CACX,MAAM;EACL,OAAO;EACP,gBAAgB,CAAC;EACjB,aAAa;EACb,OAAO;EACP,aAAa;EACb,UAAU;CACX;CACA,YAAY;EACX,cAAc;EACd,QAAQ;CACT;CACA,MAAM,CAAC,UAAU;CACjB,UAAU;EACT,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,OAAO;GACN,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;EACA,QAAQ;GACP,aAAa;GACb,SAAS;EACV;EACA,aAAa;GACZ,aAAa;GACb,SAAS;GACT,SAAS,CAAC,cAAc,UAAU;EACnC;EACA,WAAW;GACV,aAAa;GACb,SAAS;EACV;EACA,UAAU;GACT,aAAa;GACb,SAAS;EACV;CACD;AACD,GAKa,IAAoB;CAChC,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,OAAO;EAE1C,OACC,kBAAC,OAAD;GAAK,OAAO;IAAE,SAAS;IAAQ,KAAK;GAAG;aAAvC,CACC,kBAAC,GAAD;IAAkB,GAAI;IAAa;IAAO,UAAU;cAApD;KACC,kBAAC,EAAW,QAAZ;MAAmB,OAAM;MAAQ,OAAM;MAAQ,aAAY;KAAiC,CAAA;KAC5F,kBAAC,EAAW,QAAZ;MAAmB,OAAM;MAAM,OAAM;MAAM,aAAY;KAAwB,CAAA;KAC/E,kBAAC,EAAW,QAAZ;MAAmB,OAAM;MAAO,OAAM;MAAO,aAAY;KAA4B,CAAA;IACpE;OAClB,kBAAC,OAAD,EAAA,UAAA,CAAK,aAAU,CAAW,EAAA,CAAA,CACtB;;CAEP;CACA,MAAM,EACL,UAAU,KAAA,EACX;AACD,GAEa,IAAkB;CAC9B,SAAS,MAAS;EACjB,IAAM,CAAC,GAAO,KAAY,EAAS,OAAO;EAE1C,OACC,kBAAC,GAAD;GAAkB,GAAI;GAAa;GAAO,UAAU;GAAU,aAAY;GAAW,OAAM;aAA3F;IACC,kBAAC,EAAW,QAAZ;KAAmB,OAAM;KAAQ,OAAM;IAAY,CAAA;IACnD,kBAAC,EAAW,QAAZ;KAAmB,OAAM;KAAS,OAAM;IAAmB,CAAA;IAC3D,kBAAC,EAAW,QAAZ;KAAmB,OAAM;KAAW,OAAM;IAAa,CAAA;GACtC;;CAEpB;CACA,MAAM;EACL,aAAa;EACb,UAAU,KAAA;CACX;AACD,GAEa,IAAkB;CAC9B,SAAS,MACR,kBAAC,GAAD;EAAkB,GAAI;EAAM,UAAA;YAA5B,CACC,kBAAC,EAAW,QAAZ;GAAmB,OAAM;GAAM,OAAM;EAAM,CAAA,GAC3C,kBAAC,EAAW,QAAZ;GAAmB,OAAM;GAAK,OAAM;EAAO,CAAA,CAC1B;;CAEnB,MAAM;EACL,UAAU;EACV,OAAO;EACP,UAAU,KAAA;CACX;AACD"}

package/dist/select/stories/ODataSelect.stories.d.ts

@@ -1,46 +0,0 @@
-import type { ODataCollectionConfig, ODataCollectionModel, ODataCollectionSegment } from "@ryuzaki13/react-foundation-api/odata";
-import type { StoryObj } from "@storybook/react-vite";
-declare const meta: {
-    title: string;
-    component: import("react").FC<Omit<import("@ryuzaki13/react-foundation-api/odata").ODataSingleSelectProps<string>, "value"> & import("../../types").UiBaseProps<string | undefined> & {
-        clearable?: boolean;
-    }>;
-    decorators: import("@storybook/react").Decorator[];
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        odataMockMode: string;
-    };
-    args: {
-        label: string;
-        description: string;
-        odata: ODataCollectionConfig;
-        model: ODataCollectionModel;
-        segment: ODataCollectionSegment;
-        value: undefined;
-        onChange: () => void;
-    };
-    argTypes: {
-        onChange: {
-            control: false;
-        };
-        value: {
-            control: false;
-        };
-        dependencies: {
-            control: false;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const BasicDivision: Story;
-export declare const HideCode: Story;
-export declare const SelectTextValue: Story;
-export declare const StaticDependency: Story;
-export declare const LinkedFilters: Story;
-export declare const LoadingState: Story;
-export declare const MetadataError: Story;
-export declare const CollectionError: Story;
-//# sourceMappingURL=ODataSelect.stories.d.ts.map

package/dist/select/stories/ODataSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ODataSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/select/stories/ODataSelect.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AACjI,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA+G5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAG3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}

package/dist/select/stories/Select.stories.d.ts

@@ -1,127 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-type DepartmentOption = {
-    id: number;
-    name: string;
-    code: string;
-    manager: string;
-    disabled?: boolean;
-};
-declare const meta: {
-    title: string;
-    component: (props: import("..").SelectProps<DepartmentOption, false>) => import("react").JSX.Element;
-    args: {
-        label: string;
-        description: string;
-        placeholder: string;
-        value: undefined;
-        options: DepartmentOption[];
-        onChange: () => void;
-        getOptionKey: (option: DepartmentOption) => number;
-        getOptionLabel: (option: DepartmentOption) => string;
-        getOptionCode: (option: DepartmentOption) => string;
-        getOptionDisabled: (option: DepartmentOption) => boolean;
-        size: "md";
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        value: {
-            description: string;
-            control: false;
-        };
-        options: {
-            description: string;
-            control: false;
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        getOptionKey: {
-            description: string;
-            control: false;
-        };
-        getOptionLabel: {
-            description: string;
-            control: false;
-        };
-        getOptionCode: {
-            description: string;
-            control: false;
-        };
-        getOptionDisabled: {
-            description: string;
-            control: false;
-        };
-        getOptionAriaLabel: {
-            description: string;
-            control: false;
-        };
-        getOptionClassName: {
-            description: string;
-            control: false;
-        };
-        renderOption: {
-            description: string;
-            control: false;
-        };
-        renderValue: {
-            description: string;
-            control: false;
-        };
-        className: {
-            description: string;
-            control: "text";
-        };
-        buttonClassName: {
-            description: string;
-            control: "text";
-        };
-        optionsClassName: {
-            description: string;
-            control: "text";
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        placement: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ControlledObjects: Story;
-export declare const PrimitiveOptions: Story;
-export declare const Placeholder: Story;
-export declare const CustomOptionLayout: Story;
-export declare const Disabled: Story;
-//# sourceMappingURL=Select.stories.d.ts.map

package/dist/select/stories/Select.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/select/stories/Select.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,gBAAgB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAWF,QAAA,MAAM,IAAI;;;;;;;;;;+BAUe,gBAAgB;iCACd,gBAAgB;gCACjB,gBAAgB;oCACZ,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGG,CAAC;AAElD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuBhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/dist/select/stories/Select.stories.js

@@ -1,214 +0,0 @@
-import { t as e } from "../../chunks/Select-ClBs-16a.js";
-import { useState as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/select/stories/Select.stories.tsx
-var a = [
-	{
-		id: 1,
-		name: "Отдел продаж",
-		code: "SLS",
-		manager: "Елена Миронова"
-	},
-	{
-		id: 2,
-		name: "Закупки",
-		code: "PRC",
-		manager: "Антон Мелихов"
-	},
-	{
-		id: 3,
-		name: "Логистика",
-		code: "LGS",
-		manager: "Мария Климова",
-		disabled: !0
-	},
-	{
-		id: 4,
-		name: "Поддержка клиентов",
-		code: "SUP",
-		manager: "Ирина Белова"
-	}
-], o = [
-	"Новый",
-	"В работе",
-	"Завершён",
-	"Архив"
-], s = {
-	title: "Shared/UI/Select",
-	component: e,
-	args: {
-		label: "Подразделение",
-		description: "Выберите подразделение из списка.",
-		placeholder: "Не выбрано",
-		value: void 0,
-		options: a,
-		onChange: () => {},
-		getOptionKey: (e) => e.id,
-		getOptionLabel: (e) => e.name,
-		getOptionCode: (e) => e.code,
-		getOptionDisabled: (e) => e.disabled ?? !1,
-		size: "md"
-	},
-	parameters: {
-		atomicCanvas: !0,
-		layout: "padded",
-		docs: { description: { component: "Низкоуровневый getter-based select. Подходит для произвольных структур данных, примитивов и сложного кастомного рендера. Компонент возвращает наружу саму выбранную option. Для сериализуемых конфигов и сценариев с optionKey/optionLabel используйте SerializableSelect." } }
-	},
-	tags: ["autodocs"],
-	argTypes: {
-		label: {
-			description: "Заголовок поля.",
-			control: "text"
-		},
-		description: {
-			description: "Описание под заголовком.",
-			control: "text"
-		},
-		placeholder: {
-			description: "Текст, когда значение ещё не выбрано.",
-			control: "text"
-		},
-		value: {
-			description: "Текущая выбранная option целиком.",
-			control: !1
-		},
-		options: {
-			description: "Массив опций любого поддерживаемого формата.",
-			control: !1
-		},
-		onChange: {
-			description: "Вызывается с выбранной option.",
-			control: !1
-		},
-		getOptionKey: {
-			description: "Функция получения уникального ключа option.",
-			control: !1
-		},
-		getOptionLabel: {
-			description: "Функция получения основного текста option.",
-			control: !1
-		},
-		getOptionCode: {
-			description: "Опциональный рендер дополнительного кода справа.",
-			control: !1
-		},
-		getOptionDisabled: {
-			description: "Опциональная функция блокировки отдельных option.",
-			control: !1
-		},
-		getOptionAriaLabel: {
-			description: "Опциональная функция для aria-label option.",
-			control: !1
-		},
-		getOptionClassName: {
-			description: "Опциональная функция CSS-класса option по её состоянию.",
-			control: !1
-		},
-		renderOption: {
-			description: "Полностью кастомный рендер option в списке.",
-			control: !1
-		},
-		renderValue: {
-			description: "Кастомный рендер выбранного значения в кнопке.",
-			control: !1
-		},
-		className: {
-			description: "Дополнительный CSS-класс корневого контейнера.",
-			control: "text"
-		},
-		buttonClassName: {
-			description: "Дополнительный CSS-класс кнопки выбора.",
-			control: "text"
-		},
-		optionsClassName: {
-			description: "Дополнительный CSS-класс контейнера списка.",
-			control: "text"
-		},
-		size: {
-			description: "Размер поля и подписей.",
-			control: "select",
-			options: [
-				"xs",
-				"sm",
-				"md",
-				"lg",
-				"xl"
-			]
-		},
-		placement: {
-			description: "Позиционирование выпадающего списка.",
-			control: "select",
-			options: [
-				"bottom-start",
-				"bottom-end",
-				"top-start",
-				"top-end"
-			]
-		},
-		disabled: {
-			description: "Блокирует взаимодействие с полем.",
-			control: "boolean"
-		}
-	}
-}, c = {
-	name: "Объекты",
-	render: (n) => {
-		let [i, o] = t(a[1]);
-		return /* @__PURE__ */ r(e, {
-			...n,
-			value: i,
-			onChange: o
-		});
-	}
-}, l = {
-	name: "Примитивы",
-	render: () => {
-		let [n, i] = t(o[1]);
-		return /* @__PURE__ */ r(e, {
-			label: "Статус",
-			description: "Пример использования низкоуровневого Select со строковыми значениями.",
-			placeholder: "Выберите статус",
-			options: o,
-			value: n,
-			onChange: i,
-			getOptionKey: (e) => e,
-			getOptionLabel: (e) => e,
-			size: "md"
-		});
-	}
-}, u = { render: (n) => {
-	let [i, a] = t(void 0);
-	return /* @__PURE__ */ r(e, {
-		...n,
-		value: i,
-		onChange: a
-	});
-} }, d = {
-	name: "Кастомный рендер",
-	render: (o) => {
-		let [s, c] = t(a[0]);
-		return /* @__PURE__ */ r(e, {
-			...o,
-			value: s,
-			onChange: c,
-			renderValue: (e) => `${e.code} · ${e.name}`,
-			renderOption: (e, t) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("div", {
-				className: "flexEllipsis",
-				children: [/* @__PURE__ */ r("div", { children: e.name }), /* @__PURE__ */ r("div", {
-					className: "fontSizeSm content2",
-					children: e.manager
-				})]
-			}), /* @__PURE__ */ r("div", {
-				style: { opacity: t.selected ? 1 : .5 },
-				children: e.code
-			})] })
-		});
-	}
-}, f = { args: {
-	disabled: !0,
-	value: a[0]
-} };
-//#endregion
-export { c as ControlledObjects, d as CustomOptionLayout, f as Disabled, u as Placeholder, l as PrimitiveOptions, s as default };
-
-//# sourceMappingURL=Select.stories.js.map

package/dist/select/stories/Select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.js","names":[],"sources":["../../../src/select/stories/Select.stories.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Select } from \"../Select\";\n\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\n\ntype DepartmentOption = {\n\tid: number;\n\tname: string;\n\tcode: string;\n\tmanager: string;\n\tdisabled?: boolean;\n};\n\nconst departmentOptions: DepartmentOption[] = [\n\t{ id: 1, name: \"Отдел продаж\", code: \"SLS\", manager: \"Елена Миронова\" },\n\t{ id: 2, name: \"Закупки\", code: \"PRC\", manager: \"Антон Мелихов\" },\n\t{ id: 3, name: \"Логистика\", code: \"LGS\", manager: \"Мария Климова\", disabled: true },\n\t{ id: 4, name: \"Поддержка клиентов\", code: \"SUP\", manager: \"Ирина Белова\" }\n];\n\nconst primitiveOptions = [\"Новый\", \"В работе\", \"Завершён\", \"Архив\"] as const;\n\nconst meta = {\n\ttitle: \"Shared/UI/Select\",\n\tcomponent: Select<DepartmentOption>,\n\targs: {\n\t\tlabel: \"Подразделение\",\n\t\tdescription: \"Выберите подразделение из списка.\",\n\t\tplaceholder: \"Не выбрано\",\n\t\tvalue: undefined,\n\t\toptions: departmentOptions,\n\t\tonChange: () => {},\n\t\tgetOptionKey: (option: DepartmentOption) => option.id,\n\t\tgetOptionLabel: (option: DepartmentOption) => option.name,\n\t\tgetOptionCode: (option: DepartmentOption) => option.code,\n\t\tgetOptionDisabled: (option: DepartmentOption) => option.disabled ?? false,\n\t\tsize: \"md\"\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\"Низкоуровневый getter-based select. Подходит для произвольных структур данных, примитивов и сложного кастомного рендера. Компонент возвращает наружу саму выбранную option. Для сериализуемых конфигов и сценариев с optionKey/optionLabel используйте SerializableSelect.\"\n\t\t\t}\n\t\t}\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\tplaceholder: {\n\t\t\tdescription: \"Текст, когда значение ещё не выбрано.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tvalue: {\n\t\t\tdescription: \"Текущая выбранная option целиком.\",\n\t\t\tcontrol: false\n\t\t},\n\t\toptions: {\n\t\t\tdescription: \"Массив опций любого поддерживаемого формата.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tonChange: {\n\t\t\tdescription: \"Вызывается с выбранной option.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionKey: {\n\t\t\tdescription: \"Функция получения уникального ключа option.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionLabel: {\n\t\t\tdescription: \"Функция получения основного текста option.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionCode: {\n\t\t\tdescription: \"Опциональный рендер дополнительного кода справа.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionDisabled: {\n\t\t\tdescription: \"Опциональная функция блокировки отдельных option.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionAriaLabel: {\n\t\t\tdescription: \"Опциональная функция для aria-label option.\",\n\t\t\tcontrol: false\n\t\t},\n\t\tgetOptionClassName: {\n\t\t\tdescription: \"Опциональная функция CSS-класса option по её состоянию.\",\n\t\t\tcontrol: false\n\t\t},\n\t\trenderOption: {\n\t\t\tdescription: \"Полностью кастомный рендер option в списке.\",\n\t\t\tcontrol: false\n\t\t},\n\t\trenderValue: {\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\tbuttonClassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс кнопки выбора.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\toptionsClassName: {\n\t\t\tdescription: \"Дополнительный CSS-класс контейнера списка.\",\n\t\t\tcontrol: \"text\"\n\t\t},\n\t\tsize: {\n\t\t\tdescription: \"Размер поля и подписей.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]\n\t\t},\n\t\tplacement: {\n\t\t\tdescription: \"Позиционирование выпадающего списка.\",\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"bottom-start\", \"bottom-end\", \"top-start\", \"top-end\"]\n\t\t},\n\t\tdisabled: {\n\t\t\tdescription: \"Блокирует взаимодействие с полем.\",\n\t\t\tcontrol: \"boolean\"\n\t\t}\n\t}\n} satisfies Meta<typeof Select<DepartmentOption>>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const ControlledObjects: Story = {\n\tname: \"Объекты\",\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<DepartmentOption | undefined>(departmentOptions[1]);\n\n\t\treturn <Select {...args} value={value} onChange={setValue} />;\n\t}\n};\n\nexport const PrimitiveOptions: Story = {\n\tname: \"Примитивы\",\n\trender: () => {\n\t\tconst [value, setValue] = useState<(typeof primitiveOptions)[number] | undefined>(primitiveOptions[1]);\n\n\t\treturn (\n\t\t\t<Select\n\t\t\t\tlabel=\"Статус\"\n\t\t\t\tdescription=\"Пример использования низкоуровневого Select со строковыми значениями.\"\n\t\t\t\tplaceholder=\"Выберите статус\"\n\t\t\t\toptions={primitiveOptions}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\tgetOptionKey={(option) => option}\n\t\t\t\tgetOptionLabel={(option) => option}\n\t\t\t\tsize=\"md\"\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport const Placeholder: Story = {\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<DepartmentOption | undefined>(undefined);\n\n\t\treturn <Select {...args} value={value} onChange={setValue} />;\n\t}\n};\n\nexport const CustomOptionLayout: Story = {\n\tname: \"Кастомный рендер\",\n\trender: (args) => {\n\t\tconst [value, setValue] = useState<DepartmentOption | undefined>(departmentOptions[0]);\n\n\t\treturn (\n\t\t\t<Select\n\t\t\t\t{...args}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={setValue}\n\t\t\t\trenderValue={(option) => `${option.code} · ${option.name}`}\n\t\t\t\trenderOption={(option, state) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"flexEllipsis\">\n\t\t\t\t\t\t\t<div>{option.name}</div>\n\t\t\t\t\t\t\t<div className=\"fontSizeSm content2\">{option.manager}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div style={{ opacity: state.selected ? 1 : 0.5 }}>{option.code}</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport const Disabled: Story = {\n\targs: {\n\t\tdisabled: true,\n\t\tvalue: departmentOptions[0]\n\t}\n};\n"],"mappings":"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"}

package/dist/select/stories/SerializableSelect.stories.d.ts

@@ -1,91 +0,0 @@
-import type { StoryObj } from "@storybook/react-vite";
-type DepartmentOption = {
-    id: number;
-    name: string;
-    code: string;
-    branch: string;
-};
-declare const meta: {
-    title: string;
-    component: ({ label, description, disabled, placeholder, size, options, value, onChange, optionKey, optionLabel, renderCode, className, clearable }: import("..").SerializableSelectProps<DepartmentOption, "id", "name">) => import("react").JSX.Element;
-    args: {
-        label: string;
-        description: string;
-        placeholder: string;
-        options: DepartmentOption[];
-        optionKey: "id";
-        optionLabel: "name";
-        value: undefined;
-        onChange: () => void;
-        size: "md";
-    };
-    parameters: {
-        atomicCanvas: boolean;
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    tags: string[];
-    argTypes: {
-        label: {
-            description: string;
-            control: "text";
-        };
-        description: {
-            description: string;
-            control: "text";
-        };
-        placeholder: {
-            description: string;
-            control: "text";
-        };
-        options: {
-            description: string;
-            control: false;
-        };
-        optionKey: {
-            description: string;
-            control: false;
-        };
-        optionLabel: {
-            description: string;
-            control: false;
-        };
-        renderCode: {
-            description: string;
-            control: "boolean";
-        };
-        value: {
-            description: string;
-            control: false;
-        };
-        onChange: {
-            description: string;
-            control: false;
-        };
-        size: {
-            description: string;
-            control: "select";
-            options: string[];
-        };
-        disabled: {
-            description: string;
-            control: "boolean";
-        };
-        className: {
-            description: string;
-            control: "text";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Controlled: Story;
-export declare const Placeholder: Story;
-export declare const WithCode: Story;
-export declare const AsyncReloadLike: Story;
-export declare const Disabled: Story;
-//# sourceMappingURL=SerializableSelect.stories.d.ts.map

package/dist/select/stories/SerializableSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SerializableSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/select/stories/SerializableSelect.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,gBAAgB,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AASF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EiE,CAAC;AAE5E,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}