npm - @ryuzaki13/react-foundation-ui - Versions diffs - 3.4.3 → 3.6.0 - Mend

@ryuzaki13/react-foundation-ui 3.4.3 → 3.6.0

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 (659) hide show

package/dist/list/index.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { c as e, h as t } from "../chunks/misc-DeGboAt-.js";
-import { t as n } from "../chunks/grid-dI94AAbi.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 { t as e } from "../chunks/grid-CFuzBigM.js";
+import { c as t, h as n } from "../chunks/misc-Cm_LDrUD.js";
+import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as i } from "react/jsx-runtime";
+import a, { Children as o, useLayoutEffect as s, useReducer as c, useRef as l, useState as u } from "react";
 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({
+	let t = c((e) => e + 1, 0)[1], [n] = u(() => new p({
 		...e,
 		observeElementRect: g,
 		observeElementOffset: h,
@@ -34,42 +34,47 @@ function _(e) {
 			}
 			t();
 		}
-	}), a(() => n._didMount(), [n]), a(() => n._willUpdate()), n;
+	}), s(() => n._didMount(), [n]), s(() => n._willUpdate()), n;
 }
 //#endregion
 //#region src/list/List.tsx
-var v = ({ children: e, className: t }) => i.count(e) === 0 ? /* @__PURE__ */ u("div", {}) : /* @__PURE__ */ u(n.Container, {
-	gap: "sm",
-	className: l("paddingSm borderBottom", t),
-	children: e
-}), y = ({ children: e, className: t }) => i.count(e) === 0 ? /* @__PURE__ */ u("div", {}) : /* @__PURE__ */ u(n.Container, {
-	gap: "sm",
-	className: l("paddingSm borderTop", t),
-	children: e
-});
+function v({ children: t, className: n }) {
+	return o.count(t) === 0 ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(e.Container, {
+		gap: "sm",
+		className: r("paddingSm borderBottom", n),
+		children: t
+	});
+}
+function y({ children: t, className: n }) {
+	return o.count(t) === 0 ? /* @__PURE__ */ i("div", {}) : /* @__PURE__ */ i(e.Container, {
+		gap: "sm",
+		className: r("paddingSm borderTop", n),
+		children: t
+	});
+}
 function b({ item: e, render: t, separated: n }) {
-	return /* @__PURE__ */ u(r.Fragment, { children: /* @__PURE__ */ u("li", {
-		className: l(n && "borderBottom"),
+	return /* @__PURE__ */ i(a.Fragment, { children: /* @__PURE__ */ i("li", {
+		className: r(n && "borderBottom"),
 		children: t(e)
 	}) });
 }
-function x({ items: t, getKey: n, render: r, separated: i, className: a }) {
-	return /* @__PURE__ */ u(e, {
-		className: a,
-		children: /* @__PURE__ */ u("ul", {
+function x({ items: e, getKey: n, render: r, separated: a, className: o }) {
+	return /* @__PURE__ */ i(t, {
+		className: o,
+		children: /* @__PURE__ */ i("ul", {
 			className: "",
-			children: t.map((e, t) => /* @__PURE__ */ u(b, {
+			children: e.map((e, t) => /* @__PURE__ */ i(b, {
 				item: e,
 				render: r,
-				separated: i
+				separated: a
 			}, n(e, t)))
 		})
 	});
 }
-function S({ items: n, getKey: i, render: a, separated: o, className: c, isLoading: d, hasNextPage: p, fetchNextPage: m }) {
+function S({ items: e, getKey: o, render: s, separated: c, className: u, isLoading: d, hasNextPage: p, fetchNextPage: m }) {
 	"use no memo";
-	let h = s(null), g = _({
-		count: p ? n.length + 1 : n.length,
+	let h = l(null), g = _({
+		count: p ? e.length + 1 : e.length,
 		getScrollElement: () => h.current,
 		measureElement: (e) => Math.ceil(e.getBoundingClientRect().height),
 		estimateSize: () => 120,
@@ -77,39 +82,41 @@ function S({ items: n, getKey: i, render: a, separated: o, className: c, isLoadi
 	}), v = g.getVirtualItems();
 	return f({
 		virtualItems: v,
-		currentItemsCount: n.length,
+		currentItemsCount: e.length,
 		hasNextPage: p,
 		fetchNextPage: m
-	}), /* @__PURE__ */ u(e, {
+	}), /* @__PURE__ */ i(t, {
 		ref: h,
-		className: c,
-		children: d ? /* @__PURE__ */ u(t, {}) : /* @__PURE__ */ u("ul", {
+		className: u,
+		children: d ? /* @__PURE__ */ i(n, {}) : /* @__PURE__ */ i("ul", {
 			style: { height: g.getTotalSize() },
 			className: "relative w100",
-			children: v.map((e) => {
-				let s = e.index > n.length - 1, c = n[e.index];
-				return /* @__PURE__ */ u(r.Fragment, { children: /* @__PURE__ */ u("li", {
+			children: v.map((t) => {
+				let l = t.index > e.length - 1, u = e[t.index];
+				return /* @__PURE__ */ i(a.Fragment, { children: /* @__PURE__ */ i("li", {
 					ref: g.measureElement,
 					style: {
 						position: "absolute",
 						top: 0,
 						left: 0,
 						width: "100%",
-						transform: `translateY(${Math.round(e.start)}px)`
+						transform: `translateY(${Math.round(t.start)}px)`
 					},
-					"data-index": e.index,
-					className: l(o && "borderBottom"),
-					children: s ? /* @__PURE__ */ u(t, {}) : a(c)
-				}) }, s ? "loader" : i(c, e.index));
+					"data-index": t.index,
+					className: r(c && "borderBottom"),
+					children: l ? /* @__PURE__ */ i(n, {}) : s(u)
+				}) }, l ? "loader" : o(u, t.index));
 			})
 		})
 	});
 }
-var C = ({ className: e, children: t }) => /* @__PURE__ */ u(n.Container, {
-	templateRows: "auto 1fr auto",
-	className: l("h100", e),
-	children: t
-});
+function C({ className: t, children: n }) {
+	return /* @__PURE__ */ i(e.Container, {
+		templateRows: "auto 1fr auto",
+		className: r("h100", t),
+		children: n
+	});
+}
 C.Toolbar = v, C.Content = x, C.Footer = y, C.VirtualizedContent = S;
 //#endregion
 export { C as List };

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

	@@ -1 +1 @@
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"}
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\nfunction ListToolbar({ children, className }: ListToolbarProps) {\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\nfunction ListFooter({ children, className }: ListFooterProps) {\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 ListProps extends PropsWithChildren {\n\tclassName?: string;\n}\n\nexport function List({ className, children }: ListProps) {\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// Компоновка остаётся отдельным экспортным слоем, а все React-реализации объявлены через function declaration.\nList.Toolbar = ListToolbar;\nList.Content = ListContent;\nList.Footer = ListFooter;\nList.VirtualizedContent = ListVirtualizedContent;\n"],"mappings":"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"}

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,EACN,KAAK,cAAc,EACnB,KAAK,GAAG,EAGR,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;~~AAYf~~,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,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;;;GAGG;AACH,UAAU,gBAAgB,CAAC,CAAC,CAC3B,SACC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,EAC1D,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAC5E,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,EACN,KAAK,cAAc,EACnB,KAAK,GAAG,EAGR,KAAK,SAAS,EAMd,MAAM,OAAO,CAAC;AAaf,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,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;;;GAGG;AACH,UAAU,gBAAgB,CAAC,CAAC,CAC3B,SACC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,EAC1D,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;IAC5E,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"}

package/dist/listbox/index.js CHANGED Viewed

@@ -1,9 +1,10 @@
-import { CustomOptionButton as e, Option as t, OptionButton as n } from "../option/index.js";
-import { h as r, v as i } from "../chunks/picker-lvm82d0A.js";
-import { useEffect as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { findFirstEnabledIndex as u, findLastEnabledIndex as d, findNextEnabledIndex as f, handleKeyboardActivation as p } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as m } from "react/jsx-runtime";
-import { CheckIcon as h } from "lucide-react";
+import { h as e, v as t } from "../chunks/picker-SJXnHwsj.js";
+import { Option as n, OptionContent as r } from "../option/index.js";
+import { t as i } from "../chunks/OptionContentContainer-CWHlfm5Z.js";
+import { findFirstEnabledIndex as a, findLastEnabledIndex as o, findNextEnabledIndex as s, handleKeyboardActivation as c } from "@ryuzaki13/react-foundation-lib/utils";
+import { CheckIcon as l } from "lucide-react";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 //#region src/listbox/Listbox.tsx
 var g = (e) => e.disabled === !0;
 function _(e, t, n) {
@@ -12,16 +13,16 @@ function _(e, t, n) {
 			let n = e.findIndex((e) => t.includes(e.value) && !e.disabled);
 			if (n >= 0) return n;
 		}
-		return u(e, g);
+		return a(e, g);
 	}
 	if (t !== void 0) {
 		let n = e.findIndex((e) => e.value === t && !e.disabled);
 		if (n >= 0) return n;
 	}
-	return u(e, g);
+	return a(e, g);
 }
 function v(v) {
-	let { value: y, defaultValue: b, multiple: x, label: S, description: C, disabled: w, size: T, focusOnMount: E, renderItem: D, getKey: O, options: k, onChange: A, id: j, ...M } = v, N = y !== void 0, [P, F] = l(b), I = c(null), [L, R] = l(() => _(k, y ?? b, x)), z = c(!1), B = s(() => (N ? y : P) ?? (x ? [] : null), [
+	let { value: y, defaultValue: b, multiple: x, label: S, description: C, disabled: w, size: T, focusOnMount: E, renderItem: D, getKey: O, options: k, onChange: A, id: j, ...M } = v, N = y !== void 0, [P, F] = h(b), I = m(null), [L, R] = h(() => _(k, y ?? b, x)), z = m(!1), B = p(() => (N ? y : P) ?? (x ? [] : null), [
 		P,
 		N,
 		x,
@@ -37,35 +38,35 @@ function v(v) {
 		}
 	}, U = (e) => {
 		if (!w) {
-			if (e.key === "ArrowDown") e.preventDefault(), z.current = !0, R((e) => f(k, e, 1, g));
-			else if (e.key === "ArrowUp") e.preventDefault(), z.current = !0, R((e) => f(k, e, -1, g));
-			else if (e.key === "Home") e.preventDefault(), z.current = !0, R(u(k, g));
-			else if (e.key === "End") e.preventDefault(), z.current = !0, R(d(k, g));
-			else if (p(e, () => {
+			if (e.key === "ArrowDown") e.preventDefault(), z.current = !0, R((e) => s(k, e, 1, g));
+			else if (e.key === "ArrowUp") e.preventDefault(), z.current = !0, R((e) => s(k, e, -1, g));
+			else if (e.key === "Home") e.preventDefault(), z.current = !0, R(a(k, g));
+			else if (e.key === "End") e.preventDefault(), z.current = !0, R(o(k, g));
+			else if (c(e, () => {
 				let e = k[V];
 				e && H(e);
 			})) return;
 		}
 	};
-	return a(() => {
+	return d(() => {
 		if (!z.current) return;
 		z.current = !1;
 		let e = I.current?.querySelectorAll("[role=\"option\"]")[V];
 		e && e.scrollIntoView({ block: "nearest" });
-	}, [V]), o(() => {
+	}, [V]), f(() => {
 		E && I.current?.focus();
-	}, [E]), /* @__PURE__ */ m(i, {
+	}, [E]), /* @__PURE__ */ u(t, {
 		id: j,
 		label: S,
 		description: C,
 		disabled: w,
 		size: T,
-		children: ({ controlId: i, labelId: a, describedBy: o }) => /* @__PURE__ */ m(r, {
+		children: ({ controlId: t, labelId: a, describedBy: o }) => /* @__PURE__ */ u(e, {
 			rootRef: I,
-			id: i,
+			id: t,
 			role: "listbox",
 			"aria-multiselectable": x || void 0,
-			"aria-activedescendant": V >= 0 ? `${i}-option-${V}` : void 0,
+			"aria-activedescendant": V >= 0 ? `${t}-option-${V}` : void 0,
 			onKeyDown: U,
 			...M,
 			"aria-labelledby": a ?? M["aria-labelledby"],
@@ -73,31 +74,24 @@ function v(v) {
 			"aria-disabled": w || void 0,
 			tabIndex: w ? -1 : 0,
 			className: M.className,
-			children: k.map((r, a) => {
-				let o = x ? Array.isArray(B) && B.includes(r.value) : B === r.value, s = a === V, c = w || r.disabled || void 0, l = (e) => {
-					e.preventDefault(), !c && (R(a), H(r));
-				};
-				return /* @__PURE__ */ m(t, {
-					id: `${i}-option-${a}`,
+			children: k.map((e, a) => {
+				let o = x ? Array.isArray(B) && B.includes(e.value) : B === e.value, s = a === V, c = w || e.disabled || void 0;
+				return /* @__PURE__ */ u(n, {
+					id: `${t}-option-${a}`,
 					role: "option",
 					"aria-selected": o,
 					"aria-disabled": c,
 					disabled: c,
 					active: s,
 					selected: o,
-					children: D ? /* @__PURE__ */ m(e, {
-						tabIndex: -1,
-						disabled: c,
-						onMouseDown: l,
-						children: D(r, o, s)
-					}) : /* @__PURE__ */ m(n, {
-						tabIndex: -1,
-						disabled: c,
-						onMouseDown: l,
-						icon: m(o ? h : "span", {}),
-						text: r.label ?? String(r.value)
-					})
-				}, O ? O(r, a) : a);
+					onMouseDown: (t) => {
+						t.preventDefault(), !c && (R(a), H(e));
+					},
+					children: D ? /* @__PURE__ */ u(i, { children: D(e, o, s) }) : /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(r, {
+						icon: u(o ? l : "span", {}),
+						text: e.label ?? String(e.value)
+					}) })
+				}, O ? O(e, a) : a);
 			})
 		})
 	});

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import {\n\ttype HTMLAttributes,\n\ttype JSX,\n\ttype KeyboardEvent,\n\ttype MouseEvent,\n\ttype ReactNode,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport {\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { CustomOptionButton, Option, OptionButton } from \"../option\";\nimport { PickerField, PickerOptions } from \"../picker\";\nimport { UiBaseProps } from \"../types\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\n/*\n Общие свойства Listbox берутся из UiBaseProps, чтобы подпись, состояние и\n * размер поля оставались согласованными с остальными контролами библиотеки.\n /\ninterface ListboxBaseProps<T>\n\textends\n\t\tOmit<UiBaseProps<T>, \"value\" \| \"onChange\" \| \"placeholder\">,\n\t\tOmit<HTMLAttributes<HTMLDivElement>, \"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\tconst {\n\t\tvalue,\n\t\tdefaultValue,\n\t\tmultiple,\n\t\tlabel,\n\t\tdescription,\n\t\tdisabled,\n\t\tsize,\n\t\tfocusOnMount,\n\t\trenderItem,\n\t\tgetKey,\n\t\toptions,\n\t\tonChange,\n\t\tid: externalId,\n\t\t...rest\n\t} = props;\n\n\tconst isControlled = value !== undefined;\n\tconst [internalValue, setInternalValue] = useState<T \| T[] \| undefined>(defaultValue);\n\tconst listRef = useRef<HTMLDivElement>(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\tif (multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tconst newValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tonChange?.(newValue, option);\n\t\t\tif (!isControlled) setInternalValue(newValue);\n\t\t\treturn;\n\t\t}\n\n\t\tonChange?.(option.value, option);\n\n\t\tif (!isControlled) setInternalValue(option.value);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\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<PickerField id={externalId} label={label} description={description} disabled={disabled} size={size}>\n\t\t\t{({ controlId: listId, labelId, describedBy }) => (\n\t\t\t\t<PickerOptions\n\t\t\t\t\trootRef={listRef}\n\t\t\t\t\tid={listId}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable={multiple \|\| undefined}\n\t\t\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelId ?? rest[\"aria-labelledby\"]}\n\t\t\t\t\taria-describedby={describedBy ?? rest[\"aria-describedby\"]}\n\t\t\t\t\taria-disabled={disabled \|\| undefined}\n\t\t\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\t\t\tclassName={rest.className}>\n\t\t\t\t\t{options.map((option, index) => {\n\t\t\t\t\t\tconst selected = multiple\n\t\t\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\t\t\tconst active = index === activeIndex;\n\t\t\t\t\t\tconst optionDisabled = disabled \|\| option.disabled \|\| undefined;\n\n\t\t\t\t\t\tconst handleMouseDown = (e: MouseEvent<HTMLButtonElement>) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (optionDisabled) {\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\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Option\n\t\t\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\t\t\taria-disabled={optionDisabled}\n\t\t\t\t\t\t\t\tdisabled={optionDisabled}\n\t\t\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\t\t\tselected={selected}>\n\t\t\t\t\t\t\t\t{renderItem ? (\n\t\t\t\t\t\t\t\t\t<CustomOptionButton tabIndex={-1} disabled={optionDisabled} onMouseDown={handleMouseDown}>\n\t\t\t\t\t\t\t\t\t\t{renderItem(option, selected, active)}\n\t\t\t\t\t\t\t\t\t</CustomOptionButton>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<OptionButton\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\tdisabled={optionDisabled}\n\t\t\t\t\t\t\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\t\t\t\t\t\t\ticon={selected ? <CheckIcon /> : <span />}\n\t\t\t\t\t\t\t\t\t\ttext={option.label ?? String(option.value)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Option>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</PickerOptions>\n\t\t\t)}\n\t\t</PickerField>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/listbox/Listbox.tsx"],"sourcesContent":["import {\n\ttype HTMLAttributes,\n\ttype JSX,\n\ttype KeyboardEvent,\n\ttype MouseEvent,\n\ttype ReactNode,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState\n} from \"react\";\n\nimport {\n\tfindFirstEnabledIndex,\n\tfindLastEnabledIndex,\n\tfindNextEnabledIndex,\n\thandleKeyboardActivation\n} from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { Option, OptionContent } from \"../option\";\nimport { OptionContentContainer } from \"../option/OptionContentContainer\";\nimport { PickerField, PickerOptions } from \"../picker\";\nimport { UiBaseProps } from \"../types\";\n\ntype ListboxOption<T> = {\n\tvalue: T;\n\tlabel?: string;\n\tdisabled?: boolean;\n};\n\n/*\n Общие свойства Listbox берутся из UiBaseProps, чтобы подпись, состояние и\n * размер поля оставались согласованными с остальными контролами библиотеки.\n /\ninterface ListboxBaseProps<T>\n\textends\n\t\tOmit<UiBaseProps<T>, \"value\" \| \"onChange\" \| \"placeholder\">,\n\t\tOmit<HTMLAttributes<HTMLDivElement>, \"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\tconst {\n\t\tvalue,\n\t\tdefaultValue,\n\t\tmultiple,\n\t\tlabel,\n\t\tdescription,\n\t\tdisabled,\n\t\tsize,\n\t\tfocusOnMount,\n\t\trenderItem,\n\t\tgetKey,\n\t\toptions,\n\t\tonChange,\n\t\tid: externalId,\n\t\t...rest\n\t} = props;\n\n\tconst isControlled = value !== undefined;\n\tconst [internalValue, setInternalValue] = useState<T \| T[] \| undefined>(defaultValue);\n\tconst listRef = useRef<HTMLDivElement>(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\tif (multiple) {\n\t\t\tconst arr = Array.isArray(selectedValues) ? selectedValues : [];\n\t\t\tconst newValue = arr.includes(option.value) ? arr.filter((v) => v !== option.value) : [...arr, option.value];\n\n\t\t\tonChange?.(newValue, option);\n\t\t\tif (!isControlled) setInternalValue(newValue);\n\t\t\treturn;\n\t\t}\n\n\t\tonChange?.(option.value, option);\n\n\t\tif (!isControlled) setInternalValue(option.value);\n\t};\n\n\tconst handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\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<PickerField id={externalId} label={label} description={description} disabled={disabled} size={size}>\n\t\t\t{({ controlId: listId, labelId, describedBy }) => (\n\t\t\t\t<PickerOptions\n\t\t\t\t\trootRef={listRef}\n\t\t\t\t\tid={listId}\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable={multiple \|\| undefined}\n\t\t\t\t\taria-activedescendant={activeIndex >= 0 ? `${listId}-option-${activeIndex}` : undefined}\n\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelId ?? rest[\"aria-labelledby\"]}\n\t\t\t\t\taria-describedby={describedBy ?? rest[\"aria-describedby\"]}\n\t\t\t\t\taria-disabled={disabled \|\| undefined}\n\t\t\t\t\ttabIndex={disabled ? -1 : 0}\n\t\t\t\t\tclassName={rest.className}>\n\t\t\t\t\t{options.map((option, index) => {\n\t\t\t\t\t\tconst selected = multiple\n\t\t\t\t\t\t\t? Array.isArray(selectedValues) && selectedValues.includes(option.value)\n\t\t\t\t\t\t\t: selectedValues === option.value;\n\t\t\t\t\t\tconst active = index === activeIndex;\n\t\t\t\t\t\tconst optionDisabled = disabled \|\| option.disabled \|\| undefined;\n\n\t\t\t\t\t\tconst handleMouseDown = (e: MouseEvent<HTMLDivElement>) => {\n\t\t\t\t\t\t\te.preventDefault(); // чтобы не сбрасывался фокус listbox\n\t\t\t\t\t\t\tif (optionDisabled) {\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\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Option\n\t\t\t\t\t\t\t\tkey={getKey ? getKey(option, index) : index}\n\t\t\t\t\t\t\t\tid={`${listId}-option-${index}`}\n\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\taria-selected={selected}\n\t\t\t\t\t\t\t\taria-disabled={optionDisabled}\n\t\t\t\t\t\t\t\tdisabled={optionDisabled}\n\t\t\t\t\t\t\t\tactive={active}\n\t\t\t\t\t\t\t\tselected={selected}\n\t\t\t\t\t\t\t\tonMouseDown={handleMouseDown}>\n\t\t\t\t\t\t\t\t{renderItem ? (\n\t\t\t\t\t\t\t\t\t<OptionContentContainer>{renderItem(option, selected, active)}</OptionContentContainer>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<OptionContentContainer>\n\t\t\t\t\t\t\t\t\t\t<OptionContent\n\t\t\t\t\t\t\t\t\t\t\ticon={selected ? <CheckIcon /> : <span />}\n\t\t\t\t\t\t\t\t\t\t\ttext={option.label ?? String(option.value)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</OptionContentContainer>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Option>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</PickerOptions>\n\t\t\t)}\n\t\t</PickerField>\n\t);\n}\n"],"mappings":"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"}

package/dist/misc/CopyTextWrapper.d.ts CHANGED Viewed

@@ -5,6 +5,6 @@ interface CopyTextWrapperProps {
     showOnHover?: boolean;
     className?: string;
 }
-export declare const CopyTextWrapper: React.FC<CopyTextWrapperProps>;
+export declare function CopyTextWrapper({ children, position, showOnHover, className }: CopyTextWrapperProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=CopyTextWrapper.d.ts.map

package/dist/misc/CopyTextWrapper.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CopyTextWrapper.d.ts","sourceRoot":"","sources":["../../src/misc/CopyTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,~~eAAO~~,~~MAAM,~~eAAe,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,~~oBAAoB~~,~~CAa1D~~,~~CAAC~~"}
1	+ {"version":3,"file":"CopyTextWrapper.d.ts","sourceRoot":"","sources":["../../src/misc/CopyTextWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,WAAkB,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAalH"}

package/dist/misc/OneStepScroller.d.ts CHANGED Viewed

@@ -22,6 +22,6 @@ interface OneStepScrollerProps {
  * Ожидает элементы фиксированной ширины (или близкой к фиксированной),
  * чтобы шаг скролла соответствовал ширине одного элемента.
  */
-export declare const OneStepScroller: React.FC<OneStepScrollerProps>;
+export declare function OneStepScroller({ children, className, itemSelector, scrollPadding, smooth }: OneStepScrollerProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=OneStepScroller.d.ts.map

package/dist/misc/OneStepScroller.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OneStepScroller.d.ts","sourceRoot":"","sources":["../../src/misc/OneStepScroller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAQD;;;;;GAKG;AACH,~~eAAO~~,~~MAAM,~~eAAe,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,oBAAoB,~~CAyQ1D,CAAC~~"}
1	+ {"version":3,"file":"OneStepScroller.d.ts","sourceRoot":"","sources":["../../src/misc/OneStepScroller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAQD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,aAAiB,EAAE,MAAa,EAAE,EAAE,oBAAoB,qBAuQ5H"}

package/dist/misc/Scrollable.d.ts CHANGED Viewed

@@ -1,14 +1,16 @@
-import { PropsWithChildren } from "react";
-interface ScrollableProps extends PropsWithChildren {
-    className?: string;
+import { type ComponentPropsWithoutRef, type Ref } from "react";
+export interface ScrollableProps extends ComponentPropsWithoutRef<"div"> {
     height?: string | number;
     stable?: boolean;
     overscroll?: boolean;
 }
-export declare const Scrollable: import("react").ForwardRefExoticComponent<ScrollableProps & import("react").RefAttributes<HTMLDivElement>>;
-interface ScrollableBlockProps extends ScrollableProps {
+export declare function Scrollable({ ref, children, height, stable, overscroll, className, style, ...htmlProps }: ScrollableProps & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
+export interface ScrollableBlockProps extends ScrollableProps {
     blockClassName?: string;
 }
-export declare const ScrollableBlock: import("react").ForwardRefExoticComponent<ScrollableBlockProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export declare function ScrollableBlock({ ref, blockClassName, ...props }: ScrollableBlockProps & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
 //# sourceMappingURL=Scrollable.d.ts.map

package/dist/misc/Scrollable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Scrollable.d.ts","sourceRoot":"","sources":["../../src/misc/Scrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EAAc~~,~~iBAAiB~~,EAAE,MAAM,OAAO,CAAC;~~AAItD~~,~~UAAU~~,eAAgB,SAAQ,~~iBAAiB;IAClD~~,~~SAAS,~~CAAC,~~EAAE~~,~~MAAM,~~CAAC;~~IACnB~~,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,~~eAAO~~,MAAM,UAAU,~~4GAMrB~~,CAAC;~~AAEH~~,~~UAAU~~,oBAAqB,SAAQ,eAAe;~~IACrD~~,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,~~eAAO~~,~~MAAM,~~eAAe,~~iHAM1B~~,CAAC"}
1	+ {"version":3,"file":"Scrollable.d.ts","sourceRoot":"","sources":["../../src/misc/Scrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,eAAgB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,EACT,KAAK,EACL,GAAG,SAAS,EACZ,EAAE,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAUjD;AAED,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,+BAMtH"}

package/dist/misc/SkeletonLine.d.ts CHANGED Viewed

@@ -4,6 +4,6 @@ type SkeletonLineOwnProps<E extends React.ElementType = React.ElementType> = Pol
     className?: string;
 };
 type SkeletonLineProps<E extends React.ElementType> = SkeletonLineOwnProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof SkeletonLineOwnProps>;
-export declare const SkeletonLine: <E extends React.ElementType>({ as, className, ...props }: SkeletonLineProps<E>) => React.JSX.Element;
+export declare function SkeletonLine<E extends React.ElementType>({ as, className, ...props }: SkeletonLineProps<E>): React.JSX.Element;
 export {};
 //# sourceMappingURL=SkeletonLine.d.ts.map

package/dist/misc/SkeletonLine.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonLine.d.ts","sourceRoot":"","sources":["../../src/misc/SkeletonLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAwB,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAErF,KAAK,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,CAAC,GAAG;IAC/G,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAC5E,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAElE,~~eAAO~~,~~MAAM,~~YAAY,~~GAAI~~,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,~~6BAA6B~~,iBAAiB,CAAC,CAAC,CAAC,~~sBAU1G,CAAC~~"}
1	+ {"version":3,"file":"SkeletonLine.d.ts","sourceRoot":"","sources":["../../src/misc/SkeletonLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAwB,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAErF,KAAK,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,6BAA6B,CAAC,CAAC,CAAC,GAAG;IAC/G,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAC5E,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAElE,wBAAgB,YAAY,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAU1G"}

package/dist/misc/StateIcon.d.ts CHANGED Viewed

@@ -1,18 +1,17 @@
-import React from "react";
 import { State } from "@ryuzaki13/react-foundation-lib/types";
 interface StateIconProps {
     state: State;
     text: string;
     className?: string;
 }
-export declare const StateIcon: React.FC<StateIconProps>;
+export declare function StateIcon({ state, text, className }: StateIconProps): import("react").JSX.Element;
 interface RenderStateIconProps {
     state?: State;
 }
-export declare const RenderStateIcon: React.FC<RenderStateIconProps>;
-export declare const ErrorIcon: () => React.JSX.Element;
-export declare const WarningIcon: () => React.JSX.Element;
-export declare const SuccessIcon: () => React.JSX.Element;
-export declare const InformationIcon: () => React.JSX.Element;
+export declare function RenderStateIcon({ state }: RenderStateIconProps): import("react").JSX.Element | null;
+export declare function ErrorIcon(): import("react").JSX.Element;
+export declare function WarningIcon(): import("react").JSX.Element;
+export declare function SuccessIcon(): import("react").JSX.Element;
+export declare function InformationIcon(): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StateIcon.d.ts.map

package/dist/misc/StateIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StateIcon.d.ts","sourceRoot":"","sources":["../../src/misc/StateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,~~KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,~~EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAM9D,UAAU,cAAc;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,~~eAAO~~,~~MAAM,~~SAAS,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,~~cAAc~~,~~CAsB9C~~,~~CAAC~~;~~AAEF~~,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,~~eAAO~~,~~MAAM,~~eAAe,EAAE,KAAK,~~CAAC~~,EAAE,~~CAAC,~~oBAAoB,~~CAa1D,CAAC~~;~~AAEF~~,~~eAAO~~,~~MAAM,~~SAAS,~~yBAErB,CAAC~~;~~AACF~~,~~eAAO~~,~~MAAM,~~WAAW,~~yBAEvB,CAAC~~;~~AACF~~,~~eAAO~~,~~MAAM,~~WAAW,~~yBAEvB,CAAC~~;~~AACF~~,~~eAAO~~,~~MAAM,~~eAAe,~~yBAE3B,CAAC~~"}
1	+ {"version":3,"file":"StateIcon.d.ts","sourceRoot":"","sources":["../../src/misc/StateIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAC;AAM9D,UAAU,cAAc;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAc,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,cAAc,+BAsB5E;AAED,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,oBAAoB,sCAa9D;AAED,wBAAgB,SAAS,gCAExB;AACD,wBAAgB,WAAW,gCAE1B;AACD,wBAAgB,WAAW,gCAE1B;AACD,wBAAgB,eAAe,gCAE9B"}

package/dist/misc/index.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export { NoData } from "./NoData";
 export { Notice } from "./Notice";
 export { OneStepScroller } from "./OneStepScroller";
 export { Scrollable } from "./Scrollable";
+export type { ScrollableProps } from "./Scrollable";
 export { SkeletonLine } from "./SkeletonLine";
 export * from "./StateIcon";
 export { StateWrapper } from "./StateWrapper";

package/dist/misc/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/misc/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/misc/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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-DeGboAt-.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-Cm_LDrUD.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/Modal.d.ts CHANGED Viewed

@@ -4,11 +4,20 @@ export interface ModalCompositionProps {
     children: React.ReactNode;
     className?: string;
 }
-export declare const ModalToolbar: React.FC<ModalCompositionProps>;
-export declare const ModalContent: React.FC<ModalCompositionProps & {
+export declare function ModalToolbar({ children, className }: ModalCompositionProps): React.JSX.Element;
+export declare namespace ModalToolbar {
+    var displayName: string;
+}
+export declare function ModalContent({ children, className, scrollable }: ModalCompositionProps & {
     scrollable?: boolean;
-}>;
-export declare const ModalFooter: React.FC<ModalCompositionProps>;
+}): React.JSX.Element;
+export declare namespace ModalContent {
+    var displayName: string;
+}
+export declare function ModalFooter({ children, className }: ModalCompositionProps): React.JSX.Element;
+export declare namespace ModalFooter {
+    var displayName: string;
+}
 type ToolbarElement = React.ReactElement<ModalCompositionProps, typeof ModalToolbar>;
 type ContentElement = React.ReactElement<ModalCompositionProps, typeof ModalContent>;
 type FooterElement = React.ReactElement<ModalCompositionProps, typeof ModalFooter>;
@@ -30,6 +39,6 @@ export interface ModalProps {
     onClose: () => void;
     children: ModalChildren;
 }
-export declare const Modal: React.FC<ModalProps>;
+export declare function Modal({ isOpen, title, size, height, onClose, children }: ModalProps): React.ReactPortal | null;
 export {};
 //# sourceMappingURL=Modal.d.ts.map

package/dist/modal/Modal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAelE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,WAAW,qBAAqB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,~~eAAO~~,~~MAAM,~~YAAY,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,qBAAqB,~~CAExD,CAAC~~;~~AAGF~~,~~eAAO~~,~~MAAM~~,YAAY,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,qBAAqB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,~~CAMnF,CAAC~~;~~AAGF~~,~~eAAO~~,~~MAAM~~,WAAW,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,qBAAqB,~~CAQvD,CAAC~~;~~AAGF~~,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,YAAY,CAAC,CAAC;AACrF,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,YAAY,CAAC,CAAC;AACrF,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,WAAW,CAAC,CAAC;AAEnF,KAAK,aAAa,GACjB;IAAC,cAAc;IAAE,cAAc;IAAE,aAAa;CAAC,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC;AAMvI,MAAM,WAAW,UAAU;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;CACxB;AAED,~~eAAO~~,MAAM,KAAK,EAAE,~~KAAK~~,~~CAAC~~,EAAE,~~CAAC~~,UAAU,~~CAqItC,CAAC~~"}
1	+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAelE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,WAAW,qBAAqB;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAE1E;yBAFe,YAAY;;;AAK5B,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,qBAAqB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,qBAMjH;yBANe,YAAY;;;AAS5B,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBAQzE;yBARe,WAAW;;;AAW3B,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,YAAY,CAAC,CAAC;AACrF,KAAK,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,YAAY,CAAC,CAAC;AACrF,KAAK,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,qBAAqB,EAAE,OAAO,WAAW,CAAC,CAAC;AAEnF,KAAK,aAAa,GACjB;IAAC,cAAc;IAAE,cAAc;IAAE,aAAa;CAAC,GAAG,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC;AAMvI,MAAM,WAAW,UAAU;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAW,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,4BAqI1F"}

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-dplfAaER.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-Dz5TzkTB.js";
 export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };