@ryuzaki13/react-foundation-ui 0.1.0

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

@@ -0,0 +1,146 @@
+import { n as e } from "../../chunks/RadioGroup-BAhN1d1X.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/radio-group/stories/RadioGroup.stories.tsx
+function i(n) {
+	return /* @__PURE__ */ t(e, { ...n });
+}
+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] = r("email");
+		return /* @__PURE__ */ n("div", {
+			style: {
+				display: "grid",
+				gap: 10
+			},
+			children: [/* @__PURE__ */ n(i, {
+				...a,
+				value: o,
+				onChange: s,
+				children: [
+					/* @__PURE__ */ t(e.Option, {
+						value: "email",
+						label: "Email",
+						description: "Письма на корпоративную почту"
+					}),
+					/* @__PURE__ */ t(e.Option, {
+						value: "sms",
+						label: "SMS",
+						description: "Сообщения на телефон"
+					}),
+					/* @__PURE__ */ t(e.Option, {
+						value: "push",
+						label: "Push",
+						description: "Уведомления в приложении"
+					})
+				]
+			}), /* @__PURE__ */ n("div", { children: ["Выбрано: ", o] })]
+		});
+	},
+	args: { children: void 0 }
+}, s = {
+	render: (a) => {
+		let [o, s] = r("draft");
+		return /* @__PURE__ */ n(i, {
+			...a,
+			value: o,
+			onChange: s,
+			orientation: "vertical",
+			label: "Статус документа",
+			children: [
+				/* @__PURE__ */ t(e.Option, {
+					value: "draft",
+					label: "Черновик"
+				}),
+				/* @__PURE__ */ t(e.Option, {
+					value: "review",
+					label: "На согласовании"
+				}),
+				/* @__PURE__ */ t(e.Option, {
+					value: "approved",
+					label: "Утвержден"
+				})
+			]
+		});
+	},
+	args: {
+		orientation: "vertical",
+		children: void 0
+	}
+}, c = {
+	render: (r) => /* @__PURE__ */ n(i, {
+		...r,
+		disabled: !0,
+		children: [/* @__PURE__ */ t(e.Option, {
+			value: "yes",
+			label: "Да"
+		}), /* @__PURE__ */ t(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

@@ -0,0 +1 @@
+{"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/Select.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from "react";
+import { Placement } from "@floating-ui/react";
+import { InputType } from "@ryuzaki13/react-foundation-lib/types";
+import { UiBaseProps } from "../types";
+export type SelectOptionKey = string | number;
+export type SelectOptionState = {
+    active: boolean;
+    selected: boolean;
+    disabled: boolean;
+};
+export interface SelectProps<TOption extends InputType, TChangeValue extends TOption | undefined = TOption> extends UiBaseProps<TChangeValue, TOption | undefined> {
+    options: readonly TOption[];
+    getOptionKey: (option: TOption) => SelectOptionKey;
+    getOptionLabel: (option: TOption) => ReactNode;
+    getOptionCode?: (option: TOption) => ReactNode;
+    getOptionDisabled?: (option: TOption) => boolean;
+    getOptionAriaLabel?: (option: TOption) => string;
+    getOptionClassName?: (option: TOption, state: SelectOptionState) => string | undefined;
+    renderOption?: (option: TOption, state: SelectOptionState) => ReactNode;
+    renderValue?: (option: TOption) => ReactNode;
+    className?: string;
+    buttonClassName?: string;
+    optionsClassName?: string;
+    optionsContentClassName?: string;
+    searchable?: boolean;
+    query?: string;
+    defaultQuery?: string;
+    onQuery?: (value: string) => void;
+    defaultFilter?: boolean;
+    renderPopupHeader?: ReactNode;
+    emptyState?: ReactNode;
+    loadingState?: ReactNode;
+    errorState?: ReactNode;
+    placement?: Placement;
+    clearable?: boolean;
+}
+/**
+ * Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.
+ */
+export declare function Select<TOption extends InputType, TChangeValue extends TOption | undefined = TOption>({ label, description, disabled, placeholder, size, options, value, onChange, getOptionKey, getOptionLabel, getOptionCode, getOptionDisabled, getOptionAriaLabel, getOptionClassName, renderOption, renderValue, className, buttonClassName, optionsClassName, optionsContentClassName, searchable, defaultFilter, query, defaultQuery, onQuery, renderPopupHeader, emptyState, loadingState, errorState, placement, clearable }: SelectProps<TOption, TChangeValue>): import("react").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAelE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,WAAW,CAAC,OAAO,SAAS,SAAS,EAAE,YAAY,SAAS,OAAO,GAAG,SAAS,GAAG,OAAO,CAAE,SAAQ,WAAW,CAC9H,YAAY,EACZ,OAAO,GAAG,SAAS,CACnB;IACA,OAAO,EAAE,SAAS,OAAO,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,eAAe,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC/C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IACjD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,KAAK,MAAM,GAAG,SAAS,CAAC;IACvF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,OAAO,SAAS,SAAS,EAAE,YAAY,SAAS,OAAO,GAAG,SAAS,GAAG,OAAO,EAAE,EACrG,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,uBAAuB,EACvB,UAAkB,EAClB,aAAoB,EACpB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAA0B,EAC1B,SAAiB,EACjB,EAAE,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,+BAqPpC"}

package/dist/select/SelectOptionContent.d.ts

@@ -0,0 +1,11 @@
+interface OptionContentProps {
+    label: string;
+    code?: string;
+    highlight?: string;
+}
+/**
+ * Универсальный рендерер опции. Используется и в single-select, и в multi-select.
+ */
+export declare function SelectOptionContent({ label, code, highlight }: OptionContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SelectOptionContent.d.ts.map

package/dist/select/SelectOptionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionContent.d.ts","sourceRoot":"","sources":["../../src/select/SelectOptionContent.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BAajF"}

package/dist/select/SerializableSelect.d.ts

@@ -0,0 +1,19 @@
+import type { UiBaseProps } from "../types";
+import type { SelectOptionKey } from "./Select";
+type SerializableOptionRecord = Record<string, unknown>;
+type SerializableOptionKeyField<TOption extends SerializableOptionRecord> = {
+    [K in keyof TOption]: Extract<TOption[K], SelectOptionKey> extends never ? never : K;
+}[keyof TOption];
+type SerializableOptionValue<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>> = Extract<TOption[TOptionKey], SelectOptionKey>;
+export interface SerializableSelectProps<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>, TOptionLabel extends keyof TOption> extends Omit<UiBaseProps<SerializableOptionValue<TOption, TOptionKey> | undefined>, "onChange"> {
+    options: readonly TOption[];
+    onChange: (value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void;
+    optionKey: TOptionKey;
+    optionLabel: TOptionLabel;
+    renderCode?: true;
+    className?: string;
+    clearable?: boolean;
+}
+export declare function SerializableSelect<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>, TOptionLabel extends keyof TOption>({ label, description, disabled, placeholder, size, options, value, onChange, optionKey, optionLabel, renderCode, className, clearable }: SerializableSelectProps<TOption, TOptionKey, TOptionLabel>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SerializableSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SerializableSelect.d.ts","sourceRoot":"","sources":["../../src/select/SerializableSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,KAAK,wBAAwB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExD,KAAK,0BAA0B,CAAC,OAAO,SAAS,wBAAwB,IAAI;KAC1E,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,SAAS,KAAK,GAAG,KAAK,GAAG,CAAC;CACpF,CAAC,MAAM,OAAO,CAAC,CAAC;AAEjB,KAAK,uBAAuB,CAAC,OAAO,SAAS,wBAAwB,EAAE,UAAU,SAAS,0BAA0B,CAAC,OAAO,CAAC,IAAI,OAAO,CACvI,OAAO,CAAC,UAAU,CAAC,EACnB,eAAe,CACf,CAAC;AAEF,MAAM,WAAW,uBAAuB,CACvC,OAAO,SAAS,wBAAwB,EACxC,UAAU,SAAS,0BAA0B,CAAC,OAAO,CAAC,EACtD,YAAY,SAAS,MAAM,OAAO,CACjC,SAAQ,IAAI,CAAC,WAAW,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,SAAS,CAAC,EAAE,UAAU,CAAC;IAChG,OAAO,EAAE,SAAS,OAAO,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IACpF,SAAS,EAAE,UAAU,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC;IAC1B,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAwBD,wBAAgB,kBAAkB,CACjC,OAAO,SAAS,wBAAwB,EACxC,UAAU,SAAS,0BAA0B,CAAC,OAAO,CAAC,EACtD,YAAY,SAAS,MAAM,OAAO,EACjC,EACD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,EAAE,uBAAuB,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,CAAC,+BAqB5D"}

package/dist/select/index.d.ts

@@ -0,0 +1,4 @@
+export { resolveSelectedOption } from "./lib";
+export * from "./Select";
+export * from "./SerializableSelect";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAC9C,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC"}

package/dist/select/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../chunks/Select-B7k_8_Lf.js";
+import { t as n } from "../chunks/SerializableSelect-53uNCqdE.js";
+export { t as Select, n as SerializableSelect, e as resolveSelectedOption };

package/dist/select/lib/getOptionSearchText.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { InputType } from "@ryuzaki13/react-foundation-lib/types";
+export declare function getOptionSearchText<T extends InputType>({ option, getOptionLabel, getOptionCode }: {
+    option: T;
+    getOptionLabel: (option: T) => ReactNode;
+    getOptionCode?: (option: T) => ReactNode;
+}): string;
+/** Находит selected option по value и возвращает fallback, если значение еще не нормализовано. */
+export declare function resolveSelectedOption<TOption extends {
+    value: string;
+}>(options: readonly TOption[], value: string, fallback: TOption): TOption;
+//# sourceMappingURL=getOptionSearchText.d.ts.map

package/dist/select/lib/getOptionSearchText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOptionSearchText.d.ts","sourceRoot":"","sources":["../../../src/select/lib/getOptionSearchText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAIlE,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,SAAS,EAAE,EACxD,MAAM,EACN,cAAc,EACd,aAAa,EACb,EAAE;IACF,MAAM,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC;CACzC,UAKA;AAED,kGAAkG;AAClG,wBAAgB,qBAAqB,CAAC,OAAO,SAAS;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EACtE,OAAO,EAAE,SAAS,OAAO,EAAE,EAC3B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,OAAO,GACf,OAAO,CAET"}

package/dist/select/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./getOptionSearchText";
+//# sourceMappingURL=index.d.ts.map

package/dist/select/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,127 @@
+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: ({ label, description, disabled, placeholder, size, options, value, onChange, getOptionKey, getOptionLabel, getOptionCode, getOptionDisabled, getOptionAriaLabel, getOptionClassName, renderOption, renderValue, className, buttonClassName, optionsClassName, optionsContentClassName, searchable, defaultFilter, query, defaultQuery, onQuery, renderPopupHeader, emptyState, loadingState, errorState, placement, clearable }: import("..").SelectProps<DepartmentOption, DepartmentOption>) => 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

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

@@ -0,0 +1,214 @@
+import { t as e } from "../../chunks/Select-B7k_8_Lf.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useState as i } from "react";
+//#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: (t) => {
+		let [r, o] = i(a[1]);
+		return /* @__PURE__ */ n(e, {
+			...t,
+			value: r,
+			onChange: o
+		});
+	}
+}, l = {
+	name: "Примитивы",
+	render: () => {
+		let [t, r] = i(o[1]);
+		return /* @__PURE__ */ n(e, {
+			label: "Статус",
+			description: "Пример использования низкоуровневого Select со строковыми значениями.",
+			placeholder: "Выберите статус",
+			options: o,
+			value: t,
+			onChange: r,
+			getOptionKey: (e) => e,
+			getOptionLabel: (e) => e,
+			size: "md"
+		});
+	}
+}, u = { render: (t) => {
+	let [r, a] = i(void 0);
+	return /* @__PURE__ */ n(e, {
+		...t,
+		value: r,
+		onChange: a
+	});
+} }, d = {
+	name: "Кастомный рендер",
+	render: (o) => {
+		let [s, c] = i(a[0]);
+		return /* @__PURE__ */ n(e, {
+			...o,
+			value: s,
+			onChange: c,
+			renderValue: (e) => `${e.code} · ${e.name}`,
+			renderOption: (e, i) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+				className: "flexEllipsis",
+				children: [/* @__PURE__ */ n("div", { children: e.name }), /* @__PURE__ */ n("div", {
+					className: "fontSizeSm content2",
+					children: e.manager
+				})]
+			}), /* @__PURE__ */ n("div", {
+				style: { opacity: i.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

@@ -0,0 +1 @@
+{"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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"}