npm - @ryuzaki13/react-foundation-ui - Versions diffs - 1.4.5 → 1.5.1 - Mend

@ryuzaki13/react-foundation-ui 1.4.5 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (451) hide show

package/dist/list/index.js CHANGED Viewed

@@ -1,32 +1,64 @@
 import { t as e } from "../chunks/grid-dI94AAbi.js";
-import { c as t, h as n } from "../chunks/misc-BYxxlJz6.js";
-import r, { Children as i, useMemo as a, useRef as o } from "react";
-import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as c } from "react/jsx-runtime";
-import { useFetchNextPageEffect as l } from "@ryuzaki13/react-foundation-lib/virtualizer";
-import { useVirtualizer as u } from "@tanstack/react-virtual";
+import { c as t, h as n } from "../chunks/misc-Cp_r022Z.js";
+import r, { Children as i, useLayoutEffect as a, useReducer as o, useRef as s, useState as c } from "react";
+import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as u } from "react/jsx-runtime";
+import { flushSync as d } from "react-dom";
+import { useFetchNextPageEffect as f } from "@ryuzaki13/react-foundation-lib/virtualizer";
+import { Virtualizer as p, elementScroll as m, observeElementOffset as h, observeElementRect as g } from "@tanstack/react-virtual";
+//#region src/list/useListVirtualizer.ts
+function _(e) {
+	"use no memo";
+	let t = o((e) => e + 1, 0)[1], [n] = c(() => new p({
+		...e,
+		observeElementRect: g,
+		observeElementOffset: h,
+		scrollToFn: m,
+		onChange: (e, n) => {
+			if (n) {
+				d(t);
+				return;
+			}
+			t();
+		}
+	}));
+	return n.setOptions({
+		...e,
+		observeElementRect: g,
+		observeElementOffset: h,
+		scrollToFn: m,
+		onChange: (e, n) => {
+			if (n) {
+				d(t);
+				return;
+			}
+			t();
+		}
+	}), a(() => n._didMount(), [n]), a(() => n._willUpdate()), n;
+}
+//#endregion
 //#region src/list/List.tsx
-var d = ({ children: t, className: n }) => i.count(t) === 0 ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ c(e.Container, {
+var v = ({ children: t, className: n }) => i.count(t) === 0 ? /* @__PURE__ */ u("div", {}) : /* @__PURE__ */ u(e.Container, {
 	gap: "sm",
-	className: s("paddingSm borderBottom", n),
+	className: l("paddingSm borderBottom", n),
 	children: t
-}), f = ({ children: t, className: n }) => i.count(t) === 0 ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ c(e.Container, {
+}), y = ({ children: t, className: n }) => i.count(t) === 0 ? /* @__PURE__ */ u("div", {}) : /* @__PURE__ */ u(e.Container, {
 	gap: "sm",
-	className: s("paddingSm borderTop", n),
+	className: l("paddingSm borderTop", n),
 	children: t
 });
-function p({ item: e, render: t, separated: n }) {
-	return /* @__PURE__ */ c(r.Fragment, { children: /* @__PURE__ */ c("li", {
-		className: s(n && "borderBottom"),
+function b({ item: e, render: t, separated: n }) {
+	return /* @__PURE__ */ u(r.Fragment, { children: /* @__PURE__ */ u("li", {
+		className: l(n && "borderBottom"),
 		children: t(e)
 	}) });
 }
-function m({ items: e, getKey: n, render: r, separated: i, className: a }) {
-	return /* @__PURE__ */ c(t, {
+function x({ items: e, getKey: n, render: r, separated: i, className: a }) {
+	return /* @__PURE__ */ u(t, {
 		className: a,
-		children: /* @__PURE__ */ c("ul", {
+		children: /* @__PURE__ */ u("ul", {
 			className: "",
-			children: e.map((e, t) => /* @__PURE__ */ c(p, {
+			children: e.map((e, t) => /* @__PURE__ */ u(b, {
 				item: e,
 				render: r,
 				separated: i
@@ -34,33 +66,30 @@ function m({ items: e, getKey: n, render: r, separated: i, className: a }) {
 		})
 	});
 }
-function h({ items: e, getKey: i, render: d, separated: f, className: p, isLoading: m, hasNextPage: h, fetchNextPage: g }) {
-	let _ = o(null), v = ((e, t, n) => a(() => ({
-		count: t ? e + 1 : e,
-		getScrollElement: () => n.current,
+function S({ items: e, getKey: i, render: a, separated: o, className: c, isLoading: d, hasNextPage: p, fetchNextPage: m }) {
+	"use no memo";
+	let h = s(null), g = _({
+		count: p ? e.length + 1 : e.length,
+		getScrollElement: () => h.current,
 		measureElement: (e) => Math.ceil(e.getBoundingClientRect().height),
 		estimateSize: () => 120,
 		overscan: 5
-	}), [
-		e,
-		t,
-		n
-	]))(e.length, h, _), y = u(v), b = y.getVirtualItems();
-	return l({
-		virtualItems: b,
+	}), v = g.getVirtualItems();
+	return f({
+		virtualItems: v,
 		currentItemsCount: e.length,
-		hasNextPage: h,
-		fetchNextPage: g
-	}), /* @__PURE__ */ c(t, {
-		ref: _,
-		className: p,
-		children: m ? /* @__PURE__ */ c(n, {}) : /* @__PURE__ */ c("ul", {
-			style: { height: y.getTotalSize() },
+		hasNextPage: p,
+		fetchNextPage: m
+	}), /* @__PURE__ */ u(t, {
+		ref: h,
+		className: c,
+		children: d ? /* @__PURE__ */ u(n, {}) : /* @__PURE__ */ u("ul", {
+			style: { height: g.getTotalSize() },
 			className: "relative w100",
-			children: b.map((t) => {
-				let a = t.index > e.length - 1, o = e[t.index];
-				return /* @__PURE__ */ c(r.Fragment, { children: /* @__PURE__ */ c("li", {
-					ref: y.measureElement,
+			children: v.map((t) => {
+				let s = t.index > e.length - 1, c = e[t.index];
+				return /* @__PURE__ */ u(r.Fragment, { children: /* @__PURE__ */ u("li", {
+					ref: g.measureElement,
 					style: {
 						position: "absolute",
 						top: 0,
@@ -69,20 +98,20 @@ function h({ items: e, getKey: i, render: d, separated: f, className: p, isLoadi
 						transform: `translateY(${Math.round(t.start)}px)`
 					},
 					"data-index": t.index,
-					className: s(f && "borderBottom"),
-					children: a ? /* @__PURE__ */ c(n, {}) : d(o)
-				}) }, a ? "loader" : i(o, t.index));
+					className: l(o && "borderBottom"),
+					children: s ? /* @__PURE__ */ u(n, {}) : a(c)
+				}) }, s ? "loader" : i(c, t.index));
 			})
 		})
 	});
 }
-var g = ({ className: t, children: n }) => /* @__PURE__ */ c(e.Container, {
+var C = ({ className: t, children: n }) => /* @__PURE__ */ u(e.Container, {
 	templateRows: "auto 1fr auto",
-	className: s("h100", t),
+	className: l("h100", t),
 	children: n
 });
-g.Toolbar = d, g.Content = m, g.Footer = f, g.VirtualizedContent = h;
+C.Toolbar = v, C.Content = x, C.Footer = y, C.VirtualizedContent = S;
 //#endregion
-export { g as List };
+export { C as List };
 //# sourceMappingURL=index.js.map

package/dist/list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/list/List.tsx"],"sourcesContent":["import ~~React,~~ { ~~Children~~, ~~PropsWithChildren~~, ~~useMemo,~~ ~~useRef~~ } from \"react\";\n\nimport { cn } from \"@~~ryuzaki13~~/react-~~foundation~~-~~lib~~/~~utils~~\";\nimport { ~~useFetchNextPageEffect~~ } from \"@ryuzaki13/react-foundation-lib/~~virtualizer~~\";\nimport { ~~useVirtualizer~~ } from \"@~~tanstack~~/react-~~virtual~~\";\n\nimport { Grid } from \"../grid\";\nimport { LoadingMessage, Scrollable } from \"../misc\";\n\ninterface ListToolbarProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nconst ListToolbar: React.FC<ListToolbarProps> = ({ children, className }) => {\n\tif (Children.count(children) === 0) {\n\t\t// Пустой блок для корректной работы родительского шаблона auto 1fr auto\n\t\treturn <div></div>;\n\t}\n\n\treturn (\n\t\t<Grid.Container gap=\"sm\" className={cn(\"paddingSm borderBottom\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\ninterface ListFooterProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nconst ListFooter: React.FC<ListFooterProps> = ({ children, className }) => {\n\tif (Children.count(children) === 0) {\n\t\t// Пустой блок для корректной работы родительского шаблона auto 1fr auto\n\t\treturn <div></div>;\n\t}\n\n\treturn (\n\t\t<Grid.Container gap=\"sm\" className={cn(\"paddingSm borderTop\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\ninterface ListItemProps<T> {\n\titem: T;\n\trender: (item: T) => React.ReactNode;\n\tseparated?: boolean;\n}\n\nfunction ListItem<T>({ item, render, separated }: ListItemProps<T>) {\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<li className={cn(separated && \"borderBottom\")}>{render(item)}</li>\n\t\t\t{/* {separated && <Separator as=\"li\" />} /}\n\t\t</React.Fragment>\n\t);\n}\n\ninterface ListContentProps<T> {\n\titems: T[];\n\tgetKey: (item: T, index: number) => string;\n\trender: (item: T) => React.ReactNode;\n\tseparated?: boolean;\n\tclassName?: string;\n}\n\nfunction ListContent<T>({ items, getKey, render, separated, className }: ListContentProps<T>) {\n\treturn (\n\t\t<Scrollable className={className}>\n\t\t\t<ul className=\"\">\n\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t<ListItem<T> key={getKey(item, index)} item={item} render={render} separated={separated} />\n\t\t\t\t))}\n\t\t\t</ul>\n\t\t</Scrollable>\n\t);\n}\n\ninterface ListVirtualizedContentProps<T> {\n\titems: T[];\n\tgetKey: (item: T, index: number) => string;\n\trender: (item: T) => React.ReactNode;\n\tisLoading?: boolean;\n\tseparated?: boolean;\n\tclassName?: string;\n\t/* Параметры для бесконечной подгрузки */\n\thasNextPage: boolean;\n\tfetchNextPage: () => Promise<unknown>;\n}\n\nfunction ListVirtualizedContent<T>({\n\titems,\n\tgetKey,\n\trender,\n\tseparated,\n\tclassName,\n\tisLoading,\n\thasNextPage,\n\tfetchNextPage\n}: ListVirtualizedContentProps<T>) {\n\tconst parentRef = useRef<HTMLDivElement \| null>(null);\n\n\tconst ~~useVirtualizerConfig~~ = (~~itemsCount: number, hasNextPage: boolean \| undefined, parentRef: React.RefObject<HTMLElement \| null>) =>~~ {\n\t\~~treturn useMemo(\n\t\t\t() => ({\n\t\t\t\~~tcount: hasNextPage ? ~~itemsCount~~ + 1 : ~~itemsCount~~,\n\t\~~t\t\~~tgetScrollElement: () => parentRef.current,\n\t\~~t\t\~~tmeasureElement: (~~el: Element~~) => Math.ceil(el.getBoundingClientRect().height),\n\t\~~t\t\~~testimateSize: () => 120,\n\t\~~t\t\~~toverscan: 5\n\t~~\t\t~~})~~,\n\t\t\t[itemsCount, hasNextPage, parentRef]\n\t\t)~~;\n\~~t};\~~n\n\tconst ~~config = useVirtualizerConfig(items.length, hasNextPage, parentRef);\n\tconst rowVirtualizer = useVirtualizer(config);\n\n\tconst~~ virtualItems = rowVirtualizer.getVirtualItems();\n\n\tuseFetchNextPageEffect({ virtualItems, currentItemsCount: items.length, hasNextPage, fetchNextPage });\n\n\treturn (\n\t\t<Scrollable ref={parentRef} className={className}>\n\t\t\t{isLoading ? (\n\t\t\t\t<LoadingMessage />\n\t\t\t) : (\n\t\t\t\t<ul style={{ height: rowVirtualizer.getTotalSize() }} className=\"relative w100\">\n\t\t\t\t\t{virtualItems.map((virtualRow) => {\n\t\t\t\t\t\tconst isLoaderRow = virtualRow.index > items.length - 1;\n\t\t\t\t\t\tconst item = items[virtualRow.index];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={isLoaderRow ? \"loader\" : getKey(item, virtualRow.index)}>\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tref={rowVirtualizer.measureElement}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\ttransform: `translateY(${Math.round(virtualRow.start)}px)`\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdata-index={virtualRow.index}\n\t\t\t\t\t\t\t\t\tclassName={cn(separated && \"borderBottom\")}>\n\t\t\t\t\t\t\t\t\t{isLoaderRow ? <LoadingMessage /> : render(item)}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</Scrollable>\n\t);\n}\n\ninterface ListComposition {\n\tToolbar: typeof ListToolbar;\n\tContent: typeof ListContent;\n\tFooter: typeof ListFooter;\n\tVirtualizedContent: typeof ListVirtualizedContent;\n}\n\ninterface ListProps extends PropsWithChildren {\n\tclassName?: string;\n}\n\nexport const List: React.FC<ListProps> & ListComposition = ({ className, children }) => {\n\treturn (\n\t\t<Grid.Container templateRows=\"auto 1fr auto\" className={cn(\"h100\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\n// Компоновка\nList.Toolbar = ListToolbar;\nList.Content = ListContent;\nList.Footer = ListFooter;\nList.VirtualizedContent = ListVirtualizedContent;\n"],"mappings":"~~;;;;;;;;AAcA~~,IAAM,KAA2C,EAAE,aAAU,mBACxD,EAAS,MAAM,CAAQ,MAAM,IAEzB,kBAAC,OAAD,CAAU,CAAA,IAIjB,kBAAC,EAAK,WAAN;CAAgB,KAAI;CAAK,WAAW,EAAG,0BAA0B,CAAS;CACxE;AACc,CAAA,GASZ,KAAyC,EAAE,aAAU,mBACtD,EAAS,MAAM,CAAQ,MAAM,IAEzB,kBAAC,OAAD,CAAU,CAAA,IAIjB,kBAAC,EAAK,WAAN;CAAgB,KAAI;CAAK,WAAW,EAAG,uBAAuB,CAAS;CACrE;AACc,CAAA;AAUlB,SAAS,EAAY,EAAE,SAAM,WAAQ,gBAA+B;CACnE,OACC,kBAAC,EAAM,UAAP,EAAA,UACC,kBAAC,MAAD;EAAI,WAAW,EAAG,KAAa,cAAc;EAAI,UAAA,EAAO,CAAI;CAAM,CAAA,EAEnD,CAAA;AAElB;AAUA,SAAS,EAAe,EAAE,UAAO,WAAQ,WAAQ,cAAW,gBAAkC;CAC7F,OACC,kBAAC,GAAD;EAAuB;EACtB,UAAA,kBAAC,MAAD;GAAI,WAAU;GACZ,UAAA,EAAM,KAAK,GAAM,MACjB,kBAAC,GAAD;IAA6C;IAAc;IAAmB;GAAY,GAAxE,EAAO,GAAM,CAAK,CAAsD,CAC1F;EACE,CAAA;CACO,CAAA;AAEd;AAcA,SAAS,EAA0B,EAClC,UACA,WACA,WACA,cACA,cACA,cACA,gBACA,oBACkC;CAClC,IAAM,IAAY,EAA8B,IAAI,~~GAe9C~~,~~MAbwB~~,~~GAAoB,GAAkC,MAC5E,SACC~~;~~EACN~~,OAAO,IAAc,~~IAAa~~,IAAI;~~EACtC~~,wBAAwB,EAAU;EAClC,iBAAiB,~~MAAgB~~,KAAK,KAAK,~~EAAG~~,sBAAsB,CAAC,CAAC,MAAM;~~EAC5E~~,oBAAoB;EACpB,UAAU;CACX,~~IACA;EAAC;EAAY;EAAa;CAAS~~,~~CACpC~~,~~EAGc,CAAqB,EAAM,QAAQ,GAAa,CAAS,GAClE,IAAiB,EAAe,CAAM,GAEtC,~~IAAe,EAAe,gBAAgB;CAIpD,OAFA,EAAuB;EAAE;EAAc,mBAAmB,EAAM;EAAQ;EAAa;CAAc,CAAC,GAGnG,kBAAC,GAAD;EAAY,KAAK;EAAsB;EACrC,UAAA,IACA,kBAAC,GAAD,CAAiB,CAAA,IAEjB,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,EAAe,aAAa,EAAE;GAAG,WAAU;GAC9D,UAAA,EAAa,KAAK,MAAe;IACjC,IAAM,IAAc,EAAW,QAAQ,EAAM,SAAS,GAChD,IAAO,EAAM,EAAW;IAE9B,OACC,kBAAC,EAAM,UAAP,EAAA,UACC,kBAAC,MAAD;KACC,KAAK,EAAe;KACpB,OAAO;MACN,UAAU;MACV,KAAK;MACL,MAAM;MACN,OAAO;MACP,WAAW,cAAc,KAAK,MAAM,EAAW,KAAK,EAAE;KACvD;KACA,cAAY,EAAW;KACvB,WAAW,EAAG,KAAa,cAAc;KACxC,UAAA,IAAc,kBAAC,GAAD,CAAiB,CAAA,IAAI,EAAO,CAAI;IAC5C,CAAA,EACW,GAdK,IAAc,WAAW,EAAO,GAAM,EAAW,KAAK,CAc3D;GAElB,CAAC;EACE,CAAA;CAEM,CAAA;AAEd;AAaA,IAAa,KAA+C,EAAE,cAAW,kBAEvE,kBAAC,EAAK,WAAN;CAAgB,cAAa;CAAgB,WAAW,EAAG,QAAQ,CAAS;CAC1E;AACc,CAAA;AAKlB,EAAK,UAAU,GACf,EAAK,UAAU,GACf,EAAK,SAAS,GACd,EAAK,qBAAqB"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/list/useListVirtualizer.ts","../../src/list/List.tsx"],"sourcesContent":["import { useLayoutEffect, useReducer, useState } from \"react\";\n\nimport { elementScroll, observeElementOffset, observeElementRect, Virtualizer, type VirtualizerOptions } from \"@tanstack/react-virtual\";\nimport { flushSync } from \"react-dom\";\n\ntype ListVirtualizerOptions = Pick<\n\tVirtualizerOptions<HTMLDivElement, HTMLElement>,\n\t\"count\" \| \"estimateSize\" \| \"getScrollElement\" \| \"measureElement\" \| \"overscan\"\n>;\n\n/*\n Приватный React-adapter для списка поверх публичного TanStack Virtual core.\n \n `@tanstack/react-virtual#useVirtualizer` возвращает изменяемый объект с методами,\n * который React Compiler намеренно считает несовместимым с memoization. Этот hook\n * сохраняет тот же lifecycle, но изолирует imperative instance и отдаёт компоненту\n * только актуальный снимок после уведомлений virtualizer-а.\n /\nexport function useListVirtualizer(options: ListVirtualizerOptions) {\n\t\"use no memo\";\n\n\tconst rerender = useReducer((revision: number) => revision + 1, 0)[1];\n\tconst [instance] = useState(\n\t\t() =>\n\t\t\tnew Virtualizer<HTMLDivElement, HTMLElement>({\n\t\t\t\t...options,\n\t\t\t\tobserveElementRect,\n\t\t\t\tobserveElementOffset,\n\t\t\t\tscrollToFn: elementScroll,\n\t\t\t\tonChange: (_instance, sync) => {\n\t\t\t\t\tif (sync) {\n\t\t\t\t\t\tflushSync(rerender);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\trerender();\n\t\t\t\t}\n\t\t\t})\n\t);\n\n\tinstance.setOptions({\n\t\t...options,\n\t\tobserveElementRect,\n\t\tobserveElementOffset,\n\t\tscrollToFn: elementScroll,\n\t\tonChange: (_instance, sync) => {\n\t\t\tif (sync) {\n\t\t\t\tflushSync(rerender);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\trerender();\n\t\t}\n\t});\n\n\t/* Подключает и симметрично освобождает browser observers экземпляра. /\n\tuseLayoutEffect(() => instance._didMount(), [instance]);\n\n\t/* После каждого commit синхронизирует scroll element и актуальные options. /\n\tuseLayoutEffect(() => instance._willUpdate());\n\n\treturn instance;\n}\n","import React, { Children, PropsWithChildren, useRef } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { useFetchNextPageEffect } from \"@ryuzaki13/react-foundation-lib/virtualizer\";\n\nimport { Grid } from \"../grid\";\nimport { LoadingMessage, Scrollable } from \"../misc\";\n\nimport { useListVirtualizer } from \"./useListVirtualizer\";\n\ninterface ListToolbarProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nconst ListToolbar: React.FC<ListToolbarProps> = ({ children, className }) => {\n\tif (Children.count(children) === 0) {\n\t\t// Пустой блок для корректной работы родительского шаблона auto 1fr auto\n\t\treturn <div></div>;\n\t}\n\n\treturn (\n\t\t<Grid.Container gap=\"sm\" className={cn(\"paddingSm borderBottom\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\ninterface ListFooterProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nconst ListFooter: React.FC<ListFooterProps> = ({ children, className }) => {\n\tif (Children.count(children) === 0) {\n\t\t// Пустой блок для корректной работы родительского шаблона auto 1fr auto\n\t\treturn <div></div>;\n\t}\n\n\treturn (\n\t\t<Grid.Container gap=\"sm\" className={cn(\"paddingSm borderTop\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\ninterface ListItemProps<T> {\n\titem: T;\n\trender: (item: T) => React.ReactNode;\n\tseparated?: boolean;\n}\n\nfunction ListItem<T>({ item, render, separated }: ListItemProps<T>) {\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<li className={cn(separated && \"borderBottom\")}>{render(item)}</li>\n\t\t\t{/ {separated && <Separator as=\"li\" />} /}\n\t\t</React.Fragment>\n\t);\n}\n\ninterface ListContentProps<T> {\n\titems: T[];\n\tgetKey: (item: T, index: number) => string;\n\trender: (item: T) => React.ReactNode;\n\tseparated?: boolean;\n\tclassName?: string;\n}\n\nfunction ListContent<T>({ items, getKey, render, separated, className }: ListContentProps<T>) {\n\treturn (\n\t\t<Scrollable className={className}>\n\t\t\t<ul className=\"\">\n\t\t\t\t{items.map((item, index) => (\n\t\t\t\t\t<ListItem<T> key={getKey(item, index)} item={item} render={render} separated={separated} />\n\t\t\t\t))}\n\t\t\t</ul>\n\t\t</Scrollable>\n\t);\n}\n\ninterface ListVirtualizedContentProps<T> {\n\titems: T[];\n\tgetKey: (item: T, index: number) => string;\n\trender: (item: T) => React.ReactNode;\n\tisLoading?: boolean;\n\tseparated?: boolean;\n\tclassName?: string;\n\t/* Параметры для бесконечной подгрузки */\n\thasNextPage: boolean;\n\tfetchNextPage: () => Promise<unknown>;\n}\n\nfunction ListVirtualizedContent<T>({\n\titems,\n\tgetKey,\n\trender,\n\tseparated,\n\tclassName,\n\tisLoading,\n\thasNextPage,\n\tfetchNextPage\n}: ListVirtualizedContentProps<T>) {\n\t\"use no memo\";\n\n\tconst parentRef = useRef<HTMLDivElement \| null>(null);\n\tconst rowVirtualizer = useListVirtualizer({\n\t\tcount: hasNextPage ? items.length + 1 : items.length,\n\t\tgetScrollElement: () => parentRef.current,\n\t\tmeasureElement: (element) => Math.ceil(element.getBoundingClientRect().height),\n\t\testimateSize: () => 120,\n\t\toverscan: 5\n\t});\n\n\tconst virtualItems = rowVirtualizer.getVirtualItems();\n\n\tuseFetchNextPageEffect({ virtualItems, currentItemsCount: items.length, hasNextPage, fetchNextPage });\n\n\treturn (\n\t\t<Scrollable ref={parentRef} className={className}>\n\t\t\t{isLoading ? (\n\t\t\t\t<LoadingMessage />\n\t\t\t) : (\n\t\t\t\t<ul style={{ height: rowVirtualizer.getTotalSize() }} className=\"relative w100\">\n\t\t\t\t\t{virtualItems.map((virtualRow) => {\n\t\t\t\t\t\tconst isLoaderRow = virtualRow.index > items.length - 1;\n\t\t\t\t\t\tconst item = items[virtualRow.index];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<React.Fragment key={isLoaderRow ? \"loader\" : getKey(item, virtualRow.index)}>\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tref={rowVirtualizer.measureElement}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\ttransform: `translateY(${Math.round(virtualRow.start)}px)`\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdata-index={virtualRow.index}\n\t\t\t\t\t\t\t\t\tclassName={cn(separated && \"borderBottom\")}>\n\t\t\t\t\t\t\t\t\t{isLoaderRow ? <LoadingMessage /> : render(item)}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</Scrollable>\n\t);\n}\n\ninterface ListComposition {\n\tToolbar: typeof ListToolbar;\n\tContent: typeof ListContent;\n\tFooter: typeof ListFooter;\n\tVirtualizedContent: typeof ListVirtualizedContent;\n}\n\ninterface ListProps extends PropsWithChildren {\n\tclassName?: string;\n}\n\nexport const List: React.FC<ListProps> & ListComposition = ({ className, children }) => {\n\treturn (\n\t\t<Grid.Container templateRows=\"auto 1fr auto\" className={cn(\"h100\", className)}>\n\t\t\t{children}\n\t\t</Grid.Container>\n\t);\n};\n\n// Компоновка\nList.Toolbar = ListToolbar;\nList.Content = ListContent;\nList.Footer = ListFooter;\nList.VirtualizedContent = ListVirtualizedContent;\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,EAAmB,GAAiC;CACnE;CAEA,IAAM,IAAW,GAAY,MAAqB,IAAW,GAAG,CAAC,CAAC,CAAC,IAC7D,CAAC,KAAY,QAEjB,IAAI,EAAyC;EAC5C,GAAG;EACH;EACA;EACA,YAAY;EACZ,WAAW,GAAW,MAAS;GAC9B,IAAI,GAAM;IACT,EAAU,CAAQ;IAClB;GACD;GAEA,EAAS;EACV;CACD,CAAC,CACH;CAuBA,OArBA,EAAS,WAAW;EACnB,GAAG;EACH;EACA;EACA,YAAY;EACZ,WAAW,GAAW,MAAS;GAC9B,IAAI,GAAM;IACT,EAAU,CAAQ;IAClB;GACD;GAEA,EAAS;EACV;CACD,CAAC,GAGD,QAAsB,EAAS,UAAU,GAAG,CAAC,CAAQ,CAAC,GAGtD,QAAsB,EAAS,YAAY,CAAC,GAErC;AACR;;;AC/CA,IAAM,KAA2C,EAAE,aAAU,mBACxD,EAAS,MAAM,CAAQ,MAAM,IAEzB,kBAAC,OAAD,CAAU,CAAA,IAIjB,kBAAC,EAAK,WAAN;CAAgB,KAAI;CAAK,WAAW,EAAG,0BAA0B,CAAS;CACxE;AACc,CAAA,GASZ,KAAyC,EAAE,aAAU,mBACtD,EAAS,MAAM,CAAQ,MAAM,IAEzB,kBAAC,OAAD,CAAU,CAAA,IAIjB,kBAAC,EAAK,WAAN;CAAgB,KAAI;CAAK,WAAW,EAAG,uBAAuB,CAAS;CACrE;AACc,CAAA;AAUlB,SAAS,EAAY,EAAE,SAAM,WAAQ,gBAA+B;CACnE,OACC,kBAAC,EAAM,UAAP,EAAA,UACC,kBAAC,MAAD;EAAI,WAAW,EAAG,KAAa,cAAc;EAAI,UAAA,EAAO,CAAI;CAAM,CAAA,EAEnD,CAAA;AAElB;AAUA,SAAS,EAAe,EAAE,UAAO,WAAQ,WAAQ,cAAW,gBAAkC;CAC7F,OACC,kBAAC,GAAD;EAAuB;EACtB,UAAA,kBAAC,MAAD;GAAI,WAAU;GACZ,UAAA,EAAM,KAAK,GAAM,MACjB,kBAAC,GAAD;IAA6C;IAAc;IAAmB;GAAY,GAAxE,EAAO,GAAM,CAAK,CAAsD,CAC1F;EACE,CAAA;CACO,CAAA;AAEd;AAcA,SAAS,EAA0B,EAClC,UACA,WACA,WACA,cACA,cACA,cACA,gBACA,oBACkC;CAClC;CAEA,IAAM,IAAY,EAA8B,IAAI,GAC9C,IAAiB,EAAmB;EACzC,OAAO,IAAc,EAAM,SAAS,IAAI,EAAM;EAC9C,wBAAwB,EAAU;EAClC,iBAAiB,MAAY,KAAK,KAAK,EAAQ,sBAAsB,CAAC,CAAC,MAAM;EAC7E,oBAAoB;EACpB,UAAU;CACX,CAAC,GAEK,IAAe,EAAe,gBAAgB;CAIpD,OAFA,EAAuB;EAAE;EAAc,mBAAmB,EAAM;EAAQ;EAAa;CAAc,CAAC,GAGnG,kBAAC,GAAD;EAAY,KAAK;EAAsB;EACrC,UAAA,IACA,kBAAC,GAAD,CAAiB,CAAA,IAEjB,kBAAC,MAAD;GAAI,OAAO,EAAE,QAAQ,EAAe,aAAa,EAAE;GAAG,WAAU;GAC9D,UAAA,EAAa,KAAK,MAAe;IACjC,IAAM,IAAc,EAAW,QAAQ,EAAM,SAAS,GAChD,IAAO,EAAM,EAAW;IAE9B,OACC,kBAAC,EAAM,UAAP,EAAA,UACC,kBAAC,MAAD;KACC,KAAK,EAAe;KACpB,OAAO;MACN,UAAU;MACV,KAAK;MACL,MAAM;MACN,OAAO;MACP,WAAW,cAAc,KAAK,MAAM,EAAW,KAAK,EAAE;KACvD;KACA,cAAY,EAAW;KACvB,WAAW,EAAG,KAAa,cAAc;KACxC,UAAA,IAAc,kBAAC,GAAD,CAAiB,CAAA,IAAI,EAAO,CAAI;IAC5C,CAAA,EACW,GAdK,IAAc,WAAW,EAAO,GAAM,EAAW,KAAK,CAc3D;GAElB,CAAC;EACE,CAAA;CAEM,CAAA;AAEd;AAaA,IAAa,KAA+C,EAAE,cAAW,kBAEvE,kBAAC,EAAK,WAAN;CAAgB,cAAa;CAAgB,WAAW,EAAG,QAAQ,CAAS;CAC1E;AACc,CAAA;AAKlB,EAAK,UAAU,GACf,EAAK,UAAU,GACf,EAAK,SAAS,GACd,EAAK,qBAAqB"}

package/dist/list/useListVirtualizer.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { Virtualizer, type VirtualizerOptions } from "@tanstack/react-virtual";
+type ListVirtualizerOptions = Pick<VirtualizerOptions<HTMLDivElement, HTMLElement>, "count" | "estimateSize" | "getScrollElement" | "measureElement" | "overscan">;
+/**
+ * Приватный React-adapter для списка поверх публичного TanStack Virtual core.
+ *
+ * `@tanstack/react-virtual#useVirtualizer` возвращает изменяемый объект с методами,
+ * который React Compiler намеренно считает несовместимым с memoization. Этот hook
+ * сохраняет тот же lifecycle, но изолирует imperative instance и отдаёт компоненту
+ * только актуальный снимок после уведомлений virtualizer-а.
+ */
+export declare function useListVirtualizer(options: ListVirtualizerOptions): Virtualizer<HTMLDivElement, HTMLElement>;
+export {};
+//# sourceMappingURL=useListVirtualizer.d.ts.map

package/dist/list/useListVirtualizer.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useListVirtualizer.d.ts","sourceRoot":"","sources":["../../src/list/useListVirtualizer.ts"],"names":[],"mappings":"AAEA,OAAO,EAA2D,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAGxI,KAAK,sBAAsB,GAAG,IAAI,CACjC,kBAAkB,CAAC,cAAc,EAAE,WAAW,CAAC,EAC/C,OAAO,GAAG,cAAc,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,CAC7E,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,4CA4CjE"}

package/dist/listbox/Listbox.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ type ListboxOption<T> = {
 };
 interface ListboxBaseProps<T> extends Omit<HTMLAttributes<HTMLUListElement>, "onChange" | "defaultValue" | "value"> {
     options: ListboxOption<T>[];
+    disabled?: boolean;
     focusOnMount?: boolean;
     renderItem?: (option: ListboxOption<T>, selected: boolean, active: boolean) => ReactNode;
     getKey?: (option: ListboxOption<T>, index: number) => string;

package/dist/listbox/Listbox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../src/listbox/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAiB,SAAS,EAAgE,MAAM,OAAO,CAAC;AAapI,KAAK,aAAa,CAAC,CAAC,IAAI;IACvB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAClH,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IACzF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7D;AAGD,UAAU,kBAAkB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACxD;AAGD,UAAU,iBAAiB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1D;AA4BD;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACtE,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}
1	+ {"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../src/listbox/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAiB,SAAS,EAAgE,MAAM,OAAO,CAAC;AAapI,KAAK,aAAa,CAAC,CAAC,IAAI;IACvB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,UAAU,gBAAgB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAClH,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IACzF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7D;AAGD,UAAU,kBAAkB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACxD;AAGD,UAAU,iBAAiB,CAAC,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC1D;AA4BD;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACtE,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC"}

package/dist/listbox/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as e } from "../chunks/ui.module-BisoTevy.js";
+import { t as e } from "../chunks/ui.module-BfaIVBba.js";
 import { useEffect as t, useId as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import { cn as s, findFirstEnabledIndex as c, findLastEnabledIndex as l, findNextEnabledIndex as u, handleKeyboardActivation as d } from "@ryuzaki13/react-foundation-lib/utils";
 import { CheckIcon as f } from "lucide-react";
@@ -20,58 +20,63 @@ function g(e, t, n) {
 	return c(e, h);
 }
 function _(_) {
-	let { value: v, defaultValue: y, multiple: b, focusOnMount: x, renderItem: S, getKey: C, options: w, onChange: T, id: E, ...D } = _, O = v !== void 0, k = n(), A = E ?? `${k}-listbox`, [j, M] = o(y), N = a(null), [P, F] = o(() => g(w, v ?? y, b)), I = i(() => (O ? v : j) ?? (b ? [] : null), [
-		j,
-		O,
+	let { value: v, defaultValue: y, multiple: b, disabled: x, focusOnMount: S, renderItem: C, getKey: w, options: T, onChange: E, id: D, ...O } = _, k = v !== void 0, A = n(), j = D ?? `${A}-listbox`, [M, N] = o(y), P = a(null), [F, I] = o(() => g(T, v ?? y, b)), L = a(!1), R = i(() => (k ? v : M) ?? (b ? [] : null), [
+		M,
+		k,
 		b,
 		v
-	]), L = P, R = (e) => {
-		if (e.disabled) return;
+	]), z = F, B = (e) => {
+		if (x || e.disabled) return;
 		let t;
 		if (_.multiple) {
-			let n = Array.isArray(I) ? I : [];
+			let n = Array.isArray(R) ? R : [];
 			t = n.includes(e.value) ? n.filter((t) => t !== e.value) : [...n, e.value], _.onChange?.(t, e);
 		} else t = e.value, _.onChange?.(t, e);
-		O || M(t);
+		k || N(t);
 	};
 	return t(() => {
-		let e = N.current?.querySelectorAll("[role=\"option\"]")[L];
+		if (!L.current) return;
+		L.current = !1;
+		let e = P.current?.querySelectorAll("[role=\"option\"]")[z];
 		e && e.scrollIntoView({ block: "nearest" });
-	}, [L]), r(() => {
-		x && N.current?.focus();
-	}, [x]), /* @__PURE__ */ p("ul", {
-		ref: N,
-		id: A,
+	}, [z]), r(() => {
+		S && P.current?.focus();
+	}, [S]), /* @__PURE__ */ p("ul", {
+		ref: P,
+		id: j,
 		role: "listbox",
 		"aria-multiselectable": b || void 0,
-		"aria-activedescendant": L >= 0 ? `${A}-option-${L}` : void 0,
-		tabIndex: 0,
+		"aria-activedescendant": z >= 0 ? `${j}-option-${z}` : void 0,
 		onKeyDown: (e) => {
-			if (e.key === "ArrowDown") e.preventDefault(), F((e) => u(w, e, 1, h));
-			else if (e.key === "ArrowUp") e.preventDefault(), F((e) => u(w, e, -1, h));
-			else if (e.key === "Home") e.preventDefault(), F(c(w, h));
-			else if (e.key === "End") e.preventDefault(), F(l(w, h));
-			else if (d(e, () => {
-				let e = w[L];
-				e && R(e);
-			})) return;
+			if (!x) {
+				if (e.key === "ArrowDown") e.preventDefault(), L.current = !0, I((e) => u(T, e, 1, h));
+				else if (e.key === "ArrowUp") e.preventDefault(), L.current = !0, I((e) => u(T, e, -1, h));
+				else if (e.key === "Home") e.preventDefault(), L.current = !0, I(c(T, h));
+				else if (e.key === "End") e.preventDefault(), L.current = !0, I(l(T, h));
+				else if (d(e, () => {
+					let e = T[z];
+					e && B(e);
+				})) return;
+			}
 		},
-		...D,
-		className: s(e.uiPanel, "scrollable"),
-		children: w.map((t, n) => {
-			let r = b ? Array.isArray(I) && I.includes(t.value) : I === t.value, i = n === L;
+		...O,
+		"aria-disabled": x || void 0,
+		tabIndex: x ? -1 : 0,
+		className: s(e.uiPanel, "scrollable surface1", x && e.disabled),
+		children: T.map((t, n) => {
+			let r = b ? Array.isArray(R) && R.includes(t.value) : R === t.value, i = n === z;
 			return /* @__PURE__ */ m("li", {
-				id: `${A}-option-${n}`,
+				id: `${j}-option-${n}`,
 				role: "option",
 				"aria-selected": r,
-				"aria-disabled": t.disabled || void 0,
+				"aria-disabled": x || t.disabled || void 0,
 				onMouseDown: (e) => {
-					e.preventDefault(), !t.disabled && (F(n), R(t));
+					e.preventDefault(), !(x || t.disabled) && (I(n), B(t));
 				},
 				tabIndex: -1,
-				className: s(e.uiPopupOption, t.disabled && e.disabled, i && e.uiPopupOptionActive, r && e.selected),
-				children: [p(r ? f : "span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ p("div", { children: S ? S(t, r, i) : t.label ?? String(t.value) })]
-			}, C ? C(t, n) : n);
+				className: s(e.uiPopupOption, (x || t.disabled) && e.disabled, i && e.uiPopupOptionActive, r && e.selected),
+				children: [p(r ? f : "span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ p("div", { children: C ? C(t, r, i) : t.label ?? String(t.value) })]
+			}, w ? w(t, n) : n);
 		})
 	});
 }

package/dist/listbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import { HTMLAttributes, JSX, KeyboardEvent, ReactNode, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n\tcn,\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\ninterface ListboxBaseProps<T> extends Omit<HTMLAttributes<HTMLUListElement>, \"onChange\" \| \"defaultValue\" \| \"value\"> {\n\toptions: ListboxOption<T>[];\n\tfocusOnMount?: boolean;\n\trenderItem?: (option: ListboxOption<T>, selected: boolean, active: boolean) => ReactNode;\n\tgetKey?: (option: ListboxOption<T>, index: number) => string;\n}\n\n// Вариант для single-select\ninterface ListboxSingleProps<T> extends ListboxBaseProps<T> {\n\tmultiple?: false;\n\tvalue?: T;\n\tdefaultValue?: T;\n\tonChange?: (value: T, option: ListboxOption<T>) => void;\n}\n\n// Вариант для multi-select\ninterface ListboxMultiProps<T> extends ListboxBaseProps<T> {\n\tmultiple: true;\n\tvalue?: T[];\n\tdefaultValue?: T[];\n\tonChange?: (value: T[], option: ListboxOption<T>) => void;\n}\n\ntype ListboxProps<T> = ListboxSingleProps<T> \| ListboxMultiProps<T>;\n\nconst isOptionDisabled = <T,>(option: ListboxOption<T>) => option.disabled === true;\n\nfunction getInitialFocusIndex<T>(options: ListboxOption<T>[], value: T \| T[] \| undefined, multiple: boolean \| undefined) {\n\tif (multiple) {\n\t\tif (Array.isArray(value) && value.length > 0) {\n\t\t\tconst selectedIndex = options.findIndex((option) => value.includes(option.value) && !option.disabled);\n\t\t\tif (selectedIndex >= 0) {\n\t\t\t\treturn selectedIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn findFirstEnabledIndex(options, isOptionDisabled);\n\t}\n\n\tif (value !== undefined) {\n\t\tconst selectedIndex = options.findIndex((option) => option.value === value && !option.disabled);\n\t\tif (selectedIndex >= 0) {\n\t\t\treturn selectedIndex;\n\t\t}\n\t}\n\n\treturn findFirstEnabledIndex(options, isOptionDisabled);\n}\n\n/*\n Компонент выбора одного или нескольких элементов из списка. Поддерживает controlled API, поиск по данным и рендер кастомных опций.\n /\nexport function Listbox<T>(props: ListboxSingleProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxMultiProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxProps<T>): JSX.Element {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { value, defaultValue, multiple, focusOnMount, renderItem, getKey, options, onChange, id: externalId, ...rest } = props;\n\n\tconst isControlled = value !== undefined;\n\tconst autoId = useId();\n\tconst listId = externalId ?? `${autoId}-listbox`;\n\tconst [internalValue, setInternalValue] = useState<T \| T[] \| undefined>(defaultValue);\n\tconst listRef = useRef<HTMLUListElement>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState(() => getInitialFocusIndex(options, value ?? defaultValue, multiple));\n\t// const [hoveredIndex, setHoveredIndex] = useState<number \| null>(null);\n\n\tconst selectedValues = useMemo(\n\t\t() => (isControlled ? value : internalValue) ?? (multiple ? [] : null),\n\t\t[internalValue, isControlled, multiple, value]\n\t);\n\tconst activeIndex = /hoveredIndex ??/ focusedIndex;\n\n\tconst handleSelect = (option: ListboxOption<T>) => {\n\t\tif (option.disabled) return;\n\n\t\tlet newValue: T \| T[];\n\t\tif (props.multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tnewValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t} else {\n\t\t\tnewValue = option.value;\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t}\n\n\t\tif (!isControlled) setInternalValue(newValue);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n\t\tif (e.key === \"ArrowDown\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, 1, isOptionDisabled));\n\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, -1, isOptionDisabled));\n\t\t} else if (e.key === \"Home\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findFirstEnabledIndex(options, isOptionDisabled));\n\t\t} else if (e.key === \"End\") {\n\t\t\te.preventDefault();\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findLastEnabledIndex(options, isOptionDisabled));\n\t\t} else if (\n\t\t\thandleKeyboardActivation(e, () => {\n\t\t\t\tconst activeOption = options[activeIndex];\n\t\t\t\tif (activeOption) {\n\t\t\t\t\thandleSelect(activeOption);\n\t\t\t\t}\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst el = listRef.current?.querySelectorAll<HTMLElement>('[role=\"option\"]')[activeIndex];\n\t\tif (el) el.scrollIntoView({ block: \"nearest\" });\n\t}, [activeIndex]);\n\n\tuseLayoutEffect(() => {\n\t\tif (focusOnMount) {\n\t\t\tlistRef.current?.focus();\n\t\t}\n\t}, [focusOnMount]);\n\n\treturn (\n\t\t<ul\n\t\t\tref={listRef}\n\t\t\tid={listId}\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable={multiple \|\| undefined}\n\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\ttabIndex={0}\n\t\t\t// onMouseLeave={() => setHoveredIndex(null)}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\t{...rest}\n\t\t\tclassName={cn(uiStyles.uiPanel, \"scrollable\")}>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst selected = multiple\n\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\tconst active = index === activeIndex;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\taria-disabled={option.disabled \|\| undefined}\n\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (option.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetFocusedIndex(index);\n\t\t\t\t\t\t\t// setHoveredIndex(index);\n\t\t\t\t\t\t\thandleSelect(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\t// onMouseEnter={() => setHoveredIndex(index)}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\t\t\t\toption.disabled && uiStyles.disabled,\n\t\t\t\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\t\t\t\tselected && uiStyles.selected\n\t\t\t\t\t\t)}>\n\t\t\t\t\t\t{selected ? (\n\t\t\t\t\t\t\t<CheckIcon className={uiStyles.uiPopupOptionIcon} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className={uiStyles.uiPopupOptionIcon}></span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div /className={uiStyles.uiOptionText}*/>\n\t\t\t\t\t\t\t{renderItem ? renderItem(option, selected, active) : (option.label ?? String(option.value))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import { HTMLAttributes, JSX, KeyboardEvent, ReactNode, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n\tcn,\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\ninterface ListboxBaseProps<T> extends Omit<HTMLAttributes<HTMLUListElement>, \"onChange\" \| \"defaultValue\" \| \"value\"> {\n\toptions: ListboxOption<T>[];\n\tdisabled?: boolean;\n\tfocusOnMount?: boolean;\n\trenderItem?: (option: ListboxOption<T>, selected: boolean, active: boolean) => ReactNode;\n\tgetKey?: (option: ListboxOption<T>, index: number) => string;\n}\n\n// Вариант для single-select\ninterface ListboxSingleProps<T> extends ListboxBaseProps<T> {\n\tmultiple?: false;\n\tvalue?: T;\n\tdefaultValue?: T;\n\tonChange?: (value: T, option: ListboxOption<T>) => void;\n}\n\n// Вариант для multi-select\ninterface ListboxMultiProps<T> extends ListboxBaseProps<T> {\n\tmultiple: true;\n\tvalue?: T[];\n\tdefaultValue?: T[];\n\tonChange?: (value: T[], option: ListboxOption<T>) => void;\n}\n\ntype ListboxProps<T> = ListboxSingleProps<T> \| ListboxMultiProps<T>;\n\nconst isOptionDisabled = <T,>(option: ListboxOption<T>) => option.disabled === true;\n\nfunction getInitialFocusIndex<T>(options: ListboxOption<T>[], value: T \| T[] \| undefined, multiple: boolean \| undefined) {\n\tif (multiple) {\n\t\tif (Array.isArray(value) && value.length > 0) {\n\t\t\tconst selectedIndex = options.findIndex((option) => value.includes(option.value) && !option.disabled);\n\t\t\tif (selectedIndex >= 0) {\n\t\t\t\treturn selectedIndex;\n\t\t\t}\n\t\t}\n\n\t\treturn findFirstEnabledIndex(options, isOptionDisabled);\n\t}\n\n\tif (value !== undefined) {\n\t\tconst selectedIndex = options.findIndex((option) => option.value === value && !option.disabled);\n\t\tif (selectedIndex >= 0) {\n\t\t\treturn selectedIndex;\n\t\t}\n\t}\n\n\treturn findFirstEnabledIndex(options, isOptionDisabled);\n}\n\n/*\n Компонент выбора одного или нескольких элементов из списка. Поддерживает controlled API, поиск по данным и рендер кастомных опций.\n /\nexport function Listbox<T>(props: ListboxSingleProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxMultiProps<T>): JSX.Element;\nexport function Listbox<T>(props: ListboxProps<T>): JSX.Element {\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { value, defaultValue, multiple, disabled, focusOnMount, renderItem, getKey, options, onChange, id: externalId, ...rest } = props;\n\n\tconst isControlled = value !== undefined;\n\tconst autoId = useId();\n\tconst listId = externalId ?? `${autoId}-listbox`;\n\tconst [internalValue, setInternalValue] = useState<T \| T[] \| undefined>(defaultValue);\n\tconst listRef = useRef<HTMLUListElement>(null);\n\tconst [focusedIndex, setFocusedIndex] = useState(() => getInitialFocusIndex(options, value ?? defaultValue, multiple));\n\t/\n\t Прокрутка нужна только после клавиатурной навигации. Это не даёт монтированию и Fast Refresh\n\t * вызывать scrollIntoView, который иначе прокручивает внешнюю страницу до Listbox.\n\t /\n\tconst shouldScrollActiveOptionRef = useRef(false);\n\n\tconst selectedValues = useMemo(\n\t\t() => (isControlled ? value : internalValue) ?? (multiple ? [] : null),\n\t\t[internalValue, isControlled, multiple, value]\n\t);\n\tconst activeIndex = focusedIndex;\n\n\tconst handleSelect = (option: ListboxOption<T>) => {\n\t\tif (disabled \|\| option.disabled) return;\n\n\t\tlet newValue: T \| T[];\n\t\tif (props.multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tnewValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t} else {\n\t\t\tnewValue = option.value;\n\n\t\t\tprops.onChange?.(newValue, option);\n\t\t}\n\n\t\tif (!isControlled) setInternalValue(newValue);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLUListElement>) => {\n\t\tif (disabled) return;\n\n\t\tif (e.key === \"ArrowDown\") {\n\t\t\te.preventDefault();\n\t\t\tshouldScrollActiveOptionRef.current = true;\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, 1, isOptionDisabled));\n\t\t} else if (e.key === \"ArrowUp\") {\n\t\t\te.preventDefault();\n\t\t\tshouldScrollActiveOptionRef.current = true;\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex((index) => findNextEnabledIndex(options, index, -1, isOptionDisabled));\n\t\t} else if (e.key === \"Home\") {\n\t\t\te.preventDefault();\n\t\t\tshouldScrollActiveOptionRef.current = true;\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findFirstEnabledIndex(options, isOptionDisabled));\n\t\t} else if (e.key === \"End\") {\n\t\t\te.preventDefault();\n\t\t\tshouldScrollActiveOptionRef.current = true;\n\t\t\t// setHoveredIndex(null);\n\t\t\tsetFocusedIndex(findLastEnabledIndex(options, isOptionDisabled));\n\t\t} else if (\n\t\t\thandleKeyboardActivation(e, () => {\n\t\t\t\tconst activeOption = options[activeIndex];\n\t\t\t\tif (activeOption) {\n\t\t\t\t\thandleSelect(activeOption);\n\t\t\t\t}\n\t\t\t})\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!shouldScrollActiveOptionRef.current) return;\n\n\t\tshouldScrollActiveOptionRef.current = false;\n\t\tconst el = listRef.current?.querySelectorAll<HTMLElement>('[role=\"option\"]')[activeIndex];\n\t\tif (el) el.scrollIntoView({ block: \"nearest\" });\n\t}, [activeIndex]);\n\n\tuseLayoutEffect(() => {\n\t\tif (focusOnMount) {\n\t\t\tlistRef.current?.focus();\n\t\t}\n\t}, [focusOnMount]);\n\n\treturn (\n\t\t<ul\n\t\t\tref={listRef}\n\t\t\tid={listId}\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable={multiple \|\| undefined}\n\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\t{...rest}\n\t\t\taria-disabled={disabled \|\| undefined}\n\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\tclassName={cn(uiStyles.uiPanel, \"scrollable surface1\", disabled && uiStyles.disabled)}>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst selected = multiple\n\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\tconst active = index === activeIndex;\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\taria-disabled={disabled \|\| option.disabled \|\| undefined}\n\t\t\t\t\t\tonMouseDown={(e) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (disabled \|\| option.disabled) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetFocusedIndex(index);\n\t\t\t\t\t\t\thandleSelect(option);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\tuiStyles.uiPopupOption,\n\t\t\t\t\t\t\t(disabled \|\| option.disabled) && uiStyles.disabled,\n\t\t\t\t\t\t\tactive && uiStyles.uiPopupOptionActive,\n\t\t\t\t\t\t\tselected && uiStyles.selected\n\t\t\t\t\t\t)}>\n\t\t\t\t\t\t{selected ? (\n\t\t\t\t\t\t\t<CheckIcon className={uiStyles.uiPopupOptionIcon} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className={uiStyles.uiPopupOptionIcon}></span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div /className={uiStyles.uiOptionText}*/>\n\t\t\t\t\t\t\t{renderItem ? renderItem(option, selected, active) : (option.label ?? String(option.value))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n}\n"],"mappings":"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"}

package/dist/misc/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-BYxxlJz6.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-Cp_r022Z.js";
 export { n as AnimatedLogo, y as AnimatedLogoSegment, v as CopyTextWrapper, d as ErrorIcon, e as IconWrapper, m as InformationIcon, u as LazyDynamicComponent, a as LazyValue, s as LoadingMessage, o as Message, i as NoData, _ as Notice, l as OneStepScroller, c as RenderStateIcon, r as Scrollable, p as SkeletonLine, t as StateIcon, g as StateWrapper, f as SuccessIcon, h as WarningIcon };

package/dist/modal/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-paexEF0j.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-DPIXoMkB.js";
 export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };

package/dist/multi-select/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/multi-select-COEkc8Qc.js";
-export { e as MultiSelect, r as MultiSelectToken, n as ODataDependentMultiSelect, i as ODataDependentSegmentMultiSelect, t as ODataMultiSelect, a as SerializableMultiSelect };
+import { a as e, i as t, n, r, s as i, t as a } from "../chunks/multi-select-Dypew65l.js";
+export { e as MultiSelect, i as MultiSelectToken, n as ODataDependentMultiSelect, r as ODataDependentSegmentMultiSelect, t as ODataMultiSelect, a as SerializableMultiSelect };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAmB1G,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAY/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAgB5E,MAAM,WAAW,oBAAoB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACxC,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,sBAAsB,EAAE,cAAc,EAAE,CAAC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,+BAA+B;IAC/C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,sBAAsB,EAAE,cAAc,EAAE,CAAC;IACzC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,EAAE,OAAO,CAAC;CACd;AAED,KAAK,2BAA2B,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AAErG,UAAU,oBAAoB;IAC7B,WAAW,CAAC,EAAE,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;IACpE,aAAa,CAAC,EAAE,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;IACtE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF;AAED,MAAM,WAAW,gBAAgB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,cAAc,CACxF,SAAQ,oBAAoB,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,+BAA+B,KAAK,OAAO,CAAC;IACzF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAkHD;;;GAGG;AACH,eAAO,MAAM,WAAW,~~2GA8XvB~~,CAAC"}
1	+ {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqF,MAAM,OAAO,CAAC;AAmB1G,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAY/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAgB5E,MAAM,WAAW,oBAAoB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,wBAAwB;IACxC,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,sBAAsB,EAAE,cAAc,EAAE,CAAC;IACzC,cAAc,EAAE,cAAc,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,+BAA+B;IAC/C,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,sBAAsB,EAAE,cAAc,EAAE,CAAC;IACzC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,EAAE,OAAO,CAAC;CACd;AAED,KAAK,2BAA2B,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AAErG,UAAU,oBAAoB;IAC7B,WAAW,CAAC,EAAE,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;IACpE,aAAa,CAAC,EAAE,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;IACtE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF;AAED,MAAM,WAAW,gBAAgB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,cAAc,CACxF,SAAQ,oBAAoB,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,+BAA+B,KAAK,OAAO,CAAC;IACzF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAkHD;;;GAGG;AACH,eAAO,MAAM,WAAW,2GAyYvB,CAAC"}

package/dist/multi-select/ui/defaultRenderers.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 import { CollectionItem } from "@ryuzaki13/react-foundation-lib/odata";
-import type { MultiSelectItemState, MultiSelectRenderContext } from "./MultiSelect";
+import { type MultiSelectItemState, type MultiSelectRenderContext } from "./MultiSelect";
 interface MultiSelectRendererConfig {
     codeKey: string;
     textKey?: string;
     hideCode?: boolean;
 }
+export declare function formatOptionCount(count: number): string;
 export declare function resolveMultiSelectTextKey(items: CollectionItem[], codeKey: string, textKey?: string): string;
 export declare function getDefaultMultiSelectTokenValue(items: CollectionItem[], codeKey: string, textKey?: string): string | undefined;
 export declare function createDefaultMultiSelectTokenRenderer(config: MultiSelectRendererConfig): (context: MultiSelectRenderContext) => import("react").JSX.Element;

package/dist/multi-select/ui/defaultRenderers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultRenderers.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/defaultRenderers.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;~~AAOvE~~,OAAO,KAAK,~~EAAE,~~oBAAoB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;~~AAEpF~~,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAYnG;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,sBAWzG;AAED,wBAAgB,qCAAqC,CAAC,MAAM,EAAE,yBAAyB,IACnD,SAAS,wBAAwB,iCAGpE;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,wBAAwB,+BAEhF;AAED,wBAAgB,oCAAoC,CAAC,MAAM,EAAE,yBAAyB,IACnD,MAAM,cAAc,EAAE,OAAO,oBAAoB,iCAWnF"}
1	+ {"version":3,"file":"defaultRenderers.d.ts","sourceRoot":"","sources":["../../../src/multi-select/ui/defaultRenderers.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAIvE,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAIzF,UAAU,yBAAyB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAQD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAE9C;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,UAYnG;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,sBAWzG;AAED,wBAAgB,qCAAqC,CAAC,MAAM,EAAE,yBAAyB,IACnD,SAAS,wBAAwB,iCAGpE;AAED,wBAAgB,+BAA+B,CAAC,OAAO,EAAE,wBAAwB,+BAEhF;AAED,wBAAgB,oCAAoC,CAAC,MAAM,EAAE,yBAAyB,IACnD,MAAM,cAAc,EAAE,OAAO,oBAAoB,iCAWnF"}

package/dist/notifications/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { o as e } from "../chunks/flex-C7njxZ74.js";
-import { n as t } from "../chunks/button-BU2kRzwu.js";
+import { n as t } from "../chunks/button-BOl7hYmT.js";
 import { createContext as n, useContext as r, useEffect as i, useMemo as a } from "react";
 import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
 import { AlertCircleIcon as s, CheckCircle2Icon as c, InfoIcon as l, TriangleAlertIcon as u, XIcon as d } from "lucide-react";

package/dist/picker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../chunks/picker-e6IsrMUG.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../chunks/picker-TYLwgl1c.js";
 export { c as PickerField, r as PickerPopup, n as PickerSelectionToolbar, f as PickerStatus, a as PickerTriggerActions, t as PickerTriggerInput, u as createPickerTriggerPolicy, s as extractPickerTextContent, e as usePickerDefaultFilter, i as usePickerFloatingListbox, l as usePickerQuery, o as usePickerSelectionLifecycle, d as usePickerTriggerController };

package/dist/picker/model/usePickerQuery.d.ts CHANGED Viewed

@@ -1,16 +1,20 @@
 import { PickerTriggerMode } from "./createPickerTriggerPolicy";
 interface UsePickerQueryOptions {
-    open: boolean;
     query?: string;
     defaultQuery?: string;
     onQuery?: (value: string) => void;
     resetOnClose?: boolean;
     triggerMode?: PickerTriggerMode;
 }
-export declare function usePickerQuery({ open, query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions): {
+/**
+ * Управляет controlled/uncontrolled query и возвращает policy закрытия владельцу open-state.
+ * Сброс выполняется самим владельцем в событии close, поэтому hook не зеркалит lifecycle через effect.
+ */
+export declare function usePickerQuery({ query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions): {
     query: string;
     setQuery: (nextValue: string) => void;
     clearQuery: () => void;
+    resetQueryOnClose: boolean;
 };
 export {};
 //# sourceMappingURL=usePickerQuery.d.ts.map

package/dist/picker/model/usePickerQuery.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePickerQuery.d.ts","sourceRoot":"","sources":["../../../src/picker/model/usePickerQuery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,6BAA6B,CAAC;AAE3F,UAAU,qBAAqB;IAC9B,~~IAAI,EAAE,OAAO,CAAC;IACd,~~KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAAE,~~IAAI,EAAE,~~KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,qBAAqB;;~~0BAoBzF~~,MAAM~~;;EAanC~~"}
1	+ {"version":3,"file":"usePickerQuery.d.ts","sourceRoot":"","sources":["../../../src/picker/model/usePickerQuery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,6BAA6B,CAAC;AAE3F,UAAU,qBAAqB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,qBAAqB;;0BAMnF,MAAM;;;EAcnC"}

package/dist/picker/model/usePickerSelectionLifecycle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePickerSelectionLifecycle.d.ts","sourceRoot":"","sources":["../../../src/picker/model/usePickerSelectionLifecycle.ts"],"names":[],"mappings":"AAEA,UAAU,kCAAkC,CAAC,MAAM;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAClD;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,EACnD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,kCAAkC,CAAC,MAAM,CAAC;;;;~~EAiC5C~~"}
1	+ {"version":3,"file":"usePickerSelectionLifecycle.d.ts","sourceRoot":"","sources":["../../../src/picker/model/usePickerSelectionLifecycle.ts"],"names":[],"mappings":"AAEA,UAAU,kCAAkC,CAAC,MAAM;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CAClD;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,EACnD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,EAAE,kCAAkC,CAAC,MAAM,CAAC;;;;EA0B5C"}

package/dist/popover/FloatingPopover.d.ts CHANGED Viewed

@@ -10,6 +10,11 @@ interface FloatingPopoverProps {
     maxWidth?: number;
     state?: "information" | "error" | "warning" | "success" | "negative";
     tooltip?: true;
+    /**
+     * Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.
+     * После commit React выполняется повторный расчёт позиции открытой floating-панели.
+     */
+    positionUpdateKey?: unknown;
 }
 export declare const FloatingPopover: React.FC<FloatingPopoverProps>;
 export {};

package/dist/popover/FloatingPopover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAA2B~~,MAAM,OAAO,CAAC;~~AAEhD~~,OAAO,EAKN,SAAS,EAOT,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,oBAAoB;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;~~CACf~~;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,~~CAoE1D~~,CAAC"}
1	+ {"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKN,SAAS,EAOT,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,oBAAoB;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4E1D,CAAC"}

package/dist/popover/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-CGU3MlsH.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-BTT7zSqx.js";
 export { n as FloatingPopover, a as FloatingTooltip, i as Popover, e as PopoverContent, t as PopoverTrigger, r as usePopoverContext };

package/dist/preset-range-date-input/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { o as e } from "../chunks/flex-C7njxZ74.js";
-import { t } from "../chunks/date-input-BzExUQnc.js";
+import { t } from "../chunks/date-input-Bsl9dxxY.js";
 import { c as n, l as r, r as i, s as a, t as o, u as s } from "../chunks/date-range-preset-select-BLnY47cv.js";
 import { useCallback as c, useMemo as l, useRef as u, useState as d } from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -33,7 +33,7 @@ function g({ value: m, onChange: g, presetId: _, onPresetIdChange: v, referenceD
 		gap: "sm",
 		align: "end",
 		children: [/* @__PURE__ */ f(o, {
-			size: "md",
+			size: E.size,
 			label: S,
 			description: C,
 			placeholder: w,
@@ -44,7 +44,6 @@ function g({ value: m, onChange: g, presetId: _, onPresetIdChange: v, referenceD
 			referenceDate: O
 		}), /* @__PURE__ */ f(t, {
 			...E,
-			size: "md",
 			value: A,
 			onChange: I
 		})]

package/dist/preset-range-date-input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/preset-range-date-input/lib/constants.ts","../../src/preset-range-date-input/ui/PresetRangeDateInput.tsx"],"sourcesContent":["/*\n Идентификатор составного контрола диапазона дат с пресетами.\n /\nexport const PRESET_RANGE_DATE_INPUT_COMPONENT_ID = \"preset-range-date-input\";\n","import { useCallback, useMemo, useRef, useState, type ReactNode } from \"react\";\n\nimport { NullableDateRange } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\nimport { RangeDateInput, type DateRangeInputProps } from \"../../date-input\";\nimport {\n\tDateRangePresetOption,\n\tDateRangePresetSelect,\n\tDEFAULT_DATE_RANGE_PRESET_IDS,\n\tnormalizeDateRangePresetIds,\n\tresolveDateRangePresetIdByRange,\n\tresolveDateRangePresetOptionsByIds,\n\tresolveDateRangePresetPayload\n} from \"../../date-range-preset-select\";\nimport { FlexContainer } from \"../../flex\";\n\nexport interface PresetRangeDateInputProps extends Omit<DateRangeInputProps, \"selectsRange\"> {\n\tpresetId?: DateRangePresetOption[\"id\"] \| null;\n\tonPresetIdChange?: (presetId: DateRangePresetOption[\"id\"] \| null) => void;\n\treferenceDate?: Date;\n\tpresetIds?: readonly DateRangePresetOption[\"id\"][];\n\tpresetOptions?: readonly DateRangePresetOption[];\n\tpresetLabel?: ReactNode;\n\tpresetDescription?: string;\n\tpresetPlaceholder?: string;\n\tpresetDisabled?: boolean;\n}\n\n/\n Строит сигнатуру пресета для защиты от повторной синхронизации.\n /\nfunction getPresetSignature(presetId: DateRangePresetOption[\"id\"] \| null): string {\n\treturn presetId ?? \"__empty__\";\n}\n\n/\n Составной компонент выбора диапазона дат через пресет или ручной ввод.\n /\nexport function PresetRangeDateInput({\n\tvalue,\n\tonChange,\n\tpresetId,\n\tonPresetIdChange,\n\treferenceDate,\n\tpresetIds,\n\tpresetOptions,\n\tpresetLabel,\n\tpresetDescription,\n\tpresetPlaceholder = \"Выберите пресет диапазона\",\n\tpresetDisabled,\n\t...rangeDateInputProps\n}: PresetRangeDateInputProps) {\n\tconst [defaultReferenceDate] = useState(() => new Date());\n\tconst resolvedReferenceDate = referenceDate ?? defaultReferenceDate;\n\tconst resolvedPresetOptions = useMemo(\n\t\t() => presetOptions ?? resolveDateRangePresetOptionsByIds(normalizeDateRangePresetIds(presetIds, DEFAULT_DATE_RANGE_PRESET_IDS)),\n\t\t[presetIds, presetOptions]\n\t);\n\tconst controlledValue = value ?? null;\n\tconst matchedPresetId = useMemo(\n\t\t() => resolveDateRangePresetIdByRange(controlledValue, resolvedReferenceDate, resolvedPresetOptions),\n\t\t[controlledValue, resolvedPresetOptions, resolvedReferenceDate]\n\t);\n\tconst selectedPresetId = presetId ?? matchedPresetId ?? undefined;\n\tconst lastPresetSignatureRef = useRef<string>(\"\");\n\n\t/\n\t Сообщает наружу только реальное изменение `presetId`.\n\t /\n\tconst emitPresetIdChange = useCallback(\n\t\t(nextPresetId: DateRangePresetOption[\"id\"] \| null) => {\n\t\t\tif (!onPresetIdChange) return;\n\n\t\t\tconst nextSignature = getPresetSignature(nextPresetId);\n\t\t\tif (nextSignature === lastPresetSignatureRef.current) return;\n\n\t\t\tlastPresetSignatureRef.current = nextSignature;\n\t\t\tonPresetIdChange(nextPresetId);\n\t\t},\n\t\t[onPresetIdChange]\n\t);\n\n\t/\n\t Обрабатывает выбор пресета и переводит его в диапазон дат.\n\t /\n\tconst handlePresetChange = (nextPresetId: DateRangePresetOption[\"id\"] \| undefined) => {\n\t\tconst nextPayload = resolveDateRangePresetPayload(nextPresetId, resolvedReferenceDate, resolvedPresetOptions);\n\t\tif (!nextPayload) {\n\t\t\temitPresetIdChange(null);\n\t\t\treturn;\n\t\t}\n\n\t\temitPresetIdChange(nextPayload.id);\n\t\tonChange(nextPayload.range);\n\t};\n\n\t/\n\t Обрабатывает ручное изменение диапазона и подбирает подходящий пресет.\n\t */\n\tconst handleRangeChange = (nextRange: NullableDateRange \| null) => {\n\t\tonChange(nextRange);\n\t\temitPresetIdChange(resolveDateRangePresetIdByRange(nextRange, resolvedReferenceDate, resolvedPresetOptions));\n\t};\n\n\treturn (\n\t\t<FlexContainer gap=\"sm\" align=\"end\">\n\t\t\t<DateRangePresetSelect\n\t\t\t\tsize~~=\"md~~\"\n\t\t\t\tlabel={presetLabel}\n\t\t\t\tdescription={presetDescription}\n\t\t\t\tplaceholder={presetPlaceholder}\n\t\t\t\tdisabled={presetDisabled ?? rangeDateInputProps.disabled}\n\t\t\t\tvalue={selectedPresetId}\n\t\t\t\tonChange={handlePresetChange}\n\t\t\t\toptions={resolvedPresetOptions}\n\t\t\t\treferenceDate={resolvedReferenceDate}\n\t\t\t/>\n\n\t\t\t<RangeDateInput {...rangeDateInputProps} ~~size=\"md\"~~ value={controlledValue} onChange={handleRangeChange} />\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAa,IAAuC;;;AC4BpD,SAAS,EAAmB,GAAsD;CACjF,OAAO,KAAY;AACpB;AAKA,SAAgB,EAAqB,EACpC,UACA,aACA,aACA,qBACA,kBACA,cACA,kBACA,gBACA,sBACA,uBAAoB,6BACpB,mBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,KAAwB,wBAAe,IAAI,KAAK,CAAC,GAClD,IAAwB,KAAiB,GACzC,IAAwB,QACvB,KAAiB,EAAmC,EAA4B,GAAW,CAA6B,CAAC,GAC/H,CAAC,GAAW,CAAa,CAC1B,GACM,IAAkB,KAAS,MAC3B,IAAkB,QACjB,EAAgC,GAAiB,GAAuB,CAAqB,GACnG;EAAC;EAAiB;EAAuB;CAAqB,CAC/D,GACM,IAAmB,KAAY,KAAmB,KAAA,GAClD,IAAyB,EAAe,EAAE,GAK1C,IAAqB,GACzB,MAAqD;EACrD,IAAI,CAAC,GAAkB;EAEvB,IAAM,IAAgB,EAAmB,CAAY;EACjD,MAAkB,EAAuB,YAE7C,EAAuB,UAAU,GACjC,EAAiB,CAAY;CAC9B,GACA,CAAC,CAAgB,CAClB,GAKM,KAAsB,MAA0D;EACrF,IAAM,IAAc,EAA8B,GAAc,GAAuB,CAAqB;EAC5G,IAAI,CAAC,GAAa;GACjB,EAAmB,IAAI;GACvB;EACD;EAGA,AADA,EAAmB,EAAY,EAAE,GACjC,EAAS,EAAY,KAAK;CAC3B,GAKM,KAAqB,MAAwC;EAElE,AADA,EAAS,CAAS,GAClB,EAAmB,EAAgC,GAAW,GAAuB,CAAqB,CAAC;CAC5G;CAEA,OACC,kBAAC,GAAD;EAAe,KAAI;EAAK,OAAM;EAA9B,UAAA,CACC,kBAAC,GAAD;GACC,~~MAAK~~;~~GACL~~,OAAO;GACP,aAAa;GACb,aAAa;GACb,UAAU,KAAkB,EAAoB;GAChD,OAAO;GACP,UAAU;GACV,SAAS;GACT,eAAe;EACf,CAAA,GAED,kBAAC,GAAD;GAAgB,GAAI;GAAqB,~~MAAK;GAAK,~~OAAO;GAAiB,UAAU;EAAoB,CAAA,~~CAC3F~~;;AAEjB"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/preset-range-date-input/lib/constants.ts","../../src/preset-range-date-input/ui/PresetRangeDateInput.tsx"],"sourcesContent":["/*\n Идентификатор составного контрола диапазона дат с пресетами.\n /\nexport const PRESET_RANGE_DATE_INPUT_COMPONENT_ID = \"preset-range-date-input\";\n","import { useCallback, useMemo, useRef, useState, type ReactNode } from \"react\";\n\nimport { NullableDateRange } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\nimport { RangeDateInput, type DateRangeInputProps } from \"../../date-input\";\nimport {\n\tDateRangePresetOption,\n\tDateRangePresetSelect,\n\tDEFAULT_DATE_RANGE_PRESET_IDS,\n\tnormalizeDateRangePresetIds,\n\tresolveDateRangePresetIdByRange,\n\tresolveDateRangePresetOptionsByIds,\n\tresolveDateRangePresetPayload\n} from \"../../date-range-preset-select\";\nimport { FlexContainer } from \"../../flex\";\n\nexport interface PresetRangeDateInputProps extends Omit<DateRangeInputProps, \"selectsRange\"> {\n\tpresetId?: DateRangePresetOption[\"id\"] \| null;\n\tonPresetIdChange?: (presetId: DateRangePresetOption[\"id\"] \| null) => void;\n\treferenceDate?: Date;\n\tpresetIds?: readonly DateRangePresetOption[\"id\"][];\n\tpresetOptions?: readonly DateRangePresetOption[];\n\tpresetLabel?: ReactNode;\n\tpresetDescription?: string;\n\tpresetPlaceholder?: string;\n\tpresetDisabled?: boolean;\n}\n\n/\n Строит сигнатуру пресета для защиты от повторной синхронизации.\n /\nfunction getPresetSignature(presetId: DateRangePresetOption[\"id\"] \| null): string {\n\treturn presetId ?? \"__empty__\";\n}\n\n/\n Составной компонент выбора диапазона дат через пресет или ручной ввод.\n /\nexport function PresetRangeDateInput({\n\tvalue,\n\tonChange,\n\tpresetId,\n\tonPresetIdChange,\n\treferenceDate,\n\tpresetIds,\n\tpresetOptions,\n\tpresetLabel,\n\tpresetDescription,\n\tpresetPlaceholder = \"Выберите пресет диапазона\",\n\tpresetDisabled,\n\t...rangeDateInputProps\n}: PresetRangeDateInputProps) {\n\tconst [defaultReferenceDate] = useState(() => new Date());\n\tconst resolvedReferenceDate = referenceDate ?? defaultReferenceDate;\n\tconst resolvedPresetOptions = useMemo(\n\t\t() => presetOptions ?? resolveDateRangePresetOptionsByIds(normalizeDateRangePresetIds(presetIds, DEFAULT_DATE_RANGE_PRESET_IDS)),\n\t\t[presetIds, presetOptions]\n\t);\n\tconst controlledValue = value ?? null;\n\tconst matchedPresetId = useMemo(\n\t\t() => resolveDateRangePresetIdByRange(controlledValue, resolvedReferenceDate, resolvedPresetOptions),\n\t\t[controlledValue, resolvedPresetOptions, resolvedReferenceDate]\n\t);\n\tconst selectedPresetId = presetId ?? matchedPresetId ?? undefined;\n\tconst lastPresetSignatureRef = useRef<string>(\"\");\n\n\t/\n\t Сообщает наружу только реальное изменение `presetId`.\n\t /\n\tconst emitPresetIdChange = useCallback(\n\t\t(nextPresetId: DateRangePresetOption[\"id\"] \| null) => {\n\t\t\tif (!onPresetIdChange) return;\n\n\t\t\tconst nextSignature = getPresetSignature(nextPresetId);\n\t\t\tif (nextSignature === lastPresetSignatureRef.current) return;\n\n\t\t\tlastPresetSignatureRef.current = nextSignature;\n\t\t\tonPresetIdChange(nextPresetId);\n\t\t},\n\t\t[onPresetIdChange]\n\t);\n\n\t/\n\t Обрабатывает выбор пресета и переводит его в диапазон дат.\n\t /\n\tconst handlePresetChange = (nextPresetId: DateRangePresetOption[\"id\"] \| undefined) => {\n\t\tconst nextPayload = resolveDateRangePresetPayload(nextPresetId, resolvedReferenceDate, resolvedPresetOptions);\n\t\tif (!nextPayload) {\n\t\t\temitPresetIdChange(null);\n\t\t\treturn;\n\t\t}\n\n\t\temitPresetIdChange(nextPayload.id);\n\t\tonChange(nextPayload.range);\n\t};\n\n\t/\n\t Обрабатывает ручное изменение диапазона и подбирает подходящий пресет.\n\t */\n\tconst handleRangeChange = (nextRange: NullableDateRange \| null) => {\n\t\tonChange(nextRange);\n\t\temitPresetIdChange(resolveDateRangePresetIdByRange(nextRange, resolvedReferenceDate, resolvedPresetOptions));\n\t};\n\n\treturn (\n\t\t<FlexContainer gap=\"sm\" align=\"end\">\n\t\t\t<DateRangePresetSelect\n\t\t\t\tsize={rangeDateInputProps.size}\n\t\t\t\tlabel={presetLabel}\n\t\t\t\tdescription={presetDescription}\n\t\t\t\tplaceholder={presetPlaceholder}\n\t\t\t\tdisabled={presetDisabled ?? rangeDateInputProps.disabled}\n\t\t\t\tvalue={selectedPresetId}\n\t\t\t\tonChange={handlePresetChange}\n\t\t\t\toptions={resolvedPresetOptions}\n\t\t\t\treferenceDate={resolvedReferenceDate}\n\t\t\t/>\n\n\t\t\t<RangeDateInput {...rangeDateInputProps} value={controlledValue} onChange={handleRangeChange} />\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAa,IAAuC;;;AC4BpD,SAAS,EAAmB,GAAsD;CACjF,OAAO,KAAY;AACpB;AAKA,SAAgB,EAAqB,EACpC,UACA,aACA,aACA,qBACA,kBACA,cACA,kBACA,gBACA,sBACA,uBAAoB,6BACpB,mBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,KAAwB,wBAAe,IAAI,KAAK,CAAC,GAClD,IAAwB,KAAiB,GACzC,IAAwB,QACvB,KAAiB,EAAmC,EAA4B,GAAW,CAA6B,CAAC,GAC/H,CAAC,GAAW,CAAa,CAC1B,GACM,IAAkB,KAAS,MAC3B,IAAkB,QACjB,EAAgC,GAAiB,GAAuB,CAAqB,GACnG;EAAC;EAAiB;EAAuB;CAAqB,CAC/D,GACM,IAAmB,KAAY,KAAmB,KAAA,GAClD,IAAyB,EAAe,EAAE,GAK1C,IAAqB,GACzB,MAAqD;EACrD,IAAI,CAAC,GAAkB;EAEvB,IAAM,IAAgB,EAAmB,CAAY;EACjD,MAAkB,EAAuB,YAE7C,EAAuB,UAAU,GACjC,EAAiB,CAAY;CAC9B,GACA,CAAC,CAAgB,CAClB,GAKM,KAAsB,MAA0D;EACrF,IAAM,IAAc,EAA8B,GAAc,GAAuB,CAAqB;EAC5G,IAAI,CAAC,GAAa;GACjB,EAAmB,IAAI;GACvB;EACD;EAGA,AADA,EAAmB,EAAY,EAAE,GACjC,EAAS,EAAY,KAAK;CAC3B,GAKM,KAAqB,MAAwC;EAElE,AADA,EAAS,CAAS,GAClB,EAAmB,EAAgC,GAAW,GAAuB,CAAqB,CAAC;CAC5G;CAEA,OACC,kBAAC,GAAD;EAAe,KAAI;EAAK,OAAM;EAA9B,UAAA,CACC,kBAAC,GAAD;GACC,MAAM,EAAoB;GAC1B,OAAO;GACP,aAAa;GACb,aAAa;GACb,UAAU,KAAkB,EAAoB;GAChD,OAAO;GACP,UAAU;GACV,SAAS;GACT,eAAe;EACf,CAAA,GAED,kBAAC,GAAD;GAAgB,GAAI;GAAqB,OAAO;GAAiB,UAAU;EAAoB,CAAA,CACjF;;AAEjB"}

package/dist/preset-select/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as e } from "../chunks/select-BON0S9Dr.js";
+import { r as e } from "../chunks/select-DCSNVEYW.js";
 import { jsx as t } from "react/jsx-runtime";
 import { getPresetOption as n } from "@ryuzaki13/react-foundation-lib/presets";
 //#region src/preset-select/PresetSelect.tsx