@ryuzaki13/react-foundation-ui 0.1.0

package/dist/chunks/uiClasses-BNjBunnY.js

@@ -0,0 +1,82 @@
+import { t as e } from "./ui.module-BisoTevy.js";
+//#region src/uiClasses.ts
+var t = {
+	neutral: {
+		tone: "neutral",
+		appearance: "solid"
+	},
+	neutralOutline: {
+		tone: "neutral",
+		appearance: "outline"
+	},
+	ghost: {
+		tone: "neutral",
+		appearance: "ghost"
+	},
+	error: {
+		tone: "error",
+		appearance: "solid"
+	},
+	warning: {
+		tone: "warning",
+		appearance: "solid"
+	},
+	success: {
+		tone: "success",
+		appearance: "solid"
+	},
+	info: {
+		tone: "info",
+		appearance: "solid"
+	},
+	errorOutline: {
+		tone: "error",
+		appearance: "outline"
+	},
+	warningOutline: {
+		tone: "warning",
+		appearance: "outline"
+	},
+	successOutline: {
+		tone: "success",
+		appearance: "outline"
+	},
+	infoOutline: {
+		tone: "info",
+		appearance: "outline"
+	},
+	transparent: {
+		tone: "neutral",
+		appearance: "transparent"
+	}
+}, n = {
+	neutral: e.uiToneNeutral,
+	error: e.uiToneError,
+	warning: e.uiToneWarning,
+	success: e.uiToneSuccess,
+	info: e.uiToneInfo
+}, r = {
+	solid: e.uiAppearanceSolid,
+	outline: e.uiAppearanceOutline,
+	ghost: e.uiAppearanceGhost,
+	transparent: e.uiAppearanceTransparent
+};
+function i(e) {
+	return n[e];
+}
+function a(e) {
+	return r[e];
+}
+function o({ variant: e, tone: n, appearance: r, fallbackTone: i = "neutral", fallbackAppearance: a = "outline" }) {
+	return n || r ? {
+		tone: n ?? i,
+		appearance: r ?? a
+	} : e ? t[e] : {
+		tone: i,
+		appearance: a
+	};
+}
+//#endregion
+export { i as n, o as r, a as t };
+
+//# sourceMappingURL=uiClasses-BNjBunnY.js.map

package/dist/chunks/uiClasses-BNjBunnY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiClasses-BNjBunnY.js","names":[],"sources":["../../src/uiClasses.ts"],"sourcesContent":["import uiStyles from \"./ui.module.scss\";\n\nimport type { UiAppearance, UiTone, UiVariant } from \"./types\";\n\nexport type UiScheme = {\n\ttone: UiTone;\n\tappearance: UiAppearance;\n};\n\nexport type UiSelectionAppearance = Extract<UiAppearance, \"outline\" | \"solid\">;\n\nconst variantSchemeMap: Record<UiVariant, UiScheme> = {\n\tneutral: { tone: \"neutral\", appearance: \"solid\" },\n\tneutralOutline: { tone: \"neutral\", appearance: \"outline\" },\n\tghost: { tone: \"neutral\", appearance: \"ghost\" },\n\terror: { tone: \"error\", appearance: \"solid\" },\n\twarning: { tone: \"warning\", appearance: \"solid\" },\n\tsuccess: { tone: \"success\", appearance: \"solid\" },\n\tinfo: { tone: \"info\", appearance: \"solid\" },\n\terrorOutline: { tone: \"error\", appearance: \"outline\" },\n\twarningOutline: { tone: \"warning\", appearance: \"outline\" },\n\tsuccessOutline: { tone: \"success\", appearance: \"outline\" },\n\tinfoOutline: { tone: \"info\", appearance: \"outline\" },\n\ttransparent: { tone: \"neutral\", appearance: \"transparent\" }\n};\n\nconst toneClassNameMap: Record<UiTone, string> = {\n\tneutral: uiStyles.uiToneNeutral,\n\terror: uiStyles.uiToneError,\n\twarning: uiStyles.uiToneWarning,\n\tsuccess: uiStyles.uiToneSuccess,\n\tinfo: uiStyles.uiToneInfo\n};\n\nconst appearanceClassNameMap: Record<UiAppearance, string> = {\n\tsolid: uiStyles.uiAppearanceSolid,\n\toutline: uiStyles.uiAppearanceOutline,\n\tghost: uiStyles.uiAppearanceGhost,\n\ttransparent: uiStyles.uiAppearanceTransparent\n};\n\nexport function getUiToneClassName(tone: UiTone): string {\n\treturn toneClassNameMap[tone];\n}\n\nexport function getUiAppearanceClassName(appearance: UiAppearance): string {\n\treturn appearanceClassNameMap[appearance];\n}\n\nexport function resolveUiScheme({\n\tvariant,\n\ttone,\n\tappearance,\n\tfallbackTone = \"neutral\",\n\tfallbackAppearance = \"outline\"\n}: {\n\tvariant?: UiVariant;\n\ttone?: UiTone;\n\tappearance?: UiAppearance;\n\tfallbackTone?: UiTone;\n\tfallbackAppearance?: UiAppearance;\n}): UiScheme {\n\tif (tone || appearance) {\n\t\treturn {\n\t\t\ttone: tone ?? fallbackTone,\n\t\t\tappearance: appearance ?? fallbackAppearance\n\t\t};\n\t}\n\n\tif (variant) {\n\t\treturn variantSchemeMap[variant];\n\t}\n\n\treturn {\n\t\ttone: fallbackTone,\n\t\tappearance: fallbackAppearance\n\t};\n}\n"],"mappings":";;AAWA,IAAM,IAAgD;CACrD,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,OAAO;EAAE,MAAM;EAAW,YAAY;CAAQ;CAC9C,OAAO;EAAE,MAAM;EAAS,YAAY;CAAQ;CAC5C,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,SAAS;EAAE,MAAM;EAAW,YAAY;CAAQ;CAChD,MAAM;EAAE,MAAM;EAAQ,YAAY;CAAQ;CAC1C,cAAc;EAAE,MAAM;EAAS,YAAY;CAAU;CACrD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,gBAAgB;EAAE,MAAM;EAAW,YAAY;CAAU;CACzD,aAAa;EAAE,MAAM;EAAQ,YAAY;CAAU;CACnD,aAAa;EAAE,MAAM;EAAW,YAAY;CAAc;AAC3D,GAEM,IAA2C;CAChD,SAAS,EAAS;CAClB,OAAO,EAAS;CAChB,SAAS,EAAS;CAClB,SAAS,EAAS;CAClB,MAAM,EAAS;AAChB,GAEM,IAAuD;CAC5D,OAAO,EAAS;CAChB,SAAS,EAAS;CAClB,OAAO,EAAS;CAChB,aAAa,EAAS;AACvB;AAEA,SAAgB,EAAmB,GAAsB;CACxD,OAAO,EAAiB;AACzB;AAEA,SAAgB,EAAyB,GAAkC;CAC1E,OAAO,EAAuB;AAC/B;AAEA,SAAgB,EAAgB,EAC/B,YACA,SACA,eACA,kBAAe,WACf,wBAAqB,aAOT;CAYZ,OAXI,KAAQ,IACJ;EACN,MAAM,KAAQ;EACd,YAAY,KAAc;CAC3B,IAGG,IACI,EAAiB,KAGlB;EACN,MAAM;EACN,YAAY;CACb;AACD"}

package/dist/chunks/wheel-picker-DUHGy7wE.js

@@ -0,0 +1,143 @@
+import { cn as e } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+//#region src/wheel-picker/lib/wheelPickerMath.ts
+function c(e, t) {
+	return t <= 0 || e < 0 ? 0 : e > t - 1 ? t - 1 : e;
+}
+function l(e, t) {
+	return !Number.isFinite(e) || e <= 0 ? t : Math.max(e, t);
+}
+function u(e, t) {
+	return Math.max(1, Math.round(e / Math.max(1, t)));
+}
+function d(e, t) {
+	return Math.max(0, Math.round(e / 2 - t / 2));
+}
+function f(e, t) {
+	return Math.max(0, Math.round(e * t));
+}
+function p(e, t, n) {
+	return n <= 0 || t <= 0 ? 0 : c(Math.round(e / t), n);
+}
+var m = {
+	wheelPicker: "GLhdJ6",
+	viewport: "_2xLNL2",
+	scroller: "dgX32S",
+	items: "WfOtQ9",
+	item: "XIdSMi",
+	selectionFrame: "_--Hsbk"
+}, h = 192, g = 7, _ = 96;
+function v({ items: v, value: y, onChange: b, ariaLabel: x, disabled: S, className: C, minHeight: w = h, visibleRows: T = g, formatItem: E, getItemKey: D }) {
+	let O = o(null), k = o(null), A = o(null), j = a(() => Math.max(0, v.findIndex((e) => Object.is(e, y))), [v, y]), [M, N] = s(0), P = l(M, w), F = u(P, T), I = d(P, F), L = o(j), R = r((e) => Math.round(e.clientHeight), []), z = r(() => {
+		let e = k.current;
+		if (!e || v.length === 0) return;
+		let t = p(e.scrollTop, F, v.length);
+		e.scrollTo({
+			top: f(t, F),
+			behavior: "smooth"
+		}), t !== L.current && (L.current = t, b(v[t]));
+	}, [
+		F,
+		v,
+		b
+	]), B = r(() => {
+		A.current !== null && window.clearTimeout(A.current), A.current = window.setTimeout(() => {
+			A.current = null, z();
+		}, _);
+	}, [z]);
+	i(() => {
+		let e = O.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = (e) => {
+			N((t) => t === e ? t : e);
+		}, n = new ResizeObserver((n) => {
+			let r = n[0], i = Math.round(r?.contentRect.height ?? R(e));
+			t(i);
+		});
+		return n.observe(e), t(R(e)), () => n.disconnect();
+	}, [R]), i(() => {
+		let e = k.current;
+		if (!e || v.length === 0) return;
+		let t = c(j, v.length);
+		L.current = t, e.scrollTo({
+			top: f(t, F),
+			behavior: "auto"
+		});
+	}, [
+		F,
+		v.length,
+		j
+	]), i(() => {
+		let e = k.current;
+		if (!e) return;
+		let t = () => {
+			S || B();
+		}, n = (t) => {
+			S || (t.preventDefault(), e.scrollTop += t.deltaY, B());
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), e.addEventListener("wheel", n, { passive: !1 }), () => {
+			e.removeEventListener("scroll", t), e.removeEventListener("wheel", n);
+		};
+	}, [
+		S,
+		v,
+		b,
+		B
+	]), i(() => () => {
+		A.current !== null && window.clearTimeout(A.current);
+	}, []);
+	let V = (e) => {
+		if (S || v.length === 0 || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+		e.preventDefault();
+		let t = e.key === "ArrowUp" ? -1 : 1, n = c(j + t, v.length);
+		n !== j && (L.current = n, b(v[n]));
+	}, H = {
+		"--wheel-picker-min-height": `${w}px`,
+		"--wheel-picker-viewport-height": `${P}px`,
+		"--wheel-picker-item-height": `${F}px`,
+		"--wheel-picker-edge-padding": `${I}px`
+	};
+	return /* @__PURE__ */ t("div", {
+		ref: O,
+		className: e(m.wheelPicker, C),
+		style: H,
+		children: /* @__PURE__ */ n("div", {
+			className: m.viewport,
+			children: [/* @__PURE__ */ t("div", {
+				ref: k,
+				className: m.scroller,
+				role: "listbox",
+				tabIndex: S ? -1 : 0,
+				"aria-label": x,
+				"aria-disabled": S || void 0,
+				onKeyDown: V,
+				children: /* @__PURE__ */ t("div", {
+					className: m.items,
+					children: v.map((e, n) => {
+						let r = n === j;
+						return /* @__PURE__ */ t("button", {
+							type: "button",
+							role: "option",
+							"aria-selected": r,
+							className: m.item,
+							"data-selected": r ? "" : void 0,
+							disabled: S,
+							onClick: () => {
+								L.current = n, b(e);
+							},
+							children: E?.(e) ?? String(e)
+						}, D?.(e, n) ?? n);
+					})
+				})
+			}), /* @__PURE__ */ t("div", {
+				className: m.selectionFrame,
+				"aria-hidden": "true"
+			})]
+		})
+	});
+}
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=wheel-picker-DUHGy7wE.js.map

package/dist/chunks/wheel-picker-DUHGy7wE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wheel-picker-DUHGy7wE.js","names":[],"sources":["../../src/wheel-picker/lib/wheelPickerMath.ts","../../src/wheel-picker/WheelPicker.module.scss","../../src/wheel-picker/WheelPicker.tsx"],"sourcesContent":["/**\n * Возвращает безопасный индекс внутри диапазона элементов wheel-picker.\n */\nexport function clampWheelIndex(index: number, itemsCount: number): number {\n\tif (itemsCount <= 0) return 0;\n\tif (index < 0) return 0;\n\tif (index > itemsCount - 1) return itemsCount - 1;\n\n\treturn index;\n}\n\n/**\n * Возвращает высоту viewport wheel-picker с учётом минимального значения.\n */\nexport function resolveWheelViewportHeight(measuredHeight: number, minHeight: number): number {\n\tif (!Number.isFinite(measuredHeight) || measuredHeight <= 0) return minHeight;\n\treturn Math.max(measuredHeight, minHeight);\n}\n\n/**\n * Возвращает высоту одной строки picker-а.\n */\nexport function resolveWheelItemHeight(viewportHeight: number, visibleRows: number): number {\n\tconst safeVisibleRows = Math.max(1, visibleRows);\n\treturn Math.max(1, Math.round(viewportHeight / safeVisibleRows));\n}\n\n/**\n * Возвращает отступы сверху и снизу, чтобы выбранное значение всегда было по центру.\n */\nexport function resolveWheelEdgePadding(viewportHeight: number, itemHeight: number): number {\n\treturn Math.max(0, Math.round(viewportHeight / 2 - itemHeight / 2));\n}\n\n/**\n * Возвращает scrollTop, при котором значение с данным индексом окажется в центре viewport.\n */\nexport function resolveWheelScrollTop(index: number, itemHeight: number): number {\n\treturn Math.max(0, Math.round(index * itemHeight));\n}\n\n/**\n * Возвращает ближайший индекс по текущему положению scrollTop.\n */\nexport function resolveClosestWheelIndex(scrollTop: number, itemHeight: number, itemsCount: number): number {\n\tif (itemsCount <= 0 || itemHeight <= 0) return 0;\n\treturn clampWheelIndex(Math.round(scrollTop / itemHeight), itemsCount);\n}\n","@use \"@/styles/mixins\" as *;\n\n.wheelPicker {\n\t--wheel-picker-min-height: 10em;\n\t--wheel-picker-viewport-height: var(--wheel-picker-min-height);\n\t--wheel-picker-item-height: calc(var(--wheel-picker-viewport-height) / 7);\n\t--wheel-picker-edge-padding: calc((var(--wheel-picker-viewport-height) / 2) - (var(--wheel-picker-item-height) / 2));\n\n\tposition: relative;\n\tmin-height: var(--wheel-picker-min-height);\n\theight: 100%;\n\tborder: var(--border);\n\tborder-radius: var(--radius-sm);\n\tbackground: linear-gradient(to bottom, var(--surface-0), transparent 18%, transparent 82%, var(--surface-0)), var(--surface-1);\n\toverflow: hidden;\n}\n\n.viewport {\n\tposition: relative;\n\theight: var(--wheel-picker-viewport-height);\n}\n\n.scroller {\n\theight: 100%;\n\toverflow-y: auto;\n\toverscroll-behavior: contain;\n\tscroll-snap-type: y mandatory;\n\tscrollbar-width: none;\n\tpadding-block: var(--wheel-picker-edge-padding);\n\toutline: none;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n}\n\n.items {\n\tdisplay: grid;\n}\n\n.item {\n\theight: var(--wheel-picker-item-height);\n\tpadding: 0 var(--space-sm);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tscroll-snap-align: center;\n\tbackground: transparent;\n\tcolor: var(--content-2);\n\tfont-family: var(--font-family-mono);\n\tfont-variant-numeric: tabular-nums;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease,\n\t\tfont-variation-settings var(--transition-fast) ease;\n\n\t&[data-selected] {\n\t\tcolor: var(--content-0);\n\t\tfont-weight: 600;\n\t\tfont-variation-settings: \"wght\" 600;\n\t}\n\n\t&:hover:not(:disabled) {\n\t\tbackground: color-mix(in srgb, var(--surface-accent) 40%, transparent);\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\t}\n}\n\n.selectionFrame {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\theight: var(--wheel-picker-item-height);\n\ttransform: translateY(-50%);\n\tborder-top: var(--border);\n\tborder-bottom: var(--border);\n\t// border-radius: var(--radius-xs);\n\tbackground: color-mix(in srgb, var(--surface-accent) 28%, transparent);\n\tpointer-events: none;\n}\n","import type { CSSProperties, Key, KeyboardEvent, ReactNode } from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport {\n\tclampWheelIndex,\n\tresolveClosestWheelIndex,\n\tresolveWheelEdgePadding,\n\tresolveWheelItemHeight,\n\tresolveWheelScrollTop,\n\tresolveWheelViewportHeight\n} from \"./lib/wheelPickerMath\";\nimport styles from \"./WheelPicker.module.scss\";\n\n/**\n * Пропсы внутреннего wheel-picker.\n */\nexport interface WheelPickerProps<T> {\n\titems: readonly T[];\n\tvalue: T;\n\tonChange: (value: T) => void;\n\tariaLabel: string;\n\tdisabled?: boolean;\n\tclassName?: string;\n\tminHeight?: number;\n\tvisibleRows?: number;\n\tformatItem?: (item: T) => ReactNode;\n\tgetItemKey?: (item: T, index: number) => Key;\n}\n\nconst DEFAULT_MIN_HEIGHT = 192;\nconst DEFAULT_VISIBLE_ROWS = 7;\nconst SNAP_TIMEOUT_MS = 96;\n\n/**\n * Внутренний wheel-picker со snap-кареткой по центру и блокировкой page scroll.\n */\nexport function WheelPicker<T>({\n\titems,\n\tvalue,\n\tonChange,\n\tariaLabel,\n\tdisabled,\n\tclassName,\n\tminHeight = DEFAULT_MIN_HEIGHT,\n\tvisibleRows = DEFAULT_VISIBLE_ROWS,\n\tformatItem,\n\tgetItemKey\n}: WheelPickerProps<T>) {\n\tconst rootRef = useRef<HTMLDivElement | null>(null);\n\tconst scrollerRef = useRef<HTMLDivElement | null>(null);\n\tconst snapTimeoutRef = useRef<number | null>(null);\n\tconst valueIndex = useMemo(\n\t\t() =>\n\t\t\tMath.max(\n\t\t\t\t0,\n\t\t\t\titems.findIndex((item) => Object.is(item, value))\n\t\t\t),\n\t\t[items, value]\n\t);\n\tconst [measuredHeight, setMeasuredHeight] = useState(0);\n\tconst viewportHeight = resolveWheelViewportHeight(measuredHeight, minHeight);\n\tconst itemHeight = resolveWheelItemHeight(viewportHeight, visibleRows);\n\tconst edgePadding = resolveWheelEdgePadding(viewportHeight, itemHeight);\n\tconst lastAppliedIndexRef = useRef(valueIndex);\n\n\t/**\n\t * Возвращает высоту контентной области wheel без рамок, чтобы избежать накопления высоты.\n\t */\n\tconst readContentHeight = useCallback((element: HTMLDivElement) => Math.round(element.clientHeight), []);\n\n\t/**\n\t * Доводит scroll до ближайшего центра и синхронизирует выбранное значение.\n\t */\n\tconst snapToClosestValue = useCallback(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller || items.length === 0) return;\n\n\t\tconst nextIndex = resolveClosestWheelIndex(scroller.scrollTop, itemHeight, items.length);\n\t\tscroller.scrollTo({\n\t\t\ttop: resolveWheelScrollTop(nextIndex, itemHeight),\n\t\t\tbehavior: \"smooth\"\n\t\t});\n\n\t\tif (nextIndex !== lastAppliedIndexRef.current) {\n\t\t\tlastAppliedIndexRef.current = nextIndex;\n\t\t\tonChange(items[nextIndex]);\n\t\t}\n\t}, [itemHeight, items, onChange]);\n\n\t/**\n\t * Планирует мягкую доводку wheel после завершения scroll/wheel.\n\t */\n\tconst scheduleSnap = useCallback(() => {\n\t\tif (snapTimeoutRef.current !== null) {\n\t\t\twindow.clearTimeout(snapTimeoutRef.current);\n\t\t}\n\n\t\tsnapTimeoutRef.current = window.setTimeout(() => {\n\t\t\tsnapTimeoutRef.current = null;\n\t\t\tsnapToClosestValue();\n\t\t}, SNAP_TIMEOUT_MS);\n\t}, [snapToClosestValue]);\n\n\tuseEffect(() => {\n\t\tconst root = rootRef.current;\n\t\tif (!root || typeof ResizeObserver === \"undefined\") return;\n\n\t\tconst syncMeasuredHeight = (nextHeight: number) => {\n\t\t\tsetMeasuredHeight((prevHeight) => (prevHeight === nextHeight ? prevHeight : nextHeight));\n\t\t};\n\n\t\tconst observer = new ResizeObserver((entries) => {\n\t\t\tconst entry = entries[0];\n\t\t\tconst nextHeight = Math.round(entry?.contentRect.height ?? readContentHeight(root));\n\n\t\t\tsyncMeasuredHeight(nextHeight);\n\t\t});\n\n\t\tobserver.observe(root);\n\t\tsyncMeasuredHeight(readContentHeight(root));\n\n\t\treturn () => observer.disconnect();\n\t}, [readContentHeight]);\n\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller || items.length === 0) return;\n\n\t\tconst targetIndex = clampWheelIndex(valueIndex, items.length);\n\t\tlastAppliedIndexRef.current = targetIndex;\n\t\tscroller.scrollTo({\n\t\t\ttop: resolveWheelScrollTop(targetIndex, itemHeight),\n\t\t\tbehavior: \"auto\"\n\t\t});\n\t}, [itemHeight, items.length, valueIndex]);\n\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) return;\n\n\t\tconst handleScroll = () => {\n\t\t\tif (disabled) return;\n\t\t\tscheduleSnap();\n\t\t};\n\n\t\tconst handleWheel = (event: WheelEvent) => {\n\t\t\tif (disabled) return;\n\n\t\t\tevent.preventDefault();\n\t\t\tscroller.scrollTop += event.deltaY;\n\t\t\tscheduleSnap();\n\t\t};\n\n\t\tscroller.addEventListener(\"scroll\", handleScroll, { passive: true });\n\t\tscroller.addEventListener(\"wheel\", handleWheel, { passive: false });\n\n\t\treturn () => {\n\t\t\tscroller.removeEventListener(\"scroll\", handleScroll);\n\t\t\tscroller.removeEventListener(\"wheel\", handleWheel);\n\t\t};\n\t}, [disabled, items, onChange, scheduleSnap]);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (snapTimeoutRef.current !== null) {\n\t\t\t\twindow.clearTimeout(snapTimeoutRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t/**\n\t * Меняет значение по стрелкам вверх и вниз.\n\t */\n\tconst handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n\t\tif (disabled || items.length === 0) return;\n\n\t\tif (event.key !== \"ArrowUp\" && event.key !== \"ArrowDown\") return;\n\t\tevent.preventDefault();\n\n\t\tconst delta = event.key === \"ArrowUp\" ? -1 : 1;\n\t\tconst nextIndex = clampWheelIndex(valueIndex + delta, items.length);\n\t\tif (nextIndex === valueIndex) return;\n\n\t\tlastAppliedIndexRef.current = nextIndex;\n\t\tonChange(items[nextIndex]);\n\t};\n\n\tconst cssVars = {\n\t\t\"--wheel-picker-min-height\": `${minHeight}px`,\n\t\t\"--wheel-picker-viewport-height\": `${viewportHeight}px`,\n\t\t\"--wheel-picker-item-height\": `${itemHeight}px`,\n\t\t\"--wheel-picker-edge-padding\": `${edgePadding}px`\n\t} as CSSProperties;\n\n\treturn (\n\t\t<div ref={rootRef} className={cn(styles.wheelPicker, className)} style={cssVars}>\n\t\t\t<div className={styles.viewport}>\n\t\t\t\t<div\n\t\t\t\t\tref={scrollerRef}\n\t\t\t\t\tclassName={styles.scroller}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t\t\tonKeyDown={handleKeyDown}>\n\t\t\t\t\t<div className={styles.items}>\n\t\t\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\t\t\tconst selected = index === valueIndex;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tkey={getItemKey?.(item, index) ?? index}\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\t\t\t\tclassName={styles.item}\n\t\t\t\t\t\t\t\t\tdata-selected={selected ? \"\" : undefined}\n\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tlastAppliedIndexRef.current = index;\n\t\t\t\t\t\t\t\t\t\tonChange(item);\n\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t{formatItem?.(item) ?? String(item)}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={styles.selectionFrame} aria-hidden=\"true\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/context-menu/components/ContextMenu.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { Placement } from "@floating-ui/react";
+export interface ContextMenuProps {
+    children: React.ReactNode;
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const ContextMenu: React.FC<ContextMenuProps> & {
+    Trigger: React.FC<import("./ContextMenuTrigger").ContextMenuTriggerProps>;
+    Content: React.FC<import("./MenuContent").MenuContentProps>;
+    RadialContent: React.FC<import("./RadialMenuContent").RadialMenuContentProps>;
+    Item: React.FC<import("./MenuItem").MenuItemProps>;
+    RadialItem: React.FC<import("./RadialMenuItem").RadialMenuItemProps>;
+    Separator: React.FC<import("./MenuSeparator").MenuSeparatorProps>;
+    GroupLabel: React.FC<import("./MenuGroupLabel").MenuGroupLabelProps>;
+};
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/context-menu/components/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/ContextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAW/C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,WAAW;;;;;;;;CAQtB,CAAC"}

package/dist/context-menu/components/ContextMenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ContextMenuTriggerProps {
+    children: React.ReactElement<React.HTMLAttributes<HTMLElement> & {
+        ref?: React.Ref<HTMLElement>;
+    }>;
+}
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+//# sourceMappingURL=ContextMenuTrigger.d.ts.map

package/dist/context-menu/components/ContextMenuTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/ContextMenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,uBAAuB;IACvC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC,CAAC;CACnG;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkBhE,CAAC"}

package/dist/context-menu/components/DropdownMenu.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Placement } from "@floating-ui/react";
+export interface DropdownMenuProps {
+    children: React.ReactNode;
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
+    Trigger: React.FC<import("./DropdownMenuTrigger").DropdownMenuTriggerProps>;
+    Content: React.FC<import("./MenuContent").MenuContentProps>;
+    Item: React.FC<import("./MenuItem").MenuItemProps>;
+    Separator: React.FC<import("./MenuSeparator").MenuSeparatorProps>;
+    GroupLabel: React.FC<import("./MenuGroupLabel").MenuGroupLabelProps>;
+};
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/context-menu/components/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAS/C,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAUD,eAAO,MAAM,YAAY;;;;;;CAMvB,CAAC"}

package/dist/context-menu/components/DropdownMenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface DropdownMenuTriggerProps {
+    children: React.ReactElement<React.HTMLAttributes<HTMLElement> & {
+        ref?: React.Ref<HTMLElement>;
+    }>;
+}
+export declare const DropdownMenuTrigger: React.FC<DropdownMenuTriggerProps>;
+//# sourceMappingURL=DropdownMenuTrigger.d.ts.map

package/dist/context-menu/components/DropdownMenuTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/DropdownMenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,MAAM,WAAW,wBAAwB;IACxC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC,CAAC;CACnG;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkBlE,CAAC"}

package/dist/context-menu/components/MenuContent.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface MenuContentProps {
+    children: React.ReactNode | ((ctx: {
+        closeMenu: () => void;
+    }) => React.ReactNode);
+    className?: string;
+    closeOnOutside?: boolean;
+    closeOnEscape?: boolean;
+    disableOutsideClick?: boolean;
+    restoreFocus?: boolean;
+}
+export declare const MenuContent: React.FC<MenuContentProps>;
+//# sourceMappingURL=MenuContent.d.ts.map

package/dist/context-menu/components/MenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,MAAM,WAAW,gBAAgB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuGlD,CAAC"}

package/dist/context-menu/components/MenuContext.d.ts

@@ -0,0 +1,21 @@
+import type { MenuOpenSource, MenuPoint } from "@ryuzaki13/react-foundation-lib/context-menu";
+export type MenuTriggerMode = "click" | "contextmenu";
+interface MenuContextValue {
+    mode: MenuTriggerMode;
+    open: boolean;
+    openSource: MenuOpenSource | null;
+    anchorPoint: MenuPoint | null;
+    floatingStyles: React.CSSProperties;
+    floatingRef: React.RefObject<HTMLElement | null>;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    setFloating: (node: HTMLElement | null) => void;
+    registerTriggerElement: (node: HTMLElement | null) => void;
+    onTriggerClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onTriggerContextMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    onTriggerKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    closeMenu: () => void;
+}
+export declare const MenuContext: import("react").Context<MenuContextValue | null>;
+export declare function useMenuContext(): MenuContextValue;
+export {};
+//# sourceMappingURL=MenuContext.d.ts.map

package/dist/context-menu/components/MenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAG9F,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,aAAa,CAAC;AAEtD,UAAU,gBAAgB;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,cAAc,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,sBAAsB,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/D,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrE,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpE,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,cAAc,qBAS7B"}

package/dist/context-menu/components/MenuGroupLabel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface MenuGroupLabelProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const MenuGroupLabel: React.FC<MenuGroupLabelProps>;
+//# sourceMappingURL=MenuGroupLabel.d.ts.map

package/dist/context-menu/components/MenuGroupLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupLabel.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuGroupLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAExD,CAAC"}

package/dist/context-menu/components/MenuItem.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface MenuItemProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    hotKey?: string;
+    className?: string;
+    disabled?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    closeOnSelect?: boolean;
+    onSelect?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/context-menu/components/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,MAAM,WAAW,aAAa;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAC"}

package/dist/context-menu/components/MenuRoot.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Placement } from "@floating-ui/react";
+import { MenuTriggerMode } from "./MenuContext";
+interface MenuRootProps {
+    children: React.ReactNode;
+    mode: MenuTriggerMode;
+    placement?: Placement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const MenuRoot: React.FC<MenuRootProps>;
+export {};
+//# sourceMappingURL=MenuRoot.d.ts.map

package/dist/context-menu/components/MenuRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRoot.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAA4B,SAAS,EAAsB,MAAM,oBAAoB,CAAC;AAW7F,OAAO,EAAe,eAAe,EAAE,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsL5C,CAAC"}

package/dist/context-menu/components/MenuSeparator.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface MenuSeparatorProps {
+    className?: string;
+}
+export declare const MenuSeparator: React.FC<MenuSeparatorProps>;
+//# sourceMappingURL=MenuSeparator.d.ts.map

package/dist/context-menu/components/MenuSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparator.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/MenuSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAC"}

package/dist/context-menu/components/RadialMenuContent.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface RadialMenuContentProps {
+    children: React.ReactNode | ((ctx: {
+        closeMenu: () => void;
+    }) => React.ReactNode);
+    className?: string;
+    closeOnOutside?: boolean;
+    closeOnEscape?: boolean;
+    disableOutsideClick?: boolean;
+    restoreFocus?: boolean;
+    radius?: number;
+    itemSize?: number;
+    closeLabel?: string;
+}
+export declare const RadialMenuContent: React.FC<RadialMenuContentProps>;
+//# sourceMappingURL=RadialMenuContent.d.ts.map

package/dist/context-menu/components/RadialMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialMenuContent.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/RadialMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAYzE,MAAM,WAAW,sBAAsB;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyK9D,CAAC"}

package/dist/context-menu/components/RadialMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface RadialMenuItemProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const RadialMenuItem: React.FC<RadialMenuItemProps>;
+//# sourceMappingURL=RadialMenuItem.d.ts.map

package/dist/context-menu/components/RadialMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialMenuItem.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/RadialMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsCxD,CAAC"}

package/dist/context-menu/components/helpers.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function assignRef<T>(ref: React.Ref<T> | undefined, value: T): void;
+export declare function composeMouseHandlers<T extends HTMLElement>(userHandler: ((event: React.MouseEvent<T>) => void) | undefined, libraryHandler: (event: React.MouseEvent<T>) => void): (event: React.MouseEvent<T>) => void;
+export declare function composeKeyboardHandlers<T extends HTMLElement>(userHandler: ((event: React.KeyboardEvent<T>) => void) | undefined, libraryHandler: (event: React.KeyboardEvent<T>) => void): (event: React.KeyboardEvent<T>) => void;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/context-menu/components/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/context-menu/components/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QASnE;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EACzD,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAC/D,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,IAE5C,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAKlC;AAED,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,WAAW,EAC5D,WAAW,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAClE,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,IAE/C,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,UAKrC"}

package/dist/context-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenu } from "./components/ContextMenu";
+export { DropdownMenu } from "./components/DropdownMenu";
+//# sourceMappingURL=index.d.ts.map

package/dist/context-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/context-menu/index.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../chunks/DropdownMenu-Ds-trH4M.js";
+export { e as ContextMenu, t as DropdownMenu };

package/dist/context-menu/stories/ContextMenu.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    parameters: {
+        atomicCanvas: boolean;
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DropdownMenuBasic: Story;
+export declare const ContextMenuBasic: Story;
+export declare const ContextMenuRadial: Story;
+export declare const ControlledDropdown: Story;
+//# sourceMappingURL=ContextMenu.stories.d.ts.map

package/dist/context-menu/stories/ContextMenu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/context-menu/stories/ContextMenu.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;;;;CAOM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAC"}