@ryuzaki13/react-foundation-ui 3.4.3 → 3.6.0

package/dist/chunks/select-aTGupQan.js

@@ -1,363 +0,0 @@
-import { t as e } from "./ui.module-oRwY3Zli.js";
-import { HighlightText as t } from "../text/index.js";
-import { u as n } from "./input-DSPKgiCK.js";
-import { CustomOptionButton as r, Option as i, OptionButton as a, OptionCode as o, OptionText as s } from "../option/index.js";
-import { a as c, f as l, i as u, m as d, r as f, s as p, t as m, u as ee, v as te } from "./picker-lvm82d0A.js";
-import { t as h } from "./odata-dependent-C_DCbKY2.js";
-import { n as g } from "./useODataSelectBase-DR4PrY1j.js";
-import { Fragment as ne, useCallback as _, useMemo as v, useRef as re, useState as ie } from "react";
-import { useODataCollectionModel as y } from "@ryuzaki13/react-foundation-api/odata";
-import { cn as b } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { CheckIcon as ae } from "lucide-react";
-//#region src/select/lib/getOptionSearchText.ts
-function oe({ option: e, getOptionLabel: t, getOptionCode: n, getOptionGroup: r }) {
-	return [
-		d(t(e)),
-		d(n?.(e)),
-		d(r?.(e)?.label)
-	].filter((e) => !!e).join(" ").toLowerCase();
-}
-function w(e, t, n) {
-	return e.find((e) => e.value === t) ?? n;
-}
-//#endregion
-//#region src/select/model/useODataSelect.ts
-function T({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
-	let o = g({
-		odata: e,
-		segment: t,
-		model: n,
-		value: r ? [r] : [],
-		dependencies: i
-	}), s = o.selectedItems[0], c = v(() => s ? [s, ...o.filteredItems] : o.filteredItems, [o.filteredItems, s]), l = (e) => {
-		a(e?.[o.selectionKey]);
-	};
-	return {
-		...o,
-		selectedItem: s,
-		options: c,
-		handleChange: l
-	};
-}
-//#endregion
-//#region src/select/lib/createSelectOptionSections.ts
-function se(e, t) {
-	let n = [];
-	return e.forEach((e, r) => {
-		let i = t(e), a = n.at(-1), o = a?.group?.key === i?.key;
-		if (a && o) {
-			a.items.push({
-				option: e,
-				index: r
-			});
-			return;
-		}
-		n.push({
-			group: i,
-			items: [{
-				option: e,
-				index: r
-			}]
-		});
-	}), n;
-}
-//#endregion
-//#region src/select/Select.tsx
-function E(t) {
-	let { label: n, description: o, disabled: s, placeholder: h, size: g, options: y, value: w, onChange: T, getOptionKey: E, getOptionLabel: D, getOptionCode: O, getOptionSearchText: k, getOptionDisabled: A, getOptionAriaLabel: j, getOptionGroup: M, getOptionClassName: N, renderOption: P, renderValue: F, className: ce, buttonClassName: le, optionsClassName: ue, optionsMaxWidth: de, optionsContentClassName: fe, searchable: I = !1, defaultFilter: pe = !0, query: me, defaultQuery: he, onQuery: ge, renderPopupHeader: _e, emptyState: ve, isLoading: ye, errorState: be, placement: xe = "bottom-start", clearable: Se = !1 } = t, L = T, R = re(null), [z, Ce] = ie(!1), B = I ? "search-single" : "display", V = w === void 0 ? void 0 : E(w), H = V === void 0 ? void 0 : y.find((e) => E(e) === V) ?? w, { query: U, setQuery: W, resetQueryOnClose: we } = f({
-		query: me,
-		defaultQuery: he,
-		onQuery: ge,
-		triggerMode: B
-	}), Te = (e) => {
-		z && !e && we && W(""), Ce(e);
-	}, Ee = _((e) => k?.(e) ?? oe({
-		option: e,
-		getOptionLabel: D,
-		getOptionCode: O,
-		getOptionGroup: M
-	}), [
-		k,
-		O,
-		M,
-		D
-	]), G = c({
-		options: y,
-		query: U,
-		enabled: I && pe,
-		getSearchText: Ee
-	}), K = v(() => M ? se(G, M) : void 0, [M, G]), De = V === void 0 ? -1 : G.findIndex((e) => E(e) === V), { activeIndex: Oe, context: ke, floatingStyles: Ae, getFloatingProps: je, setReference: Me, setFloating: Ne, setOptionRef: Pe, close: q, openList: Fe, toggleOpen: Ie, selectOption: J, selectActiveOption: Le, handleReferenceKeyDown: Re, handleFloatingKeyDown: ze, getOptionId: Be, getActiveOptionId: Y } = u({
-		options: G,
-		selectedIndex: De,
-		open: z,
-		onOpenChange: Te,
-		getOptionDisabled: A,
-		onSelect: L,
-		disabled: s,
-		placement: xe,
-		triggerMode: B
-	}), X = G.length > 0, Z = H === void 0 ? void 0 : D(H), Q = H === void 0 ? void 0 : F ? F(H) : Z, Ve = d(Z), He = H === void 0 ? void 0 : d(O?.(H)), Ue = d(Q) ?? Ve ?? He ?? (V === void 0 ? "" : String(V)), We = I && (z || U.length > 0) ? U : H === void 0 ? "" : Ue, $ = m({
-		mode: B,
-		open: z,
-		currentQuery: U,
-		hasDisplayValue: H !== void 0,
-		inputRef: R,
-		setQuery: W,
-		openList: Fe,
-		close: q,
-		toggleOpen: Ie
-	}), Ge = (e) => {
-		R.current = e;
-	}, Ke = () => {
-		Se && L(void 0), W(""), q();
-	}, qe = (e, t, n) => {
-		let o = E(t), s = V !== void 0 && o === V, c = n === Oe, l = A?.(t) ?? !1, u = {
-			active: c,
-			selected: s,
-			disabled: l
-		};
-		return /* @__PURE__ */ S(i, {
-			id: Be(e, n),
-			ref: (e) => Pe(n, e),
-			role: "option",
-			"aria-selected": s,
-			"aria-disabled": l || void 0,
-			"aria-label": j?.(t),
-			active: c,
-			selected: s,
-			disabled: l,
-			className: N?.(t, u),
-			children: P ? /* @__PURE__ */ S(r, {
-				tabIndex: -1,
-				disabled: l,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => J(t),
-				children: P(t, u)
-			}) : /* @__PURE__ */ S(a, {
-				tabIndex: -1,
-				disabled: l,
-				icon: S(s ? ae : "span", {}),
-				text: D(t),
-				code: O?.(t),
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => J(t)
-			})
-		}, o);
-	};
-	return /* @__PURE__ */ S(te, {
-		label: n,
-		description: o,
-		disabled: s,
-		size: g,
-		className: ce,
-		children: ({ controlId: t, labelId: r, describedBy: i }) => {
-			let a = `${t}-listbox`;
-			return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
-				ref: Ge,
-				rootRef: Me,
-				id: t,
-				type: "text",
-				disabled: s,
-				readOnly: !I,
-				autoComplete: "off",
-				role: "combobox",
-				isLoading: ye,
-				open: z,
-				optionCount: y.length,
-				label: n,
-				placeholder: h,
-				value: We,
-				selectedValue: Q ?? Ue,
-				hasSelection: H !== void 0,
-				showSelectedValue: !1,
-				clearable: !!Se,
-				onClear: Ke,
-				onToggleMouseDown: $.handleToggleMouseDown,
-				onToggleClick: $.handleToggleClick,
-				"aria-labelledby": r,
-				"aria-describedby": i,
-				"aria-haspopup": "listbox",
-				"aria-expanded": z,
-				"aria-controls": z ? a : void 0,
-				"aria-autocomplete": I ? "list" : "none",
-				"aria-activedescendant": z ? Y(a) : void 0,
-				inputClassName: b(le, "textOverflow"),
-				onChange: (e) => {
-					I && $.handleTriggerInputChange(e.target.value);
-				},
-				onClick: $.handleTriggerClick,
-				onFocus: (e) => {
-					$.handleTriggerFocus(e.currentTarget);
-				},
-				onKeyDown: (e) => {
-					Re(e), !e.defaultPrevented && $.handleTriggerKeyDown({
-						event: e,
-						onActivateWhenOpen: Le,
-						enableSpaceActivation: !I
-					});
-				}
-			}), /* @__PURE__ */ S(l, {
-				open: z,
-				context: ke,
-				floatingStyles: Ae,
-				listId: a,
-				labelId: r,
-				descriptionId: i,
-				activeOptionId: X ? Y(a) : void 0,
-				setFloating: Ne,
-				getFloatingProps: je,
-				onKeyDown: ze,
-				className: ue,
-				maxWidth: de,
-				toolbar: _e,
-				children: /* @__PURE__ */ S("div", {
-					className: b(fe, "h100 scrollable overscroll"),
-					children: X ? K ? K.map((t, n) => {
-						let r = t.group ? `${a}-group-${n}` : void 0, i = t.items.map(({ option: e, index: t }) => qe(a, e, t));
-						return t.group ? /* @__PURE__ */ C("div", {
-							role: "group",
-							"aria-labelledby": r,
-							children: [/* @__PURE__ */ S("div", {
-								id: r,
-								className: e.uiPopupGroupLabel,
-								children: t.group.label
-							}), i]
-						}, `group-${String(t.group.key)}-${n}`) : /* @__PURE__ */ S(ne, { children: i }, `options-${n}`);
-					}) : G.map((e, t) => qe(a, e, t)) : /* @__PURE__ */ S(ee, {
-						emptyState: ve,
-						errorState: be
-					})
-				})
-			})] });
-		}
-	});
-}
-//#endregion
-//#region src/select/SelectOptionContent.tsx
-function D({ label: e, code: n, highlight: r, labelClassName: i, codeClassName: a }) {
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(s, {
-		className: b("flexEllipsis", i),
-		children: /* @__PURE__ */ S(t, {
-			text: e,
-			highlight: r
-		})
-	}), n && /* @__PURE__ */ S(o, {
-		className: a,
-		children: /* @__PURE__ */ S(t, {
-			text: n,
-			highlight: r
-		})
-	})] });
-}
-//#endregion
-//#region src/select/ODataSelect.tsx
-function O(e, t, n) {
-	return e ? t || Object.keys(e).find((e) => e !== n) || n : t || n;
-}
-var k = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, disabled: s, value: c, dependencies: l, onChange: u, clearable: d }) => {
-	let f = T({
-		odata: e,
-		segment: t,
-		model: y(r),
-		value: c,
-		dependencies: l,
-		onChange: u
-	});
-	if (f.isLoading) return /* @__PURE__ */ S(n, {
-		size: i,
-		label: a,
-		description: o
-	});
-	let p = t.hideCode ?? e.hideCode, m = O(f.selectedItem ?? f.options[0], f.textKey, f.codeKey);
-	return /* @__PURE__ */ S(E, {
-		size: i,
-		label: a,
-		description: o,
-		options: f.options,
-		value: f.selectedItem,
-		onChange: f.handleChange,
-		getOptionKey: (e) => e[f.codeKey],
-		getOptionLabel: (e) => e[m],
-		getOptionCode: p ? void 0 : (e) => e[f.codeKey],
-		getOptionAriaLabel: (e) => p || e[m] === e[f.codeKey] ? String(e[m]) : `${e[m]} ${e[f.codeKey]}`,
-		renderValue: (e) => /* @__PURE__ */ S(D, {
-			label: e[m],
-			code: p ? void 0 : e[f.codeKey]
-		}),
-		renderOption: (e) => /* @__PURE__ */ S(D, {
-			label: e[m],
-			code: p ? void 0 : e[f.codeKey],
-			highlight: f.debouncedQuery
-		}),
-		searchable: !0,
-		query: f.query,
-		onQuery: f.setQuery,
-		defaultFilter: !1,
-		disabled: s || f.isLoading,
-		placeholder: f.placeholder,
-		isLoading: f.isLoading,
-		errorState: f.isError ? "Ошибка загрузки" : void 0,
-		emptyState: !f.isLoading && !f.isError ? "Нет данных" : void 0,
-		clearable: d
-	});
-};
-//#endregion
-//#region src/select/ODataDependentSegmentSelect.tsx
-function A(e) {
-	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15, clearable: s } = e, c = h(e), { updateSegment: l } = c, u = `calc(${o}em + var(--width-add))`, d = _((e) => {
-		l(t.id, e === void 0 ? [] : [e]);
-	}, [t.id, l]);
-	return /* @__PURE__ */ S("div", {
-		style: {
-			maxWidth: u,
-			minWidth: u
-		},
-		children: /* @__PURE__ */ S(k, {
-			odata: t.odata,
-			segment: t.segment,
-			model: t.model,
-			dependencies: c.values,
-			value: c.values[t.id]?.[0],
-			onChange: d,
-			disabled: n || c.isSegmentDisabled(t.id),
-			label: r,
-			description: i,
-			size: a,
-			clearable: s
-		})
-	});
-}
-//#endregion
-//#region src/select/SerializableSelect.tsx
-function j(e, t) {
-	return String(e[t]);
-}
-function M(e, t, n) {
-	let r = e[t];
-	if (typeof r == "string" || typeof r == "number") return String(r);
-	let i = j(e, n);
-	return String(i);
-}
-function N({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u, className: d, clearable: f }) {
-	let p = o === void 0 ? void 0 : a.find((e) => j(e, c) === o);
-	return /* @__PURE__ */ S(E, {
-		label: e,
-		description: t,
-		disabled: n,
-		placeholder: r,
-		size: i,
-		options: a,
-		value: p,
-		onChange: (e) => s(e ? j(e, c) : void 0),
-		getOptionKey: (e) => j(e, c),
-		getOptionLabel: (e) => M(e, l, c),
-		getOptionCode: u ? (e) => j(e, c) : void 0,
-		className: d,
-		clearable: f
-	});
-}
-//#endregion
-export { w as a, E as i, A as n, k as r, N as t };
-
-//# sourceMappingURL=select-aTGupQan.js.map

package/dist/chunks/select-aTGupQan.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-aTGupQan.js","names":[],"sources":["../../src/select/lib/getOptionSearchText.ts","../../src/select/model/useODataSelect.ts","../../src/select/lib/createSelectOptionSections.ts","../../src/select/Select.tsx","../../src/select/SelectOptionContent.tsx","../../src/select/ODataSelect.tsx","../../src/select/ODataDependentSegmentSelect.tsx","../../src/select/SerializableSelect.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { extractPickerTextContent } from \"../../picker\";\nimport { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport function getOptionSearchText<T extends InputType>({\n\toption,\n\tgetOptionLabel,\n\tgetOptionCode,\n\tgetOptionGroup\n}: {\n\toption: T;\n\tgetOptionLabel: (option: T) => ReactNode;\n\tgetOptionCode?: (option: T) => ReactNode;\n\tgetOptionGroup?: (option: T) => SelectOptionGroup | undefined;\n}) {\n\treturn [\n\t\textractPickerTextContent(getOptionLabel(option)),\n\t\textractPickerTextContent(getOptionCode?.(option)),\n\t\textractPickerTextContent(getOptionGroup?.(option)?.label)\n\t]\n\t\t.filter((part): part is string => Boolean(part))\n\t\t.join(\" \")\n\t\t.toLowerCase();\n}\n\n/** Находит selected option по value и возвращает fallback, если значение еще не нормализовано. */\nexport function resolveSelectedOption<TOption extends { value: string }>(\n\toptions: readonly TOption[],\n\tvalue: string,\n\tfallback: TOption\n): TOption {\n\treturn options.find((option) => option.value === value) ?? fallback;\n}\n","import { useMemo } from \"react\";\n\nimport { ODataCollectionModel, ODataSingleSelectProps } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { useODataSelectBase } from \"./useODataSelectBase\";\n\ninterface UseODataSelectOptions extends Omit<ODataSingleSelectProps, \"model\"> {\n\tmodel: Required<ODataCollectionModel>;\n\tonChange: (value: string | undefined) => void;\n}\n\nexport function useODataSelect({ odata, segment, model, value, dependencies, onChange }: UseODataSelectOptions) {\n\tconst odataModel = useODataSelectBase({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue: value ? [value] : [],\n\t\tdependencies\n\t});\n\n\tconst selectedItem = odataModel.selectedItems[0];\n\tconst options = useMemo(() => {\n\t\tif (!selectedItem) {\n\t\t\treturn odataModel.filteredItems;\n\t\t}\n\n\t\treturn [selectedItem, ...odataModel.filteredItems];\n\t}, [odataModel.filteredItems, selectedItem]);\n\n\tconst handleChange = (item: CollectionItem | undefined) => {\n\t\tonChange(item?.[odataModel.selectionKey]);\n\t};\n\n\treturn {\n\t\t...odataModel,\n\t\tselectedItem,\n\t\toptions,\n\t\thandleChange\n\t};\n}\n","import { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport type SelectOptionSectionItem<TOption> = {\n\treadonly option: TOption;\n\treadonly index: number;\n};\n\nexport type SelectOptionSection<TOption> = {\n\treadonly group: SelectOptionGroup | undefined;\n\treadonly items: readonly SelectOptionSectionItem<TOption>[];\n};\n\n/**\n * Собирает соседние опции с одинаковым group key в секции, сохраняя исходные индексы для клавиатурной навигации listbox.\n */\nexport function createSelectOptionSections<TOption>(\n\toptions: readonly TOption[],\n\tgetOptionGroup: (option: TOption) => SelectOptionGroup | undefined\n): readonly SelectOptionSection<TOption>[] {\n\tconst sections: Array<{ group: SelectOptionGroup | undefined; items: SelectOptionSectionItem<TOption>[] }> = [];\n\n\toptions.forEach((option, index) => {\n\t\tconst group = getOptionGroup(option);\n\t\tconst currentSection = sections.at(-1);\n\t\tconst belongsToCurrentSection = currentSection?.group?.key === group?.key;\n\n\t\tif (currentSection && belongsToCurrentSection) {\n\t\t\tcurrentSection.items.push({ option, index });\n\t\t\treturn;\n\t\t}\n\n\t\tsections.push({\n\t\t\tgroup,\n\t\t\titems: [{ option, index }]\n\t\t});\n\t});\n\n\treturn sections;\n}\n","import { type CSSProperties, Fragment, ReactNode, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport { Placement } from \"@floating-ui/react\";\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { CustomOptionButton, Option, OptionButton } from \"../option\";\nimport {\n\textractPickerTextContent,\n\tPickerField,\n\tPickerPopup,\n\tPickerStatus,\n\tPickerTrigger,\n\tusePickerDefaultFilter,\n\tusePickerFloatingListbox,\n\tusePickerQuery,\n\tusePickerTriggerController\n} from \"../picker\";\nimport { ChangeHandler, UiBaseProps } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport { getOptionSearchText } from \"./lib\";\nimport { createSelectOptionSections } from \"./lib/createSelectOptionSections\";\nimport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport type SelectOptionState = {\n\tactive: boolean;\n\tselected: boolean;\n\tdisabled: boolean;\n};\n\ntype SelectSharedProps<TOption extends InputType> = Omit<UiBaseProps<TOption, TOption | undefined>, \"onChange\"> & {\n\toptions: readonly TOption[];\n\tgetOptionKey: (option: TOption) => SelectOptionKey;\n\tgetOptionLabel: (option: TOption) => string;\n\tgetOptionCode?: (option: TOption) => string;\n\t/** Явный поисковый текст для опции с произвольным ReactNode-render. */\n\tgetOptionSearchText?: (option: TOption) => string | readonly string[];\n\tgetOptionDisabled?: (option: TOption) => boolean;\n\tgetOptionAriaLabel?: (option: TOption) => string;\n\tgetOptionGroup?: (option: TOption) => SelectOptionGroup | undefined;\n\tgetOptionClassName?: (option: TOption, state: SelectOptionState) => string | undefined;\n\trenderOption?: (option: TOption, state: SelectOptionState) => ReactNode;\n\trenderValue?: (option: TOption) => ReactNode;\n\tclassName?: string;\n\tbuttonClassName?: string;\n\toptionsClassName?: string;\n\toptionsMaxWidth?: CSSProperties[\"maxWidth\"];\n\toptionsContentClassName?: string;\n\tsearchable?: boolean;\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tdefaultFilter?: boolean;\n\tisLoading?: boolean;\n\trenderPopupHeader?: ReactNode;\n\temptyState?: ReactNode;\n\terrorState?: ReactNode;\n\tplacement?: Placement;\n};\n\ntype SelectChangeValue<TOption extends InputType, TClearable extends boolean | undefined> = true extends TClearable\n\t? TOption | undefined\n\t: TOption;\n\nexport type SelectProps<TOption extends InputType, TClearable extends boolean | undefined = false> = SelectSharedProps<TOption> & {\n\tclearable?: TClearable;\n\tonChange: ChangeHandler<SelectChangeValue<TOption, TClearable>>;\n};\n\n/**\n * Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.\n */\nexport function Select<TOption extends InputType, TClearable extends boolean | undefined = false>(props: SelectProps<TOption, TClearable>) {\n\tconst {\n\t\tlabel,\n\t\tdescription,\n\t\tdisabled,\n\t\tplaceholder,\n\t\tsize,\n\t\toptions,\n\t\tvalue,\n\t\tonChange,\n\t\tgetOptionKey,\n\t\tgetOptionLabel,\n\t\tgetOptionCode,\n\t\tgetOptionSearchText: getExplicitOptionSearchText,\n\t\tgetOptionDisabled,\n\t\tgetOptionAriaLabel,\n\t\tgetOptionGroup,\n\t\tgetOptionClassName,\n\t\trenderOption,\n\t\trenderValue,\n\t\tclassName,\n\t\tbuttonClassName,\n\t\toptionsClassName,\n\t\toptionsMaxWidth,\n\t\toptionsContentClassName,\n\t\tsearchable = false,\n\t\tdefaultFilter = true,\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\trenderPopupHeader,\n\t\temptyState,\n\t\tisLoading,\n\t\terrorState,\n\t\tplacement = \"bottom-start\",\n\t\tclearable = false\n\t} = props;\n\tconst emitChange = onChange as ChangeHandler<TOption | undefined>;\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst [open, setOpen] = useState(false);\n\tconst triggerMode = searchable ? \"search-single\" : \"display\";\n\tconst selectedKey = value === undefined ? undefined : getOptionKey(value);\n\tconst selectedOption =\n\t\tselectedKey === undefined ? undefined : (options.find((option) => getOptionKey(option) === selectedKey) ?? value);\n\tconst {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tresetQueryOnClose\n\t} = usePickerQuery({\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\ttriggerMode\n\t});\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (open && !nextOpen && resetQueryOnClose) {\n\t\t\tsetQuery(\"\");\n\t\t}\n\n\t\tsetOpen(nextOpen);\n\t};\n\tconst getSearchText = useCallback(\n\t\t(option: TOption) =>\n\t\t\tgetExplicitOptionSearchText?.(option) ??\n\t\t\tgetOptionSearchText({\n\t\t\t\toption,\n\t\t\t\tgetOptionLabel,\n\t\t\t\tgetOptionCode,\n\t\t\t\tgetOptionGroup\n\t\t\t}),\n\t\t[getExplicitOptionSearchText, getOptionCode, getOptionGroup, getOptionLabel]\n\t);\n\tconst visibleOptions = usePickerDefaultFilter({\n\t\toptions,\n\t\tquery: currentQuery,\n\t\tenabled: searchable && defaultFilter,\n\t\tgetSearchText\n\t});\n\tconst optionSections = useMemo(\n\t\t() => (getOptionGroup ? createSelectOptionSections(visibleOptions, getOptionGroup) : undefined),\n\t\t[getOptionGroup, visibleOptions]\n\t);\n\tconst selectedIndex = selectedKey === undefined ? -1 : visibleOptions.findIndex((option) => getOptionKey(option) === selectedKey);\n\tconst {\n\t\tactiveIndex,\n\t\tcontext,\n\t\tfloatingStyles,\n\t\tgetFloatingProps,\n\t\tsetReference,\n\t\tsetFloating,\n\t\tsetOptionRef,\n\t\tclose,\n\t\topenList,\n\t\ttoggleOpen,\n\t\tselectOption,\n\t\tselectActiveOption,\n\t\thandleReferenceKeyDown,\n\t\thandleFloatingKeyDown,\n\t\tgetOptionId,\n\t\tgetActiveOptionId\n\t} = usePickerFloatingListbox({\n\t\toptions: visibleOptions,\n\t\tselectedIndex,\n\t\topen,\n\t\tonOpenChange: handleOpenChange,\n\t\tgetOptionDisabled,\n\t\tonSelect: emitChange,\n\t\tdisabled,\n\t\tplacement,\n\t\ttriggerMode\n\t});\n\n\tconst hasOptions = visibleOptions.length > 0;\n\tconst labelContent = selectedOption !== undefined ? getOptionLabel(selectedOption) : undefined;\n\tconst displayContent = selectedOption !== undefined ? (renderValue ? renderValue(selectedOption) : labelContent) : undefined;\n\tconst labelText = extractPickerTextContent(labelContent);\n\tconst codeText = selectedOption !== undefined ? extractPickerTextContent(getOptionCode?.(selectedOption)) : undefined;\n\tconst displayText =\n\t\textractPickerTextContent(displayContent) ?? labelText ?? codeText ?? (selectedKey !== undefined ? String(selectedKey) : \"\");\n\tconst showSearchValue = searchable && (open || currentQuery.length > 0);\n\tconst inputValue = showSearchValue ? currentQuery : selectedOption !== undefined ? displayText : \"\";\n\tconst triggerController = usePickerTriggerController({\n\t\tmode: triggerMode,\n\t\topen,\n\t\tcurrentQuery,\n\t\thasDisplayValue: selectedOption !== undefined,\n\t\tinputRef,\n\t\tsetQuery,\n\t\topenList,\n\t\tclose,\n\t\ttoggleOpen\n\t});\n\tconst setInputNode = (node: HTMLInputElement | null) => {\n\t\tinputRef.current = node;\n\t};\n\tconst handleClear = () => {\n\t\tif (clearable) {\n\t\t\temitChange(undefined);\n\t\t}\n\n\t\tsetQuery(\"\");\n\t\tclose();\n\t};\n\tconst renderOptionNode = (listId: string, option: TOption, index: number) => {\n\t\tconst optionKey = getOptionKey(option);\n\t\tconst selected = selectedKey !== undefined && optionKey === selectedKey;\n\t\tconst active = index === activeIndex;\n\t\tconst optionDisabled = getOptionDisabled?.(option) ?? false;\n\t\tconst optionState = { active, selected, disabled: optionDisabled };\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\tkey={optionKey}\n\t\t\t\tid={getOptionId(listId, index)}\n\t\t\t\tref={(node) => setOptionRef(index, node)}\n\t\t\t\trole=\"option\"\n\t\t\t\taria-selected={selected}\n\t\t\t\taria-disabled={optionDisabled || undefined}\n\t\t\t\taria-label={getOptionAriaLabel?.(option)}\n\t\t\t\tactive={active}\n\t\t\t\tselected={selected}\n\t\t\t\tdisabled={optionDisabled}\n\t\t\t\tclassName={getOptionClassName?.(option, optionState)}>\n\t\t\t\t{renderOption ? (\n\t\t\t\t\t<CustomOptionButton\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tdisabled={optionDisabled}\n\t\t\t\t\t\tonMouseDown={(event) => event.preventDefault()}\n\t\t\t\t\t\tonClick={() => selectOption(option)}>\n\t\t\t\t\t\t{renderOption(option, optionState)}\n\t\t\t\t\t</CustomOptionButton>\n\t\t\t\t) : (\n\t\t\t\t\t<OptionButton\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tdisabled={optionDisabled}\n\t\t\t\t\t\ticon={selected ? <CheckIcon /> : <span />}\n\t\t\t\t\t\ttext={getOptionLabel(option)}\n\t\t\t\t\t\tcode={getOptionCode?.(option)}\n\t\t\t\t\t\tonMouseDown={(event) => event.preventDefault()}\n\t\t\t\t\t\tonClick={() => selectOption(option)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Option>\n\t\t);\n\t};\n\n\treturn (\n\t\t<PickerField label={label} description={description} disabled={disabled} size={size} className={className}>\n\t\t\t{({ controlId, labelId, describedBy }) => {\n\t\t\t\tconst listId = `${controlId}-listbox`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PickerTrigger\n\t\t\t\t\t\t\tref={setInputNode}\n\t\t\t\t\t\t\trootRef={setReference}\n\t\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={!searchable}\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\toptionCount={options.length}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tselectedValue={displayContent ?? displayText}\n\t\t\t\t\t\t\thasSelection={selectedOption !== undefined}\n\t\t\t\t\t\t\tshowSelectedValue={false /*selectedOption !== undefined && !showSearchValue*/}\n\t\t\t\t\t\t\tclearable={Boolean(clearable)}\n\t\t\t\t\t\t\tonClear={handleClear}\n\t\t\t\t\t\t\tonToggleMouseDown={triggerController.handleToggleMouseDown}\n\t\t\t\t\t\t\tonToggleClick={triggerController.handleToggleClick}\n\t\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t\taria-expanded={open}\n\t\t\t\t\t\t\taria-controls={open ? listId : undefined}\n\t\t\t\t\t\t\taria-autocomplete={searchable ? \"list\" : \"none\"}\n\t\t\t\t\t\t\taria-activedescendant={open ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tinputClassName={cn(buttonClassName, \"textOverflow\")}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tif (!searchable) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerInputChange(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={triggerController.handleTriggerClick}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerFocus(event.currentTarget);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\t\t\thandleReferenceKeyDown(event);\n\n\t\t\t\t\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerKeyDown({\n\t\t\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\t\t\tonActivateWhenOpen: selectActiveOption,\n\t\t\t\t\t\t\t\t\tenableSpaceActivation: !searchable\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<PickerPopup\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\tcontext={context}\n\t\t\t\t\t\t\tfloatingStyles={floatingStyles}\n\t\t\t\t\t\t\tlistId={listId}\n\t\t\t\t\t\t\tlabelId={labelId}\n\t\t\t\t\t\t\tdescriptionId={describedBy}\n\t\t\t\t\t\t\tactiveOptionId={hasOptions ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tsetFloating={setFloating}\n\t\t\t\t\t\t\tgetFloatingProps={getFloatingProps}\n\t\t\t\t\t\t\tonKeyDown={handleFloatingKeyDown}\n\t\t\t\t\t\t\tclassName={optionsClassName}\n\t\t\t\t\t\t\tmaxWidth={optionsMaxWidth}\n\t\t\t\t\t\t\ttoolbar={renderPopupHeader}>\n\t\t\t\t\t\t\t<div className={cn(optionsContentClassName, \"h100 scrollable overscroll\")}>\n\t\t\t\t\t\t\t\t{hasOptions ? (\n\t\t\t\t\t\t\t\t\toptionSections ? (\n\t\t\t\t\t\t\t\t\t\toptionSections.map((section, sectionIndex) => {\n\t\t\t\t\t\t\t\t\t\t\tconst groupLabelId = section.group ? `${listId}-group-${sectionIndex}` : undefined;\n\t\t\t\t\t\t\t\t\t\t\tconst optionNodes = section.items.map(({ option, index }) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderOptionNode(listId, option, index)\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\treturn section.group ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`group-${String(section.group.key)}-${sectionIndex}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-labelledby={groupLabelId}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id={groupLabelId} className={uiStyles.uiPopupGroupLabel}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{section.group.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{optionNodes}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<Fragment key={`options-${sectionIndex}`}>{optionNodes}</Fragment>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\tvisibleOptions.map((option, index) => renderOptionNode(listId, option, index))\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<PickerStatus emptyState={emptyState} errorState={errorState} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</PickerPopup>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t}}\n\t\t</PickerField>\n\t);\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { OptionCode, OptionText } from \"../option\";\nimport { HighlightText } from \"../text\";\n\ninterface OptionContentProps {\n\tlabel: string;\n\tcode?: string;\n\thighlight?: string;\n\t/** Приватный визуальный modifier label для специализированного владельца option. */\n\tlabelClassName?: string;\n\t/** Отдельный modifier code, потому что code задаёт собственный variable-font weight. */\n\tcodeClassName?: string;\n}\n\n/**\n * Универсальный рендерер опции. Используется и в single-select, и в multi-select.\n */\nexport function SelectOptionContent({ label, code, highlight, labelClassName, codeClassName }: OptionContentProps) {\n\treturn (\n\t\t<>\n\t\t\t<OptionText className={cn(\"flexEllipsis\", labelClassName)}>\n\t\t\t\t<HighlightText text={label} highlight={highlight} />\n\t\t\t</OptionText>\n\t\t\t{code && (\n\t\t\t\t<OptionCode className={codeClassName}>\n\t\t\t\t\t<HighlightText text={code} highlight={highlight} />\n\t\t\t\t</OptionCode>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import React from \"react\";\n\nimport { ODataSingleSelectProps, useODataCollectionModel } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { InputUILoading } from \"../input\";\nimport { UiBaseProps } from \"../types\";\n\nimport { useODataSelect } from \"./model/useODataSelect\";\nimport { Select } from \"./Select\";\nimport { SelectOptionContent } from \"./SelectOptionContent\";\n\ntype ODataSelectProps = Omit<ODataSingleSelectProps, \"value\"> & UiBaseProps<string | undefined> & { clearable?: boolean };\n\nfunction getODataOptionTextKey(item: CollectionItem | undefined, textKey: string, codeKey: string) {\n\tif (!item) {\n\t\treturn textKey || codeKey;\n\t}\n\n\treturn textKey || Object.keys(item).find((key) => key !== codeKey) || codeKey;\n}\n\nexport const ODataSelect: React.FC<ODataSelectProps> = ({\n\todata,\n\tsegment,\n\tmodel: initialModel,\n\tsize,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tvalue,\n\tdependencies,\n\tonChange,\n\tclearable\n}) => {\n\tconst model = useODataCollectionModel(initialModel);\n\tconst odataModel = useODataSelect({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue,\n\t\tdependencies,\n\t\tonChange\n\t});\n\n\tif (odataModel.isLoading) {\n\t\treturn <InputUILoading size={size} label={label} description={description} />;\n\t}\n\n\tconst hideCode = segment.hideCode ?? odata.hideCode;\n\tconst resolvedTextKey = getODataOptionTextKey(odataModel.selectedItem ?? odataModel.options[0], odataModel.textKey, odataModel.codeKey);\n\n\treturn (\n\t\t<Select\n\t\t\tsize={size}\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\toptions={odataModel.options}\n\t\t\tvalue={odataModel.selectedItem}\n\t\t\tonChange={odataModel.handleChange}\n\t\t\tgetOptionKey={(item) => item[odataModel.codeKey]}\n\t\t\tgetOptionLabel={(item) => item[resolvedTextKey]}\n\t\t\tgetOptionCode={hideCode ? undefined : (item) => item[odataModel.codeKey]}\n\t\t\tgetOptionAriaLabel={(item) =>\n\t\t\t\thideCode || item[resolvedTextKey] === item[odataModel.codeKey]\n\t\t\t\t\t? String(item[resolvedTextKey])\n\t\t\t\t\t: `${item[resolvedTextKey]} ${item[odataModel.codeKey]}`\n\t\t\t}\n\t\t\trenderValue={(item) => (\n\t\t\t\t<SelectOptionContent label={item[resolvedTextKey]} code={hideCode ? undefined : item[odataModel.codeKey]} />\n\t\t\t)}\n\t\t\trenderOption={(item) => (\n\t\t\t\t<SelectOptionContent\n\t\t\t\t\tlabel={item[resolvedTextKey]}\n\t\t\t\t\tcode={hideCode ? undefined : item[odataModel.codeKey]}\n\t\t\t\t\thighlight={odataModel.debouncedQuery}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\tsearchable\n\t\t\tquery={odataModel.query}\n\t\t\tonQuery={odataModel.setQuery}\n\t\t\tdefaultFilter={false}\n\t\t\tdisabled={disabled || odataModel.isLoading}\n\t\t\tplaceholder={odataModel.placeholder}\n\t\t\tisLoading={odataModel.isLoading}\n\t\t\terrorState={odataModel.isError ? \"Ошибка загрузки\" : undefined}\n\t\t\temptyState={!odataModel.isLoading && !odataModel.isError ? \"Нет данных\" : undefined}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n};\n","import { useCallback } from \"react\";\n\nimport { useODataDependentSelection } from \"../odata-dependent\";\n\nimport { ODataSelect } from \"./ODataSelect\";\n\nimport type { ODataDependentSegmentControlProps } from \"../odata-dependent\";\n\nexport type ODataDependentSegmentSelectProps = ODataDependentSegmentControlProps & {\n\t/** Показывает действие очистки выбранного значения. */\n\tclearable?: boolean;\n};\n\n/**\n * Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.\n * Общий снимок остаётся массивным, поэтому совместим с `dependencies` и\n * может совместно использоваться с segment-level MultiSelect-контролами.\n */\nexport function ODataDependentSegmentSelect(props: ODataDependentSegmentSelectProps) {\n\tconst { item, disabled, label, description, size, width = 15, clearable } = props;\n\tconst selection = useODataDependentSelection(props);\n\tconst { updateSegment } = selection;\n\tconst widthStyle = `calc(${width}em + var(--width-add))`;\n\n\tconst handleSelectionChange = useCallback(\n\t\t(value: string | undefined) => {\n\t\t\tupdateSegment(item.id, value === undefined ? [] : [value]);\n\t\t},\n\t\t[item.id, updateSegment]\n\t);\n\n\treturn (\n\t\t<div style={{ maxWidth: widthStyle, minWidth: widthStyle }}>\n\t\t\t<ODataSelect\n\t\t\t\todata={item.odata}\n\t\t\t\tsegment={item.segment}\n\t\t\t\tmodel={item.model}\n\t\t\t\tdependencies={selection.values}\n\t\t\t\tvalue={selection.values[item.id]?.[0]}\n\t\t\t\tonChange={handleSelectionChange}\n\t\t\t\tdisabled={disabled || selection.isSegmentDisabled(item.id)}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tsize={size}\n\t\t\t\tclearable={clearable}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","import { Select } from \"./Select\";\n\nimport type { UiBaseProps } from \"../types\";\nimport type { SelectOptionKey } from \"./Select\";\n\ntype SerializableOptionRecord = Record<string, unknown>;\n\ntype SerializableOptionKeyField<TOption extends SerializableOptionRecord> = {\n\t[K in keyof TOption]: Extract<TOption[K], SelectOptionKey> extends never ? never : K;\n}[keyof TOption];\n\ntype SerializableOptionValue<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>> = Extract<\n\tTOption[TOptionKey],\n\tSelectOptionKey\n>;\n\nexport interface SerializableSelectProps<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n> extends Omit<UiBaseProps<SerializableOptionValue<TOption, TOptionKey> | undefined>, \"onChange\"> {\n\toptions: readonly TOption[];\n\tonChange: (value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void;\n\toptionKey: TOptionKey;\n\toptionLabel: TOptionLabel;\n\trenderCode?: true;\n\tclassName?: string;\n\tclearable?: boolean;\n}\n\nfunction getSerializableOptionKey<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>>(\n\toption: TOption,\n\toptionKey: TOptionKey\n): Extract<TOption[TOptionKey], SelectOptionKey> {\n\treturn String(option[optionKey]) as Extract<TOption[TOptionKey], SelectOptionKey>;\n}\n\nfunction getSerializableOptionLabel<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>(option: TOption, optionLabel: TOptionLabel, optionKey: TOptionKey): string {\n\tconst label = option[optionLabel];\n\n\tif (typeof label === \"string\" || typeof label === \"number\") {\n\t\treturn String(label);\n\t}\n\n\tconst key = getSerializableOptionKey(option, optionKey);\n\treturn String(key);\n}\n\nexport function SerializableSelect<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tplaceholder,\n\tsize,\n\toptions,\n\tvalue,\n\tonChange,\n\toptionKey,\n\toptionLabel,\n\trenderCode,\n\tclassName,\n\tclearable\n}: SerializableSelectProps<TOption, TOptionKey, TOptionLabel>) {\n\tconst selectedOption =\n\t\tvalue === undefined ? undefined : options.find((option) => getSerializableOptionKey(option, optionKey) === value);\n\n\treturn (\n\t\t<Select\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tplaceholder={placeholder}\n\t\t\tsize={size}\n\t\t\toptions={options}\n\t\t\tvalue={selectedOption}\n\t\t\tonChange={(option: TOption | undefined) => onChange(option ? getSerializableOptionKey(option, optionKey) : undefined)}\n\t\t\tgetOptionKey={(option: TOption) => getSerializableOptionKey(option, optionKey)}\n\t\t\tgetOptionLabel={(option: TOption) => getSerializableOptionLabel(option, optionLabel, optionKey)}\n\t\t\tgetOptionCode={renderCode ? (option: TOption) => getSerializableOptionKey(option, optionKey) : undefined}\n\t\t\tclassName={className}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/chunks/separator-B72Aq-6a.js

@@ -1,15 +0,0 @@
-import { PolymorphicComponent as e } from "../polymorphic/index.js";
-import "react";
-import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/separator/Separator.tsx
-var r = ({ as: r, orientation: i = "horizontal", className: a, ...o }) => /* @__PURE__ */ n(e, {
-	as: r,
-	"aria-orientation": i,
-	className: t(a, i === "horizontal" ? "separator" : "separatorVertical"),
-	...o
-});
-//#endregion
-export { r as t };
-
-//# sourceMappingURL=separator-B72Aq-6a.js.map

package/dist/chunks/separator-B72Aq-6a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"separator-B72Aq-6a.js","names":[],"sources":["../../src/separator/Separator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\ntype SeparatorOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\torientation?: \"horizontal\" | \"vertical\";\n\tclassName?: string;\n};\n\ntype SeparatorProps<E extends React.ElementType> = SeparatorOwnProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof SeparatorOwnProps>;\n\nexport const Separator = <E extends React.ElementType>({ as, orientation = \"horizontal\", className, ...props }: SeparatorProps<E>) => {\n\tconst Component = as;\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\taria-orientation={orientation}\n\t\t\tclassName={cn(className, orientation === \"horizontal\" ? \"separator\" : \"separatorVertical\")}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"mappings":";;;;;AAaA,IAAa,KAA0C,EAAE,OAAI,iBAAc,cAAc,cAAW,GAAG,QAIrG,kBAAC,GAAD;CACK;CACJ,oBAAkB;CAClB,WAAW,EAAG,GAAW,MAAgB,eAAe,cAAc,mBAAmB;CACzF,GAAI;AACJ,CAAA"}

package/storybook-static/assets/CalendarView-Dz8cY1fo.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{t}from"./react-BZJXY1be.js";import{n,t as r}from"./chevron-left-CktI1oFP.js";import{n as i,t as a}from"./chevron-right-CF10QSRI.js";import{i as o,n as s,r as c}from"./iframe-woVbsQH3.js";import{a as l,i as u}from"./utils-tg3ibbzi.js";import{C as d,_ as f,c as p,d as m,g as h,h as g,m as _,n as v,r as y,s as b}from"./formatters-DVE1YVNQ-YIdRxgw-.js";import{n as x,t as S}from"./Button-CoOZeR_z.js";var C,w;function T(){return(T=e((()=>{o(),C=[[`path`,{d:`M8 2v3`,key:`1ioesn`}],[`path`,{d:`M16 2v3`,key:`otl347`}],[`rect`,{x:`3`,y:`3`,width:`18`,height:`18`,rx:`2`,key:`h1oib`}],[`path`,{d:`M3 9h18`,key:`1pudct`}],[`path`,{d:`M8 13h.01`,key:`1sbv64`}],[`path`,{d:`M12 13h.01`,key:`y0uutt`}],[`path`,{d:`M16 13h.01`,key:`wip0gl`}],[`path`,{d:`M8 17h.01`,key:`p3bg7i`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}],[`path`,{d:`M16 17h.01`,key:`ql8jdd`}]],w=c(`calendar-days`,C)})))()}function ee(e){return e===`month`?`month`:e===`year`?`year`:`day`}function E(e,t){return k.indexOf(e)>=k.indexOf(t)}function te(e,t){let n=ee(e);return E(n,t)?n:t}function D(e,t){return!e||!t?!1:e.start.getTime()===t.start.getTime()&&e.end.getTime()===t.end.getTime()}function ne(e,t,n){if(!e||!t||!n)return!1;let r=Math.min(t.start.getTime(),n.start.getTime()),i=Math.max(t.end.getTime(),n.end.getTime());return e.start.getTime()>=r&&e.end.getTime()<=i}function O({date:e,value:t,hoveredDate:n,selectsRange:r,selectionOptions:i}){let a=f(e,i),o=!r&&t instanceof Date?t:null,s=f(o,i);if(!r||!Array.isArray(t))return{selected:v(e,s),range:!1,rangeStart:!1,rangeEnd:!1};let[c,l]=t,u=f(c,i),d=f(l??(c?n:null),i),p=D(a,u),m=D(a,d);return{selected:!1,range:ne(a,u,d)&&!p&&!m,rangeStart:p,rangeEnd:m}}var k,re;function A(){return(A=e((()=>{g(),k=[`day`,`month`,`year`],re=[`friday`,`saturday`,`sunday`]})))()}var ie,ae,oe,se,ce,le,ue,de,fe,j,M,N,P,F,I,L,R;function z(){return(z=e((()=>{ie=`Dshr-j`,ae=`esetVt`,oe=`i-LJYe`,se=`XZsnCH`,ce=`_2KDjTS`,le=`o-freG`,ue=`GcV08-`,de=`UCrE-I`,fe=`L2V3uq`,j=`Te9oCq`,M=`cUF2pQ`,N=`d1L5uw`,P=`LU0M9Y`,F=`MR3y5p`,I=`VDqDpm`,L=`CLR-7m`,R={dayView:ie,weekdays:ae,weekday:oe,daysGrid:se,week:ce,day:le,disabled:ue,outsideMonth:de,periodSelection:fe,periodPreview:j,selected:M,range:N,rangeStart:P,rangeEnd:F,weekend:I,now:L}})))()}var B,V,H,pe,U;function me(){return(me=e((()=>{B=t(),g(),u(),z(),V=s(),H=[`Пн`,`Вт`,`Ср`,`Чт`,`Пт`,`Сб`,`Вс`],pe=new Intl.DateTimeFormat(`ru-RU`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),U=({now:e,currentDate:t,value:n,onChange:r,minDate:i,maxDate:a,selectsRange:o,selectionMode:s=`day`,weekEndDay:c=`sunday`})=>{let[u,p]=(0,B.useState)(null),g={selectionMode:s,weekEndDay:c},y=(()=>{let e=t.getFullYear(),n=t.getMonth(),r=_(e,n,1),i=_(e,n+1,0),a=r.getDay()===0?6:r.getDay()-1,o=42-(a+i.getDate()),s=[],c=_(e,n,0).getDate();for(let t=a;t>0;--t)s.push(_(e,n-1,c-t+1));for(let t=1;t<=i.getDate();t+=1)s.push(_(e,n,t));for(let t=1;t<=o;t+=1)s.push(_(e,n+1,t));let l=[];for(let e=0;e<s.length;e+=7)l.push(s.slice(e,e+7));return l})(),b=o&&Array.isArray(n)?n[0]:null,x=o&&Array.isArray(n)?n[1]:null,S=f(o?null:n,g),C=f(u,g),w=x??(b?C?.end??null:null),T=s===`week`,ee=T&&(!o||!b),E=e=>{if(!o||!b||!w)return!1;let t=m(e).getTime(),n=b.getTime(),r=w.getTime();return t>=Math.min(n,r)&&t<=Math.max(n,r)},te=e=>!h(f(e,g),{minDate:i,maxDate:a}),D=(e,t)=>{t||(T&&p(e),!(!o||!b||x)&&(T||p(e)))};return(0,V.jsxs)(`div`,{className:R.dayView,children:[(0,V.jsx)(`div`,{className:R.weekdays,children:H.map(e=>(0,V.jsx)(`div`,{className:R.weekday,children:e},e))}),(0,V.jsx)(`div`,{className:R.daysGrid,onMouseLeave:()=>{(T||!x)&&p(null)},children:y.map((n,i)=>(0,V.jsx)(`div`,{className:R.week,children:n.map((n,a)=>{let o=n.getMonth()===t.getMonth(),c=v(n,S),u=ee&&v(n,C),f=E(n),p=d(n,b),m=d(n,w),h=d(n,e),g=te(n);return(0,V.jsx)(`button`,{type:`button`,onClick:()=>!g&&r(n),onMouseEnter:()=>D(n,g),disabled:g,"data-ui":`calendar-day-button`,"data-action":`select-calendar-day`,className:l(R.day,{[R.outsideMonth]:!o,[R.periodSelection]:s===`week`,[R.periodPreview]:u&&!c,[R.selected]:c,[R.range]:f&&!p&&!m,[R.rangeStart]:p,[R.rangeEnd]:m,[R.disabled]:g,[R.weekend]:a>4,[R.now]:h}),"aria-label":pe.format(n),"aria-pressed":c||f||p||m,children:n.getDate()},`${i}-${a}`)})},i))})]})},U.__docgenInfo={description:`Отображает сетку дней месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarDayView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})))()}var he,ge,_e,ve,ye,be,xe,Se,W;function Ce(){return(Ce=e((()=>{he=`p5pRGW`,ge=`pUHpxD`,_e=`lwWv-z`,ve=`_8gn-3z`,ye=`b57d-c`,be=`nGc5FO`,xe=`JLqjri`,Se=`UQMYwg`,W={monthView:he,monthsGrid:ge,month:_e,disabled:ve,range:ye,selected:be,rangeStart:xe,rangeEnd:Se}})))()}var we,G,Te,Ee,K;function De(){return(De=e((()=>{we=t(),g(),u(),A(),Ce(),G=s(),Te=new Intl.DateTimeFormat(`ru-RU`,{month:`short`}),Ee=new Intl.DateTimeFormat(`ru-RU`,{month:`long`,year:`numeric`}),K=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:i,selectsRange:a,selectsPeriod:o,selectionMode:s=`day`,weekEndDay:c=`sunday`})=>{let[u,d]=(0,we.useState)(null),p=Array.from({length:12},(e,t)=>t),m=e.getFullYear(),g={selectionMode:s,weekEndDay:c},v=a&&Array.isArray(t)?t[0]:null,y=a&&Array.isArray(t)?t[1]:null,b=e=>Te.format(_(m,e,1)),x=e=>{if(!r&&!i)return!1;let t=_(m,e,1),n=_(m,e+1,0,23,59,59);return o?!h(f(t,g),{minDate:r,maxDate:i}):!!(r&&n<r||i&&t>i)},S=(e,t)=>{!a||!v||y||t||d(e)};return(0,G.jsx)(`div`,{className:W.monthView,children:(0,G.jsx)(`div`,{className:W.monthsGrid,onMouseLeave:()=>{y||d(null)},children:p.map(e=>{let r=x(e),i=_(m,e,1),o=O({date:i,value:t,hoveredDate:u,selectsRange:a,selectionOptions:g});return(0,G.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(i),onMouseEnter:()=>S(i,r),disabled:r,"data-ui":`calendar-month-button`,"data-action":`select-calendar-month`,className:l(W.month,{[W.selected]:o.selected,[W.range]:o.range,[W.rangeStart]:o.rangeStart,[W.rangeEnd]:o.rangeEnd,[W.disabled]:r}),"aria-label":Ee.format(i),"aria-pressed":o.selected||o.range||o.rangeStart||o.rangeEnd,children:b(e)},e)})})})},K.__docgenInfo={description:`Отображает выбор месяца в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarMonthView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})))()}var Oe,ke,q;function Ae(){return(Ae=e((()=>{Oe=`E35KE6`,ke=`L14Qef`,q={calendarView:Oe,calendarHeader:ke}})))()}var je,Me,Ne,Pe,Fe,Ie,Le,Re,J;function Y(){return(Y=e((()=>{je=`_--xW7O`,Me=`-N-5Jk`,Ne=`hhY92S`,Pe=`IhX7jj`,Fe=`NWNpWj`,Ie=`d1SfcV`,Le=`Gkui4r`,Re=`_0dVZLW`,J={yearView:je,yearsGrid:Me,year:Ne,disabled:Pe,range:Fe,selected:Ie,rangeStart:Le,rangeEnd:Re}})))()}var ze,X,Z;function Be(){return(Be=e((()=>{ze=t(),g(),u(),A(),Y(),X=s(),Z=({currentDate:e,value:t,onChange:n,minDate:r,maxDate:i,selectsRange:a,selectsPeriod:o,selectionMode:s=`day`,weekEndDay:c=`sunday`})=>{let[u,d]=(0,ze.useState)(null),p=Math.floor(e.getFullYear()/12)*12,m=Array.from({length:12},(e,t)=>p+t),g={selectionMode:s,weekEndDay:c},v=a&&Array.isArray(t)?t[0]:null,y=a&&Array.isArray(t)?t[1]:null,b=e=>{if(!r&&!i)return!1;let t=_(e,0,1),n=_(e,11,31,23,59,59);return o?!h(f(t,g),{minDate:r,maxDate:i}):!!(r&&n<r||i&&t>i)},x=(e,t)=>{!a||!v||y||t||d(e)};return(0,X.jsx)(`div`,{className:J.yearView,children:(0,X.jsx)(`div`,{className:J.yearsGrid,onMouseLeave:()=>{y||d(null)},children:m.map(e=>{let r=b(e),i=_(e,0,1),o=O({date:i,value:t,hoveredDate:u,selectsRange:a,selectionOptions:g});return(0,X.jsx)(`button`,{type:`button`,onClick:()=>!r&&n(i),onMouseEnter:()=>x(i,r),disabled:r,"data-ui":`calendar-year-button`,"data-action":`select-calendar-year`,className:l(J.year,{[J.selected]:o.selected,[J.range]:o.range,[J.rangeStart]:o.rangeStart,[J.rangeEnd]:o.rangeEnd,[J.disabled]:r}),"aria-label":e.toString(),"aria-pressed":o.selected||o.range||o.rangeStart||o.rangeEnd,children:e},e)})})})},Z.__docgenInfo={description:`Отображает выбор года в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarYearView`,props:{selectionMode:{defaultValue:{value:`"day"`,computed:!1},required:!1},weekEndDay:{defaultValue:{value:`"sunday"`,computed:!1},required:!1}}}})))()}function Ve(e,t){if(t&&b(e)&&e[0]instanceof Date)return e[0];if(!t&&e instanceof Date)return e}function He({view:e,datePickerLevel:t,selectionMode:n=`day`,weekEndDay:i=`sunday`,onViewChange:o,...s}){let[c]=(0,Q.useState)(()=>m(new Date)),l=Ve(s.value,s.selectsRange),u=l?.getTime()??null,[d,g]=(0,Q.useState)(()=>({sourceValueTime:u,currentDate:l??m(new Date)})),_=l&&d.sourceValueTime!==u?l:d.currentDate,v=s.currentDate??_,b={selectionMode:n,weekEndDay:i},x=e=>{let t=typeof e==`function`?e(v):e;s.currentDate===void 0&&g({sourceValueTime:u,currentDate:t}),s.onCurrentDateChange?.(t)},C=()=>{if(e===`day`){x(e=>p(e,-1));return}if(e===`month`){x(e=>y(e,-1));return}x(e=>y(e,-12))},w=()=>{if(e===`day`){x(e=>p(e,1));return}if(e===`month`){x(e=>y(e,1));return}x(e=>y(e,12))};return(0,$.jsxs)(`div`,{className:q.calendarView,children:[(()=>{let t=``;if(e===`day`)t=v.toLocaleDateString(`ru-RU`,{month:`long`,year:`numeric`});else if(e===`month`)t=v.getFullYear().toString();else{let e=Math.floor(v.getFullYear()/12)*12;t=`${e} - ${e+11}`}return(0,$.jsxs)(`div`,{className:q.calendarHeader,children:[(0,$.jsx)(S,{icon:(0,$.jsx)(r,{}),onClick:C,variant:`ghost`,"aria-label":`Предыдущий`,"data-action":`calendar-previous`}),(0,$.jsx)(S,{onClick:()=>{e===`day`?o(`month`):e===`month`&&o(`year`)},variant:`ghost`,className:`flex1`,"data-ui":`calendar-view-switch-button`,"data-action":`calendar-switch-view`,children:t}),(0,$.jsx)(S,{icon:(0,$.jsx)(a,{}),onClick:w,variant:`ghost`,"aria-label":`Следующий`,"data-ui":`calendar-next-button`,"data-action":`calendar-next`})]})})(),(()=>{let r=e=>{let t=f(e,b);if(!(!t||!h(t,{minDate:s.minDate,maxDate:s.maxDate}))){if(s.selectsRange){let e=null,n=null;if(Array.isArray(s.value)&&([e,n]=s.value),!e||n){s.onChange([t.start,null]);return}let r=f(e,b);if(!r)return;if(t.start<r.start){s.onChange([t.start,r.end]);return}s.onChange([r.start,t.end]);return}s.onChange(t.start)}},a=e=>{if(x(e),n===`month`||!E(`day`,t)){r(e);return}o(`day`)},l=e=>{if(x(e),n===`year`||!E(`month`,t)){r(e);return}o(`month`)};switch(e){case`day`:return(0,$.jsx)(U,{now:c,currentDate:v,value:s.value,onChange:r,minDate:s.minDate,maxDate:s.maxDate,selectsRange:s.selectsRange,selectionMode:n,weekEndDay:i});case`month`:return(0,$.jsx)(K,{currentDate:v,value:s.value,onChange:a,minDate:s.minDate,maxDate:s.maxDate,selectsRange:s.selectsRange,selectsPeriod:n===`month`||!E(`day`,t),selectionMode:n,weekEndDay:i});case`year`:return(0,$.jsx)(Z,{currentDate:v,value:s.value,onChange:l,minDate:s.minDate,maxDate:s.maxDate,selectsRange:s.selectsRange,selectsPeriod:n===`year`||!E(`month`,t),selectionMode:n,weekEndDay:i});default:return null}})()]})}var Q,$;function Ue(){return(Ue=e((()=>{Q=t(),g(),n(),i(),x(),A(),me(),De(),Ae(),Be(),$=s(),He.__docgenInfo={description:`Отображает календарь выбора даты в календарной семантике без timezone-сдвига.`,methods:[],displayName:`CalendarView`,props:{view:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},datePickerLevel:{required:!0,tsType:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},description:``},selectionMode:{required:!1,tsType:{name:`CalendarPeriodSelectionMode`},description:``,defaultValue:{value:`"day"`,computed:!1}},weekEndDay:{required:!1,tsType:{name:`CalendarWeekEndDay`},description:``,defaultValue:{value:`"sunday"`,computed:!1}},onViewChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(view: CalendarType) => void`,signature:{arguments:[{type:{name:`union`,raw:`"day" | "month" | "year"`,elements:[{name:`literal`,value:`"day"`},{name:`literal`,value:`"month"`},{name:`literal`,value:`"year"`}]},name:`view`}],return:{name:`void`}}},description:``},selectsRange:{required:!1,tsType:{name:`boolean`},description:``},value:{required:!0,tsType:{name:`union`,raw:`Date | NullableDateRange | null`,elements:[{name:`Date`},{name:`NullableDateRange`},{name:`null`}]},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(date: Date | NullableDateRange) => void`,signature:{arguments:[{type:{name:`union`,raw:`Date | NullableDateRange`,elements:[{name:`Date`},{name:`NullableDateRange`}]},name:`date`}],return:{name:`void`}}},description:``},minDate:{required:!1,tsType:{name:`Date`},description:``},maxDate:{required:!1,tsType:{name:`Date`},description:``},currentDate:{required:!1,tsType:{name:`Date`},description:``},onCurrentDateChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(date: Date) => void`,signature:{arguments:[{type:{name:`Date`},name:`date`}],return:{name:`void`}}},description:``}}}})))()}export{E as a,T as c,A as i,Ue as n,te as o,re as r,w as s,He as t};

package/storybook-static/assets/ContextMenu-XS7B8QUC.js

@@ -1 +0,0 @@
-import{a as e,n as t}from"./rolldown-runtime-DkW27tQK.js";import{t as n}from"./react-BZJXY1be.js";import{n as r}from"./iframe-woVbsQH3.js";import{t as i}from"./react-dom-BzEl8usk.js";import{a,i as o}from"./utils-tg3ibbzi.js";import{i as s,n as c,r as l,t as u}from"./OptionButton--hnpJ-88.js";import{_ as d,a as f,f as p,h as m,m as h,r as g}from"./floating-ui.react-CyNWkXBV.js";import{a as _,i as v,n as y,r as b}from"./dom-DBd_DWF8.js";import{n as x}from"./error-De9R4E_F.js";import{n as S,t as C}from"./ui.module-CyEEibCu.js";import{n as w,r as T,t as E}from"./react-D3CyilRt.js";import{i as D,n as O,r as k,t as A}from"./Option-fRoOLqLF.js";function j(e,t){if(e){if(typeof e==`function`){e(t);return}e.current=t}}function ee(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function te(e,t){return n=>{e?.(n),!n.defaultPrevented&&t(n)}}function ne(){return(ne=t((()=>{})))()}function M(){let e=(0,N.useContext)(P);if(!e)throw x({hookName:`useMenuContext`,providerName:`MenuRoot`});return e}var N,P;function F(){return(F=t((()=>{N=n(),P=(0,N.createContext)(null)})))()}var re,ie;function ae(){return(ae=t((()=>{re=n(),F(),ie=({children:e,resolveTrigger:t})=>{let{mode:n,open:r,registerTriggerElement:i,onTriggerContextMenu:a,onTriggerKeyDown:o}=M();if(n!==`contextmenu`)throw Error(`ContextMenu.Trigger must be used within <ContextMenu>`);return(0,re.cloneElement)(e,{ref:t=>{let n=e.props.ref;j(n,t),i(t)},"aria-haspopup":`menu`,"aria-expanded":r,onContextMenu:n=>{if(e.props.onContextMenu?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&a(n,r)},onKeyDown:n=>{if(e.props.onKeyDown?.(n),n.defaultPrevented)return;let r=t?t(n.target):n.currentTarget;r&&o(n,r)}})},ie.__docgenInfo={description:``,methods:[],displayName:`ContextMenuTrigger`,props:{children:{required:!0,tsType:{name:`ReactReactElement`,raw:`React.ReactElement<React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }>`,elements:[{name:`intersection`,raw:`React.HTMLAttributes<HTMLElement> & { ref?: React.Ref<HTMLElement> }`,elements:[{name:`ReactHTMLAttributes`,raw:`React.HTMLAttributes<HTMLElement>`,elements:[{name:`HTMLElement`}]},{name:`signature`,type:`object`,raw:`{ ref?: React.Ref<HTMLElement> }`,signature:{properties:[{key:`ref`,value:{name:`ReactRef`,raw:`React.Ref<HTMLElement>`,elements:[{name:`HTMLElement`}],required:!1}}]}}]}]},description:``},resolveTrigger:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(eventTarget: EventTarget | null) => HTMLElement | null`,signature:{arguments:[{type:{name:`union`,raw:`EventTarget | null`,elements:[{name:`EventTarget`},{name:`null`}]},name:`eventTarget`}],return:{name:`union`,raw:`HTMLElement | null`,elements:[{name:`HTMLElement`},{name:`null`}]}}},description:`Позволяет одному ContextMenu обслуживать множество вложенных целей без отдельного floating-ui runtime на каждую строку или ячейку.`}}}})))()}var oe,se,ce,le,ue,de,fe,pe,me,he,ge,I;function L(){return(L=t((()=>{oe=`MsGee8`,se=`_5yVJwD`,ce=`f9wo9l`,le=`_9IPwGF`,ue=`CAmmlz`,de=`_5KEBWR`,fe=`L28onY`,pe=`Pg-1Y3`,me=`ObIrS2`,he=`_0jf5vt`,ge=`zKwsQF`,I={menuPositioner:oe,menuOptions:se,radialPanel:ce,radialRing:le,radialCenterButton:ue,radialCenterButtonText:de,radialItems:fe,radialItemSlot:pe,radialItem:me,radialItemIcon:he,radialItemText:ge}})))()}var R,_e,z,B;function ve(){return(ve=t((()=>{R=e(n(),1),b(),o(),E(),_e=i(),D(),L(),F(),z=r(),B=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0})=>{let{open:s,floatingStyles:c,floatingRef:l,triggerRef:u,setFloating:d,closeMenu:f}=M(),p=(0,R.useCallback)(()=>{let e=l.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[l]);_({active:s,initialFocus:e=>p()[0]??e,restoreFocus:o,restoreFocusTarget:()=>u.current,containerRef:l}),y({active:s,enabled:r,onDismiss:f,containerRef:l});let m=(0,R.useCallback)(()=>{!s||i||n&&f()},[s,i,n,f]);v([l,u],m);let h=(0,R.useCallback)(e=>{let t=p();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[p]);return typeof document>`u`?null:(0,_e.createPortal)((0,z.jsx)(T,{children:s&&(0,z.jsx)(w.div,{ref:d,style:c,role:`menu`,tabIndex:-1,className:I.menuPositioner,onKeyDown:h,initial:{opacity:0,scale:.96,y:-2},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-2},transition:{duration:.14,ease:`easeOut`},children:(0,z.jsx)(k,{className:a(I.menuOptions,t),children:typeof e==`function`?e({closeMenu:f}):e})})}),document.body)}})))()}var ye,V;function be(){return(be=t((()=>{n(),o(),C(),ye=r(),V=({children:e,className:t})=>(0,ye.jsx)(`div`,{className:a(S.uiPopupGroupLabel,t),children:e}),V.__docgenInfo={description:``,methods:[],displayName:`MenuGroupLabel`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function xe({ref:e,icon:t,text:n,searchText:r,code:i,hotkey:o,...s}){return(0,H.jsx)(`a`,{...s,ref:e,className:a(S.uiOptionLink,s.className),children:(0,H.jsx)(l,{icon:t,text:n,searchText:r,...i===void 0?{hotkey:o}:{code:i}})})}var H;function Se(){return(Se=t((()=>{o(),C(),s(),H=r(),xe.__docgenInfo={description:`Основное link-действие внутри внешней оболочки Option.`,methods:[],displayName:`OptionLink`,props:{icon:{required:!1,tsType:{name:`ReactNode`},description:``},text:{required:!0,tsType:{name:`string`},description:``},searchText:{required:!1,tsType:{name:`string`},description:``},emphasizeContent:{required:!1,tsType:{name:`boolean`},description:``},ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLAnchorElement`}],raw:`Ref<HTMLAnchorElement>`},description:``}}}})))()}function U({children:e,icon:t,hotKey:n,className:r,disabled:i,href:a,target:o,rel:s,closeOnSelect:c=!0,onSelect:l}){let{closeMenu:d}=M(),f=(0,Ce.useCallback)(e=>{if(i){e.preventDefault(),e.stopPropagation();return}l?.(e),!e.defaultPrevented&&c&&d()},[i,l,c,d]);return a?(0,W.jsx)(A,{disabled:i,className:r,children:(0,W.jsx)(xe,{icon:t,hotkey:n,text:e,href:a,target:o,rel:s,role:`menuitem`,tabIndex:-1,"aria-disabled":i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onClick:f})}):(0,W.jsx)(A,{disabled:i,className:r,children:(0,W.jsx)(u,{icon:t,hotkey:n,text:e,role:`menuitem`,tabIndex:-1,disabled:i,"data-menu-item":`true`,"data-disabled":i?`true`:void 0,"data-ui":`context-menu-item`,"data-action":`select-context-menu-item`,onClick:f})})}var Ce,W;function G(){return(G=t((()=>{Ce=n(),O(),c(),Se(),F(),W=r(),U.__docgenInfo={description:``,methods:[],displayName:`MenuItem`,props:{children:{required:!0,tsType:{name:`string`},description:``},icon:{required:!1,tsType:{name:`ReactNode`},description:``},hotKey:{required:!1,tsType:{name:`string`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},href:{required:!1,tsType:{name:`string`},description:``},target:{required:!1,tsType:{name:`HTMLAttributeAnchorTarget`},description:``},rel:{required:!1,tsType:{name:`string`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: MouseEvent<HTMLElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLElement`}],raw:`MouseEvent<HTMLElement>`},name:`event`}],return:{name:`void`}}},description:``}}}})))()}function we(e){return{x:e.clientX,y:e.clientY}}function Te(e){return{x:e.left+e.width/2,y:e.top+e.height/2}}function Ee(e,t){return{contextElement:t??void 0,getBoundingClientRect:()=>({x:e.x,y:e.y,top:e.y,left:e.x,bottom:e.y,right:e.x,width:0,height:0,toJSON:()=>{}})}}function De(e){return{open:!0,source:e.source,anchor:e.anchor}}function Oe(e){return!e.open&&e.anchor===null?e:{open:!1,source:null,anchor:null}}var ke;function Ae(){return(Ae=t((()=>{ke={open:!1,source:null,anchor:null}})))()}function K({children:e,mode:t,placement:n=t===`click`?`bottom-start`:`right-start`,open:r,defaultOpen:i,onOpenChange:a}){let[o,s]=(0,q.useState)(ke),[c,l]=(0,q.useState)(i??!1),u=r!==void 0,g=u?r:c,_=(0,q.useRef)(null),v=(0,q.useRef)(null),{refs:y,floatingStyles:b,update:x}=f({placement:n,strategy:t===`contextmenu`?`fixed`:`absolute`,transform:!1,middleware:[h(6),p({padding:8}),m({padding:8})],whileElementsMounted:d}),S=(0,q.useCallback)(e=>{u||l(e),a?.(e),e||s(e=>Oe(e))},[u,a]),C=(0,q.useCallback)(()=>{S(!1)},[S]),w=(0,q.useCallback)((e,t)=>{y.setReference(e),s(De({source:t,anchor:{type:`element`,element:e}})),S(!0)},[y,S]),T=(0,q.useCallback)((e,t,n)=>{y.setReference(Ee(e,n)),s(De({source:t,anchor:{type:`point`,point:e,contextElement:n}})),S(!0),x()},[y,S,x]),E=(0,q.useCallback)(e=>{let n=v.current;v.current=e,(_.current===null||_.current===n)&&(_.current=e),t===`click`&&y.setReference(e)},[t,y]),D=(0,q.useCallback)(e=>{if(t!==`click`)return;let n=e.currentTarget;if(g&&o.anchor?.type===`element`&&o.anchor.element===n){C();return}w(n,`click`)},[t,g,o.anchor,C,w]),O=(0,q.useCallback)((e,n=e.currentTarget)=>{if(t!==`contextmenu`)return;e.preventDefault();let r=we(e);_.current=n,T(r,`contextmenu`,n)},[t,T]),k=(0,q.useCallback)((e,n=e.currentTarget)=>{if(!(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`))return;if(e.preventDefault(),_.current=n,t===`click`){w(n,`keyboard`);return}let r=Te(n.getBoundingClientRect());T(r,`keyboard`,n)},[t,w,T]),A=g&&o.anchor!==null,j=(0,q.useMemo)(()=>o.anchor?o.anchor.type===`point`?o.anchor.point:Te(o.anchor.element.getBoundingClientRect()):null,[o.anchor]),ee=(0,q.useMemo)(()=>({mode:t,open:A,openSource:o.source,anchorPoint:j,floatingStyles:b,floatingRef:y.floating,triggerRef:_,setFloating:y.setFloating,registerTriggerElement:E,onTriggerClick:D,onTriggerContextMenu:O,onTriggerKeyDown:k,closeMenu:C}),[t,A,o.source,j,b,y.floating,y.setFloating,E,D,O,k,C]);return(0,je.jsx)(P.Provider,{value:ee,children:e})}var q,je;function J(){return(J=t((()=>{q=e(n(),1),g(),Ae(),F(),je=r(),K.__docgenInfo={description:``,methods:[],displayName:`MenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},mode:{required:!0,tsType:{name:`union`,raw:`"click" | "contextmenu"`,elements:[{name:`literal`,value:`"click"`},{name:`literal`,value:`"contextmenu"`}]},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`mode === "click" ? "bottom-start" : "right-start"`,computed:!1}},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}var Me,Y;function X(){return(X=t((()=>{n(),o(),C(),Me=r(),Y=({className:e})=>(0,Me.jsx)(`div`,{role:`separator`,className:a(S.uiPopupOptionSeparator,e)}),Y.__docgenInfo={description:``,methods:[],displayName:`MenuSeparator`,props:{className:{required:!1,tsType:{name:`string`},description:``}}}})))()}function Ne(e,t,n){return n<t?t:Math.min(Math.max(e,t),n)}var Z,Pe,Q,Fe;function Ie(){return(Ie=t((()=>{Z=e(n(),1),b(),o(),E(),Pe=i(),L(),F(),Q=r(),Fe=({children:e,className:t,closeOnOutside:n=!0,closeOnEscape:r=!0,disableOutsideClick:i=!1,restoreFocus:o=!0,radius:s=76,itemSize:c=64,closeLabel:l=`Закрыть`})=>{let{open:u,anchorPoint:d,floatingRef:f,triggerRef:p,setFloating:m,closeMenu:h}=M(),g=typeof e==`function`?e({closeMenu:h}):e,b=(0,Z.useMemo)(()=>Z.Children.toArray(g),[g]),x=b.length,S=s*2+c,C=(0,Z.useMemo)(()=>{if(typeof window>`u`||!d)return null;let e=S/2+8;return{x:Ne(d.x,e,window.innerWidth-e),y:Ne(d.y,e,window.innerHeight-e)}},[d,S]),E=(0,Z.useCallback)(()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[data-menu-item="true"]:not([data-disabled="true"])`)):[]},[f]);_({active:u,initialFocus:e=>E()[0]??e,restoreFocus:o,restoreFocusTarget:()=>p.current,containerRef:f}),(0,Z.useEffect)(()=>{if(!u||!d)return;let e=0;return e=window.requestAnimationFrame(()=>{(E()[0]??f.current)?.focus()}),()=>window.cancelAnimationFrame(e)},[u,d,E,f]),y({active:u,enabled:r,onDismiss:h,containerRef:f});let D=(0,Z.useCallback)(()=>{!u||i||n&&h()},[u,i,n,h]);v([f,p],D);let O=(0,Z.useCallback)(e=>{let t=E();if(t.length===0)return;let n=document.activeElement,r=n?t.indexOf(n):-1;if(e.key===`ArrowRight`||e.key===`ArrowDown`){e.preventDefault(),t[r>=0?(r+1)%t.length:0]?.focus();return}if(e.key===`ArrowLeft`||e.key===`ArrowUp`){e.preventDefault(),t[r>=0?(r-1+t.length)%t.length:t.length-1]?.focus();return}if(e.key===`Home`){e.preventDefault(),t[0]?.focus();return}e.key===`End`&&(e.preventDefault(),t[t.length-1]?.focus())},[E]);return typeof document>`u`?null:(0,Pe.createPortal)((0,Q.jsx)(T,{children:u&&C&&(0,Q.jsxs)(w.div,{ref:m,style:{"--radial-panel-size":`${S}px`,"--radial-radius":`${s}px`,"--radial-item-size":`${c}px`,left:C.x-S/2,top:C.y-S/2,transformOrigin:`center`},role:`menu`,tabIndex:-1,className:a(I.radialPanel,t),onKeyDown:O,initial:{opacity:0,scale:.78},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.78},transition:{duration:.16,ease:`easeOut`},children:[(0,Q.jsx)(`div`,{className:I.radialRing,"aria-hidden":`true`}),(0,Q.jsx)(`button`,{type:`button`,role:`menuitem`,className:I.radialCenterButton,"aria-label":l,"data-menu-item":`true`,"data-radial-close":`true`,onClick:h,children:(0,Q.jsx)(`span`,{className:I.radialCenterButtonText,children:l})}),(0,Q.jsx)(`div`,{className:I.radialItems,children:b.map((e,t)=>{let n=x>0?-90+360/x*t:-90;return(0,Q.jsx)(`div`,{className:I.radialItemSlot,style:{"--radial-item-angle":`${n}deg`},children:e},t)})})]})}),document.body)}})))()}var Le,$,Re;function ze(){return(ze=t((()=>{Le=e(n(),1),o(),L(),F(),$=r(),Re=({children:e,icon:t,className:n,disabled:r,closeOnSelect:i=!0,onSelect:o})=>{let{closeMenu:s}=M(),c=(0,Le.useCallback)(e=>{if(r){e.preventDefault(),e.stopPropagation();return}o?.(e),!e.defaultPrevented&&i&&s()},[r,o,i,s]);return(0,$.jsxs)(`button`,{type:`button`,role:`menuitem`,tabIndex:-1,disabled:r,"aria-disabled":r,"data-menu-item":`true`,"data-disabled":r?`true`:void 0,"data-ui":`radial-menu-item`,"data-action":`select-radial-menu-item`,className:a(I.radialItem,n),onClick:c,children:[t&&(0,$.jsx)(`span`,{className:I.radialItemIcon,children:t}),(0,$.jsx)(`span`,{className:I.radialItemText,children:e})]})},Re.__docgenInfo={description:``,methods:[],displayName:`RadialMenuItem`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},icon:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},closeOnSelect:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},onSelect:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event: React.MouseEvent<HTMLButtonElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLButtonElement>`,elements:[{name:`HTMLButtonElement`}]},name:`event`}],return:{name:`void`}}},description:``}}}})))()}var Be,Ve,He;function Ue(){return(Ue=t((()=>{n(),ae(),ve(),be(),G(),J(),X(),Ie(),ze(),Be=r(),Ve=({children:e,placement:t,open:n,defaultOpen:r,onOpenChange:i})=>(0,Be.jsx)(K,{mode:`contextmenu`,placement:t,open:n,defaultOpen:r,onOpenChange:i,children:e}),He=Object.assign(Ve,{Trigger:ie,Content:B,RadialContent:Fe,Item:U,RadialItem:Re,Separator:Y,GroupLabel:V}),Ve.__docgenInfo={description:``,methods:[],displayName:`ContextMenuRoot`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``},open:{required:!1,tsType:{name:`boolean`},description:``},defaultOpen:{required:!1,tsType:{name:`boolean`},description:``},onOpenChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(open: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`open`}],return:{name:`void`}}},description:``}}}})))()}export{ee as _,K as a,G as c,B as d,ve as f,te as g,j as h,X as i,V as l,M as m,Ue as n,J as o,F as p,Y as r,U as s,He as t,be as u,ne as v};

package/storybook-static/assets/ContextMenu.stories-Dp2t2BZa.js

@@ -1,37 +0,0 @@
-import{n as e,r as t}from"./rolldown-runtime-DkW27tQK.js";import{n,t as r}from"./settings-2-CKbiQBX8.js";import{n as i,t as a}from"./trash-2-CPWRIQlJ.js";import{i as o,n as s,r as c}from"./iframe-woVbsQH3.js";import{n as l,t as u}from"./createControlledStoryRender-BouhvX-R.js";import{n as d,t as f}from"./ContextMenu-XS7B8QUC.js";import{n as p,t as m}from"./DropdownMenu-xjOtBneA.js";var h,g;function _(){return(_=e((()=>{o(),h=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]],g=c(`copy`,h)})))()}var v,y;function b(){return(b=e((()=>{o(),v=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`,key:`1nclc0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}]],y=c(`eye`,v)})))()}var x,S;function C(){return(C=e((()=>{o(),x=[[`path`,{d:`M13 21h8`,key:`1jsn5i`}],[`path`,{d:`m15 5 4 4`,key:`1mk7zo`}],[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],S=c(`pencil-line`,x)})))()}var w,T;function E(){return(E=e((()=>{o(),w=[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]],T=c(`pin`,w)})))()}var D=t({ContextMenuBasic:()=>L,ContextMenuRadial:()=>R,ControlledDropdown:()=>z,DropdownMenuBasic:()=>I,__namedExportsOrder:()=>B,default:()=>F});function O(e,t){return{args:e,onOpenChange:n=>{e.onOpenChange?.(n),t({open:n})}}}function k({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:`Действия`})}),(0,M.jsxs)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(m.GroupLabel,{children:`Файл`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(S,{}),hotKey:`Ctrl+E`,children:`Редактировать`}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(g,{}),hotKey:`Ctrl+C`,children:`Копировать`}),(0,M.jsx)(m.Separator,{}),(0,M.jsx)(m.Item,{icon:(0,M.jsx)(a,{}),hotKey:`Del`,children:`Удалить`})]})]})}function A({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:300,height:180,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:[(0,M.jsx)(f.Item,{icon:(0,M.jsx)(S,{size:14}),children:`Переименовать`}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(g,{size:14}),children:`Дублировать`}),(0,M.jsx)(f.Separator,{}),(0,M.jsx)(f.Item,{icon:(0,M.jsx)(a,{size:14}),children:`Переместить в корзину`})]})]})}function j({args:e,updateArgs:t}){let{onOpenChange:n}=O(e,t);return(0,M.jsxs)(f,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(f.Trigger,{children:(0,M.jsxs)(`div`,{style:{width:360,height:220,display:`grid`,placeItems:`center`,border:`1px dashed var(--border-1)`,borderRadius:`var(--radius-sm)`,background:`var(--surface-1)`,padding:16,textAlign:`center`},children:[`Нажмите правой кнопкой мыши`,(0,M.jsx)(`br`,{}),`или Shift+F10`]})}),(0,M.jsxs)(f.RadialContent,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,radius:e.radius,itemSize:e.itemSize,closeLabel:e.closeLabel,children:[(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(S,{}),children:`Править`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(g,{}),children:`Копия`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(T,{}),children:`Закрепить`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(y,{}),children:`Просмотр`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(r,{}),children:`Опции`}),(0,M.jsx)(f.RadialItem,{icon:(0,M.jsx)(a,{}),children:`Удалить`})]})]})}var M,N,P,F,I,L,R,z,B;function V(){return(V=e((()=>{_(),b(),C(),E(),n(),i(),l(),d(),p(),M=s(),{useArgs:N}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:P}=__STORYBOOK_MODULE_TEST__,F={title:`UI/ContextMenu`,component:f,args:{children:null,placement:`right-start`,open:!1,defaultOpen:!1,onOpenChange:P(),closeOnOutside:!0,closeOnEscape:!0,disableOutsideClick:!1,restoreFocus:!0},parameters:{atomicCanvas:!0,layout:`centered`},argTypes:{children:{description:`Композиция из Trigger, Content и пунктов меню.`,control:!1},placement:{description:`Предпочтительное положение меню относительно trigger или точки вызова.`,control:`select`,options:[`top`,`top-start`,`top-end`,`right`,`right-start`,`right-end`,`bottom`,`bottom-start`,`bottom-end`,`left`,`left-start`,`left-end`]},open:{description:`Контролируемая видимость меню.`,control:`boolean`},defaultOpen:{description:`Начальная видимость в uncontrolled-режиме.`,control:`boolean`},onOpenChange:{description:`Вызывается при открытии и закрытии меню.`,control:!1},closeOnOutside:{description:`Закрывает обычную панель по клику снаружи.`,control:`boolean`},closeOnEscape:{description:`Закрывает обычную панель по клавише Escape.`,control:`boolean`},disableOutsideClick:{description:`Игнорирует клики снаружи панели.`,control:`boolean`},restoreFocus:{description:`Возвращает фокус на trigger после закрытия.`,control:`boolean`},radius:{description:`Радиус кольца для радиального меню.`,control:{type:`number`,min:0,step:1}},itemSize:{description:`Размер пункта радиального меню в пикселях.`,control:{type:`number`,min:1,step:1}},closeLabel:{description:`Доступное имя и подпись центральной кнопки закрытия радиального меню.`,control:`text`}}},I={name:`DropdownMenu / Базовый`,args:{placement:`bottom-start`},render:u((e,t)=>(0,M.jsx)(k,{args:e,updateArgs:t}))},L={name:`ContextMenu / По правому клику`,render:u((e,t)=>(0,M.jsx)(A,{args:e,updateArgs:t}))},R={name:`ContextMenu / Радиальное меню`,args:{radius:76,itemSize:64,closeLabel:`Закрыть`},render:u((e,t)=>(0,M.jsx)(j,{args:e,updateArgs:t}))},z={name:`DropdownMenu / Контролируемый`,args:{placement:`bottom-start`},render:function(){let[e,t]=N(),{onOpenChange:n}=O(e,t);return(0,M.jsxs)(m,{placement:e.placement,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:n,children:[(0,M.jsx)(m.Trigger,{children:(0,M.jsx)(`button`,{type:`button`,children:e.open?`Скрыть меню`:`Показать меню`})}),(0,M.jsx)(m.Content,{closeOnOutside:e.closeOnOutside,closeOnEscape:e.closeOnEscape,disableOutsideClick:e.disableOutsideClick,restoreFocus:e.restoreFocus,children:(0,M.jsx)(m.Item,{onSelect:()=>n(!1),children:`Закрыть`})})]})}},I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  name: "DropdownMenu / Базовый",
-  args: {
-    placement: "bottom-start"
-  },
-  render: createControlledStoryRender<DropdownMenuStoryArgs>((args, updateArgs) => <DropdownMenuBasicCanvas args={args} updateArgs={updateArgs} />)
-}`,...I.parameters?.docs?.source}}},L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
-  name: "ContextMenu / По правому клику",
-  render: createControlledStoryRender<ContextMenuStoryArgs>((args, updateArgs) => <ContextMenuBasicCanvas args={args} updateArgs={updateArgs} />)
-}`,...L.parameters?.docs?.source}}},R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
-  name: "ContextMenu / Радиальное меню",
-  args: {
-    radius: 76,
-    itemSize: 64,
-    closeLabel: "Закрыть"
-  },
-  render: createControlledStoryRender<RadialContextMenuStoryArgs>((args, updateArgs) => <ContextMenuRadialCanvas args={args} updateArgs={updateArgs} />)
-}`,...R.parameters?.docs?.source}}},z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
-  name: "DropdownMenu / Контролируемый",
-  args: {
-    placement: "bottom-start"
-  },
-  render: function Render() {
-    const [args, updateArgs] = useArgs<DropdownMenuStoryArgs>();
-    const {
-      onOpenChange
-    } = createMenuOpenChange(args, updateArgs);
-    return <DropdownMenu placement={args.placement} open={args.open} defaultOpen={args.defaultOpen} onOpenChange={onOpenChange}>
-                <DropdownMenu.Trigger>
-                    <button type="button">{args.open ? "Скрыть меню" : "Показать меню"}</button>
-                </DropdownMenu.Trigger>
-                <DropdownMenu.Content closeOnOutside={args.closeOnOutside} closeOnEscape={args.closeOnEscape} disableOutsideClick={args.disableOutsideClick} restoreFocus={args.restoreFocus}>
-                    <DropdownMenu.Item onSelect={() => onOpenChange(false)}>Закрыть</DropdownMenu.Item>
-                </DropdownMenu.Content>
-            </DropdownMenu>;
-  }
-}`,...z.parameters?.docs?.source}}},B=[`DropdownMenuBasic`,`ContextMenuBasic`,`ContextMenuRadial`,`ControlledDropdown`]})))()}export{V as a,I as i,D as n,z as r,L as t};

package/storybook-static/assets/CustomOptionButton-DNd0GDWp.js

@@ -1 +0,0 @@
-import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{n as t}from"./iframe-woVbsQH3.js";import{a as n,i as r}from"./utils-tg3ibbzi.js";import{n as i,t as a}from"./ui.module-CyEEibCu.js";function o({ref:e,...t}){return(0,s.jsx)(`button`,{...t,ref:e,type:`button`,className:n(i.uiOptionButton,t.className)})}var s;function c(){return(c=e((()=>{r(),a(),s=t(),o.__docgenInfo={description:``,methods:[],displayName:`CustomOptionButton`,props:{ref:{required:!1,tsType:{name:`Ref`,elements:[{name:`HTMLButtonElement`}],raw:`Ref<HTMLButtonElement>`},description:``}}}})))()}export{c as n,o as t};