@ryuzaki13/react-foundation-ui 1.1.0 → 1.1.2

package/dist/chunks/modal-Cll8YZ7b.js

@@ -1,153 +0,0 @@
-import { o as e } from "./flex-DYZ0IbU6.js";
-import { n as t } from "./button-CC0Jdx1j.js";
-import { r as n } from "./grid-dI94AAbi.js";
-import { c as r } from "./misc-DIF5h9ba.js";
-import { Children as i, createContext as a, useCallback as o, useContext as s, useEffect as c, useEffectEvent as l, useId as u, useRef as d, useState as f } from "react";
-import { cn as p } from "@ryuzaki13/react-foundation-lib/utils";
-import { X as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { getOrCreatePortalRoot as v, useEscapeDismiss as y, useFocusTrap as b } from "@ryuzaki13/react-foundation-lib/dom";
-import { createPortal as x } from "react-dom";
-var S = {
-	modal: "vGPUKV",
-	sm: "O7gb7P",
-	md: "RVq8v3",
-	lg: "PCSUAL",
-	xl: "XDCHzq",
-	xxl: "t1kl8L",
-	inside: "o3PEEB",
-	header: "WhUkxm",
-	body: "NDgdMi",
-	headerText: "JDlse5",
-	headerButton: "FaDKSt"
-}, C = a({
-	modals: [],
-	openModal: () => {},
-	closeModal: () => {},
-	isTopModal: () => !1
-}), w = () => s(C), T = ({ children: e, className: t }) => /* @__PURE__ */ g("div", {
-	className: p("surface2 paddingMd borderBottom", t),
-	children: e
-});
-T.displayName = "Modal.Toolbar";
-var E = ({ children: e, className: t, scrollable: n }) => /* @__PURE__ */ g("div", {
-	className: p("paddingMd h100 overflowHidden", t),
-	children: n ? /* @__PURE__ */ g(r, {
-		className: "h100",
-		children: e
-	}) : e
-});
-E.displayName = "Modal.Content";
-var D = ({ children: t, className: n }) => /* @__PURE__ */ g("div", {
-	className: p("surface2 borderTop paddingMd", n),
-	children: /* @__PURE__ */ g(e, {
-		gap: "sm",
-		align: "center",
-		justify: "end",
-		children: t
-	})
-});
-D.displayName = "Modal.Footer";
-var O = ({ isOpen: e, title: r, size: a = "sm", height: o, onClose: s, children: d }) => {
-	let C = u(), O = u(), { modals: k, openModal: A, closeModal: j, isTopModal: M } = w(), [N, P] = f(!1), F = l(() => P(!0)), I = l(() => P(!1)), L = e && (k.length === 0 || M(C)), R = b(e || !1);
-	if (y({
-		active: L || !1,
-		onDismiss: s,
-		containerRef: R
-	}), c(() => (e && (A(C), F()), () => {
-		j(C), I();
-	}), [
-		j,
-		e,
-		C,
-		A
-	]), !N) return null;
-	let z = v("modal-root");
-	if (!z) return null;
-	let B = null, V = null, H = null, U = i.toArray(d);
-	for (let e of U) switch (e.type.displayName) {
-		case T.displayName:
-			if (B) throw Error("Modal: duplicate <Toolbar> found");
-			B = e;
-			break;
-		case D.displayName:
-			if (H) throw Error("Modal: duplicate <Footer> found");
-			H = e;
-			break;
-		case E.displayName:
-			if (V) throw Error("Modal: duplicate <Content> found");
-			V = e;
-			break;
-	}
-	return x(/* @__PURE__ */ g(h, { children: /* @__PURE__ */ _("div", {
-		ref: R,
-		className: p(S.modal, S[a]),
-		style: { height: o },
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": O,
-		"aria-describedby": `${O}-content`,
-		children: [/* @__PURE__ */ _("div", {
-			className: p(S.header, B ? "" : "borderBottom"),
-			children: [/* @__PURE__ */ g("h3", {
-				className: S.headerText,
-				id: O,
-				children: r
-			}), /* @__PURE__ */ g(t, {
-				icon: /* @__PURE__ */ g(m, {}),
-				className: S.headerButton,
-				variant: "ghost",
-				autoFocus: !0,
-				"aria-label": "Закрыть модальное окно",
-				onClick: s
-			})]
-		}), /* @__PURE__ */ _(n, {
-			id: `${O}-content`,
-			templateRows: `${B ? "auto" : ""} 1fr ${H ? "auto" : ""}`.trim(),
-			className: S.body,
-			children: [
-				B,
-				V,
-				H
-			]
-		})]
-	}) }), z);
-};
-//#endregion
-//#region src/modal/ModalManagerProvider.tsx
-function k({ children: e, compensateScrollbar: t = !1 }) {
-	let [n, r] = f([]), i = d(0), a = d(0), s = d(""), l = d(!1), u = o((e) => {
-		r((t) => [...t, e]);
-	}, []), p = o((e) => {
-		r((t) => t.filter((t) => t !== e));
-	}, []), m = o((e) => n[n.length - 1] === e, [n]);
-	return c(() => {
-		let e = i.current === 0;
-		if (e && n.length > 0) {
-			let e = window.scrollY, r = document.querySelector("#app-root");
-			a.current = Math.max(0, window.innerWidth - document.documentElement.clientWidth), s.current = document.body.style.paddingRight, document.body.style.position = "fixed", document.body.style.top = `-${e}px`, document.body.style.width = "100%", t && (document.body.style.paddingRight = `${a.current}px`, l.current = !0), r?.setAttribute("inert", "true"), i.current = n.length;
-			return;
-		}
-		if (!e && n.length > 0 && t !== l.current && (document.body.style.paddingRight = t ? `${a.current}px` : s.current, l.current = t), !e && n.length === 0) {
-			let e = document.querySelector("#app-root"), t = parseInt(document.body.style.top || "0") * -1;
-			document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", l.current &&= (document.body.style.paddingRight = s.current, !1), e?.removeAttribute("inert"), window.scrollTo({
-				top: t,
-				left: 0,
-				behavior: "instant"
-			});
-		}
-		i.current = n.length;
-	}, [t, n.length]), /* @__PURE__ */ g(C.Provider, {
-		value: {
-			modals: n,
-			openModal: u,
-			closeModal: p,
-			isTopModal: m
-		},
-		children: e
-	});
-}
-//#endregion
-export { T as a, D as i, O as n, C as o, E as r, w as s, k as t };
-
-//# sourceMappingURL=modal-Cll8YZ7b.js.map

package/dist/chunks/modal-Cll8YZ7b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-Cll8YZ7b.js","names":[],"sources":["../../src/modal/Modal.module.scss","../../src/modal/useModalManager.ts","../../src/modal/Modal.tsx","../../src/modal/ModalManagerProvider.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n\n.modal {\n\tdisplay: grid;\n\tgrid-auto-rows: auto 1fr;\n\n\tposition: fixed;\n\tinset: 0;\n\tmargin: auto;\n\tz-index: var(--z-modal);\n\twidth: 90%;\n\theight: fit-content;\n\tmax-height: calc(100dvh - var(--space-lg));\n\tborder: var(--border);\n\tborder-radius: var(--radius-md);\n\tbackground-color: var(--surface-1);\n\tbox-shadow: var(--shadow-lg);\n\n\t&:not(:last-child) {\n\t\tpointer-events: none;\n\t\tfilter: grayscale(0.5) opacity(0.75);\n\t\t// opacity: 0.5;\n\t}\n\n\t&.sm {\n\t\tmax-width: min(30em, 93dvw);\n\t}\n\n\t&.md {\n\t\tmax-width: min(50em, 93dvw);\n\t}\n\n\t&.lg {\n\t\tmax-width: min(70em, 93dvw);\n\t}\n\n\t&.xl {\n\t\tmax-width: min(80em, 93dvw);\n\t}\n\n\t&.xxl {\n\t\twidth: 93dvw;\n\t\theight: 90dvh;\n\t\tmax-width: none;\n\t\tmax-height: none;\n\t}\n\n\t&.inside {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-width: none;\n\t\tmax-height: none;\n\n\t\t.header,\n\t\t.body {\n\t\t\tborder-radius: 0;\n\t\t}\n\t}\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tbackground-color: var(--surface-2);\n\tborder-top-left-radius: var(--radius-md);\n\tborder-top-right-radius: var(--radius-md);\n}\n\n.headerText {\n\tmargin: 0;\n\tpadding-inline: var(--space-md);\n\tfont-size: var(--font-size-md);\n\tfont-variation-settings: \"wght\" 600;\n}\n\n.headerButton {\n\tmargin-block: var(--space-xs);\n\tmargin-inline: var(--space-sm);\n\tflex: 0;\n}\n\n.body {\n\toverflow: hidden;\n\tborder-bottom-left-radius: var(--radius-md);\n\tborder-bottom-right-radius: var(--radius-md);\n}\n","import { createContext, useContext } from \"react\";\n\nexport const ModalManagerContext = createContext<{\n\tmodals: string[];\n\topenModal: (id: string) => void;\n\tcloseModal: (id: string) => void;\n\tisTopModal: (id: string) => boolean;\n}>({\n\tmodals: [],\n\topenModal: () => {},\n\tcloseModal: () => {},\n\tisTopModal: () => false\n});\n\nexport const useModalManager = () => useContext(ModalManagerContext);\n","import React, { Children, useEffect, useEffectEvent, useId, useState } from \"react\";\n\nimport { getOrCreatePortalRoot, useEscapeDismiss, useFocusTrap } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { X } from \"lucide-react\";\nimport { createPortal } from \"react-dom\";\n\nimport { Button } from \"../button\";\nimport { FlexContainer } from \"../flex\";\nimport { GridContainer } from \"../grid\";\nimport { Scrollable } from \"../misc\";\n\nimport styles from \"./Modal.module.scss\";\nimport { ModalSize } from \"./types\";\nimport { useModalManager } from \"./useModalManager\";\n\n// Подкомпоненты\nexport interface ModalCompositionProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\nexport const ModalToolbar: React.FC<ModalCompositionProps> = ({ children, className }) => {\n\treturn <div className={cn(\"surface2 paddingMd borderBottom\", className)}>{children}</div>;\n};\nModalToolbar.displayName = \"Modal.Toolbar\";\n\nexport const ModalContent: React.FC<ModalCompositionProps & { scrollable?: boolean }> = ({ children, className, scrollable }) => {\n\treturn (\n\t\t<div className={cn(\"paddingMd h100 overflowHidden\", className)}>\n\t\t\t{scrollable ? <Scrollable className=\"h100\">{children}</Scrollable> : children}\n\t\t</div>\n\t);\n};\nModalContent.displayName = \"Modal.Content\";\n\nexport const ModalFooter: React.FC<ModalCompositionProps> = ({ children, className }) => {\n\treturn (\n\t\t<div className={cn(\"surface2 borderTop paddingMd\", className)}>\n\t\t\t<FlexContainer gap=\"sm\" align=\"center\" justify=\"end\">\n\t\t\t\t{children}\n\t\t\t</FlexContainer>\n\t\t</div>\n\t);\n};\nModalFooter.displayName = \"Modal.Footer\";\n\ntype ToolbarElement = React.ReactElement<ModalCompositionProps, typeof ModalToolbar>;\ntype ContentElement = React.ReactElement<ModalCompositionProps, typeof ModalContent>;\ntype FooterElement = React.ReactElement<ModalCompositionProps, typeof ModalFooter>;\n\ntype ModalChildren =\n\t[ToolbarElement, ContentElement, FooterElement] | [ToolbarElement, ContentElement] | [ContentElement, FooterElement] | ContentElement;\n\nexport interface ModalProps {\n\t/** Открыто ли модальное окно */\n\tisOpen?: boolean;\n\t/** Заголовок */\n\ttitle?: string;\n\t/** Размер модального окна */\n\tsize?: keyof typeof ModalSize;\n\theight?: string;\n\t/** Обработчик закрытия */\n\tonClose: () => void;\n\tchildren: ModalChildren;\n}\n\nexport const Modal: React.FC<ModalProps> = ({ isOpen, title, size = \"sm\", height, onClose, children }) => {\n\tconst modalId = useId();\n\tconst titleId = useId();\n\n\tconst { modals, openModal, closeModal, isTopModal } = useModalManager();\n\tconst [isMounted, setIsMounted] = useState(false);\n\tconst mountModal = useEffectEvent(() => setIsMounted(true));\n\tconst unmountModal = useEffectEvent(() => setIsMounted(false));\n\n\t/**\n\t * Если provider менеджера не подключен, считаем одиночную модалку активной,\n\t * иначе логика Escape/focus trap никогда не включится.\n\t */\n\tconst isActive = isOpen && (modals.length === 0 || isTopModal(modalId));\n\n\tconst modalRef = useFocusTrap(isOpen || false);\n\n\tuseEscapeDismiss({\n\t\tactive: isActive || false,\n\t\tonDismiss: onClose,\n\t\tcontainerRef: modalRef\n\t});\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\topenModal(modalId);\n\t\t\tmountModal();\n\t\t}\n\n\t\treturn () => {\n\t\t\tcloseModal(modalId);\n\t\t\tunmountModal();\n\t\t};\n\t}, [closeModal, isOpen, modalId, openModal]);\n\n\tif (!isMounted) return null;\n\n\tconst modalRoot = getOrCreatePortalRoot(\"modal-root\");\n\n\tif (!modalRoot) {\n\t\treturn null;\n\t}\n\n\tlet toolbar: React.ReactNode = null;\n\tlet content: React.ReactNode = null;\n\tlet footer: React.ReactNode = null;\n\n\tconst childArray = Children.toArray(children) as (ToolbarElement | ContentElement | FooterElement)[];\n\n\tfor (const child of childArray) {\n\t\tconst typeName = child.type.displayName;\n\n\t\tswitch (typeName) {\n\t\t\tcase ModalToolbar.displayName:\n\t\t\t\tif (toolbar) throw new Error(\"Modal: duplicate <Toolbar> found\");\n\t\t\t\ttoolbar = child; //.props.children;\n\t\t\t\tbreak;\n\t\t\tcase ModalFooter.displayName:\n\t\t\t\tif (footer) throw new Error(\"Modal: duplicate <Footer> found\");\n\t\t\t\tfooter = child; //props.children;\n\t\t\t\tbreak;\n\t\t\tcase ModalContent.displayName:\n\t\t\t\tif (content) throw new Error(\"Modal: duplicate <Content> found\");\n\t\t\t\tcontent = child; //.props.children;\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\treturn createPortal(\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={modalRef}\n\t\t\t\tclassName={cn(styles.modal, styles[size])}\n\t\t\t\tstyle={{ height }}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\taria-labelledby={titleId}\n\t\t\t\taria-describedby={`${titleId}-content`}>\n\t\t\t\t<div className={cn(styles.header, toolbar ? \"\" : \"borderBottom\")}>\n\t\t\t\t\t<h3 className={styles.headerText} id={titleId}>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h3>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ticon={<X />}\n\t\t\t\t\t\tclassName={styles.headerButton}\n\t\t\t\t\t\tvariant={\"ghost\"}\n\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\taria-label={\"Закрыть модальное окно\"}\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<GridContainer\n\t\t\t\t\tid={`${titleId}-content`}\n\t\t\t\t\ttemplateRows={`${toolbar ? \"auto\" : \"\"} 1fr ${footer ? \"auto\" : \"\"}`.trim()}\n\t\t\t\t\t// gap=\"md\"\n\t\t\t\t\tclassName={styles.body}>\n\t\t\t\t\t{toolbar}\n\t\t\t\t\t{content}\n\t\t\t\t\t{footer}\n\t\t\t\t</GridContainer>\n\t\t\t</div>\n\t\t</>,\n\t\tmodalRoot\n\t);\n};\n","// ModalManagerContext.tsx\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { ModalManagerContext } from \"./useModalManager\";\n\nexport interface ModalManagerProviderProps {\n\tchildren: React.ReactNode;\n\t/** Компенсирует исчезновение скроллбара правым padding у body. */\n\tcompensateScrollbar?: boolean;\n}\n\n/**\n * Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.\n */\nexport function ModalManagerProvider({ children, compensateScrollbar = false }: ModalManagerProviderProps) {\n\tconst [modals, setModals] = useState<string[]>([]);\n\tconst prevModalsLength = useRef(0);\n\tconst scrollbarWidth = useRef(0);\n\tconst bodyPaddingRight = useRef(\"\");\n\tconst isScrollbarCompensated = useRef(false);\n\n\tconst openModal = useCallback((id: string) => {\n\t\tsetModals((prev) => [...prev, id]);\n\t}, []);\n\n\tconst closeModal = useCallback((id: string) => {\n\t\tsetModals((prev) => prev.filter((mid) => mid !== id));\n\t}, []);\n\n\tconst isTopModal = useCallback(\n\t\t(id: string) => {\n\t\t\treturn modals[modals.length - 1] === id;\n\t\t},\n\t\t[modals]\n\t);\n\n\tuseEffect(() => {\n\t\tconst wasEmpty = prevModalsLength.current === 0;\n\n\t\tif (wasEmpty && modals.length > 0) {\n\t\t\t// первая модалка открыта — ставим стили\n\t\t\tconst scrollY = window.scrollY;\n\t\t\tconst appRoot = document.querySelector(\"#app-root\");\n\t\t\tscrollbarWidth.current = Math.max(0, window.innerWidth - document.documentElement.clientWidth);\n\t\t\tbodyPaddingRight.current = document.body.style.paddingRight;\n\n\t\t\tdocument.body.style.position = \"fixed\";\n\t\t\tdocument.body.style.top = `-${scrollY}px`;\n\t\t\tdocument.body.style.width = \"100%\";\n\n\t\t\tif (compensateScrollbar) {\n\t\t\t\tdocument.body.style.paddingRight = `${scrollbarWidth.current}px`;\n\t\t\t\tisScrollbarCompensated.current = true;\n\t\t\t}\n\n\t\t\tappRoot?.setAttribute(\"inert\", \"true\");\n\n\t\t\tprevModalsLength.current = modals.length;\n\t\t\treturn;\n\t\t}\n\n\t\tif (!wasEmpty && modals.length > 0 && compensateScrollbar !== isScrollbarCompensated.current) {\n\t\t\tdocument.body.style.paddingRight = compensateScrollbar ? `${scrollbarWidth.current}px` : bodyPaddingRight.current;\n\t\t\tisScrollbarCompensated.current = compensateScrollbar;\n\t\t}\n\n\t\tif (!wasEmpty && modals.length === 0) {\n\t\t\t// последняя модалка закрыта — снимаем стили\n\t\t\tconst appRoot = document.querySelector(\"#app-root\");\n\t\t\tconst scrollY = parseInt(document.body.style.top || \"0\") * -1;\n\n\t\t\tdocument.body.style.position = \"\";\n\t\t\tdocument.body.style.top = \"\";\n\t\t\tdocument.body.style.width = \"\";\n\n\t\t\tif (isScrollbarCompensated.current) {\n\t\t\t\tdocument.body.style.paddingRight = bodyPaddingRight.current;\n\t\t\t\tisScrollbarCompensated.current = false;\n\t\t\t}\n\n\t\t\tappRoot?.removeAttribute(\"inert\");\n\n\t\t\twindow.scrollTo({ top: scrollY, left: 0, behavior: \"instant\" });\n\t\t}\n\n\t\tprevModalsLength.current = modals.length;\n\t}, [compensateScrollbar, modals.length]);\n\n\treturn <ModalManagerContext.Provider value={{ modals, openModal, closeModal, isTopModal }}>{children}</ModalManagerContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GCEa,IAAsB,EAKhC;CACF,QAAQ,CAAC;CACT,iBAAiB,CAAC;CAClB,kBAAkB,CAAC;CACnB,kBAAkB;AACnB,CAAC,GAEY,UAAwB,EAAW,CAAmB,GCQtD,KAAiD,EAAE,aAAU,mBAClE,kBAAC,OAAD;CAAK,WAAW,EAAG,mCAAmC,CAAS;CAAI;AAAc,CAAA;AAEzF,EAAa,cAAc;AAE3B,IAAa,KAA4E,EAAE,aAAU,cAAW,oBAE9G,kBAAC,OAAD;CAAK,WAAW,EAAG,iCAAiC,CAAS;WAC3D,IAAa,kBAAC,GAAD;EAAY,WAAU;EAAQ;CAAqB,CAAA,IAAI;AACjE,CAAA;AAGP,EAAa,cAAc;AAE3B,IAAa,KAAgD,EAAE,aAAU,mBAEvE,kBAAC,OAAD;CAAK,WAAW,EAAG,gCAAgC,CAAS;WAC3D,kBAAC,GAAD;EAAe,KAAI;EAAK,OAAM;EAAS,SAAQ;EAC7C;CACa,CAAA;AACX,CAAA;AAGP,EAAY,cAAc;AAsB1B,IAAa,KAA+B,EAAE,WAAQ,UAAO,UAAO,MAAM,WAAQ,YAAS,kBAAe;CACzG,IAAM,IAAU,EAAM,GAChB,IAAU,EAAM,GAEhB,EAAE,WAAQ,cAAW,eAAY,kBAAe,EAAgB,GAChE,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,IAAa,QAAqB,EAAa,EAAI,CAAC,GACpD,IAAe,QAAqB,EAAa,EAAK,CAAC,GAMvD,IAAW,MAAW,EAAO,WAAW,KAAK,EAAW,CAAO,IAE/D,IAAW,EAAa,KAAU,EAAK;CAoB7C,IAlBA,EAAiB;EAChB,QAAQ,KAAY;EACpB,WAAW;EACX,cAAc;CACf,CAAC,GAED,SACK,MACH,EAAU,CAAO,GACjB,EAAW,UAGC;EAEZ,AADA,EAAW,CAAO,GAClB,EAAa;CACd,IACE;EAAC;EAAY;EAAQ;EAAS;CAAS,CAAC,GAEvC,CAAC,GAAW,OAAO;CAEvB,IAAM,IAAY,EAAsB,YAAY;CAEpD,IAAI,CAAC,GACJ,OAAO;CAGR,IAAI,IAA2B,MAC3B,IAA2B,MAC3B,IAA0B,MAExB,IAAa,EAAS,QAAQ,CAAQ;CAE5C,KAAK,IAAM,KAAS,GAGnB,QAFiB,EAAM,KAAK,aAE5B;EACC,KAAK,EAAa;GACjB,IAAI,GAAS,MAAU,MAAM,kCAAkC;GAC/D,IAAU;GACV;EACD,KAAK,EAAY;GAChB,IAAI,GAAQ,MAAU,MAAM,iCAAiC;GAC7D,IAAS;GACT;EACD,KAAK,EAAa;GACjB,IAAI,GAAS,MAAU,MAAM,kCAAkC;GAC/D,IAAU;GACV;CACF;CAGD,OAAO,EACN,kBAAA,GAAA,EAAA,UACC,kBAAC,OAAD;EACC,KAAK;EACL,WAAW,EAAG,EAAO,OAAO,EAAO,EAAK;EACxC,OAAO,EAAE,UAAO;EAChB,MAAK;EACL,cAAW;EACX,mBAAiB;EACjB,oBAAkB,GAAG,EAAQ;YAP9B,CAQC,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,QAAQ,IAAU,KAAK,cAAc;aAA/D,CACC,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAY,IAAI;cACpC;GACE,CAAA,GACJ,kBAAC,GAAD;IACC,MAAM,kBAAC,GAAD,CAAI,CAAA;IACV,WAAW,EAAO;IAClB,SAAS;IACT,WAAW;IACX,cAAY;IACZ,SAAS;GACT,CAAA,CACG;MAEL,kBAAC,GAAD;GACC,IAAI,GAAG,EAAQ;GACf,cAAc,GAAG,IAAU,SAAS,GAAG,OAAO,IAAS,SAAS,KAAK,KAAK;GAE1E,WAAW,EAAO;aAJnB;IAKE;IACA;IACA;GACa;IACX;IACJ,CAAA,GACF,CACD;AACD;;;AC9JA,SAAgB,EAAqB,EAAE,aAAU,yBAAsB,MAAoC;CAC1G,IAAM,CAAC,GAAQ,KAAa,EAAmB,CAAC,CAAC,GAC3C,IAAmB,EAAO,CAAC,GAC3B,IAAiB,EAAO,CAAC,GACzB,IAAmB,EAAO,EAAE,GAC5B,IAAyB,EAAO,EAAK,GAErC,IAAY,GAAa,MAAe;EAC7C,GAAW,MAAS,CAAC,GAAG,GAAM,CAAE,CAAC;CAClC,GAAG,CAAC,CAAC,GAEC,IAAa,GAAa,MAAe;EAC9C,GAAW,MAAS,EAAK,QAAQ,MAAQ,MAAQ,CAAE,CAAC;CACrD,GAAG,CAAC,CAAC,GAEC,IAAa,GACjB,MACO,EAAO,EAAO,SAAS,OAAO,GAEtC,CAAC,CAAM,CACR;CAsDA,OApDA,QAAgB;EACf,IAAM,IAAW,EAAiB,YAAY;EAE9C,IAAI,KAAY,EAAO,SAAS,GAAG;GAElC,IAAM,IAAU,OAAO,SACjB,IAAU,SAAS,cAAc,WAAW;GAelD,AAdA,EAAe,UAAU,KAAK,IAAI,GAAG,OAAO,aAAa,SAAS,gBAAgB,WAAW,GAC7F,EAAiB,UAAU,SAAS,KAAK,MAAM,cAE/C,SAAS,KAAK,MAAM,WAAW,SAC/B,SAAS,KAAK,MAAM,MAAM,IAAI,EAAQ,KACtC,SAAS,KAAK,MAAM,QAAQ,QAExB,MACH,SAAS,KAAK,MAAM,eAAe,GAAG,EAAe,QAAQ,KAC7D,EAAuB,UAAU,KAGlC,GAAS,aAAa,SAAS,MAAM,GAErC,EAAiB,UAAU,EAAO;GAClC;EACD;EAOA,IALI,CAAC,KAAY,EAAO,SAAS,KAAK,MAAwB,EAAuB,YACpF,SAAS,KAAK,MAAM,eAAe,IAAsB,GAAG,EAAe,QAAQ,MAAM,EAAiB,SAC1G,EAAuB,UAAU,IAG9B,CAAC,KAAY,EAAO,WAAW,GAAG;GAErC,IAAM,IAAU,SAAS,cAAc,WAAW,GAC5C,IAAU,SAAS,SAAS,KAAK,MAAM,OAAO,GAAG,IAAI;GAa3D,AAXA,SAAS,KAAK,MAAM,WAAW,IAC/B,SAAS,KAAK,MAAM,MAAM,IAC1B,SAAS,KAAK,MAAM,QAAQ,IAE5B,AAEC,EAAuB,aADvB,SAAS,KAAK,MAAM,eAAe,EAAiB,SACnB,KAGlC,GAAS,gBAAgB,OAAO,GAEhC,OAAO,SAAS;IAAE,KAAK;IAAS,MAAM;IAAG,UAAU;GAAU,CAAC;EAC/D;EAEA,EAAiB,UAAU,EAAO;CACnC,GAAG,CAAC,GAAqB,EAAO,MAAM,CAAC,GAEhC,kBAAC,EAAoB,UAArB;EAA8B,OAAO;GAAE;GAAQ;GAAW;GAAY;EAAW;EAAI;CAAuC,CAAA;AACpI"}

package/storybook-static/assets/ImageViewer.stories-BzUxxQAO.js

@@ -1,72 +0,0 @@
-import{c as e,i as t}from"./preload-helper-B45gAKPr.js";import{C as n}from"./iframe-Dw3PG8YA.js";import{t as r}from"./react-dom-DXk3dBb-.js";import{t as i}from"./jsx-runtime-BBQGix-2.js";import{a,i as o}from"./utils-CnV3Gszu.js";import{B as s,Et as c,I as l,J as u,M as d,Ot as f,P as p,W as m,bt as h,i as g,n as _,o as v,t as y,vt as b}from"./lucide-react-DMM2-ayk.js";import{t as x}from"./Button-DuNV63ZS.js";import{t as S}from"./button-D2JNy4h8.js";var C,w,T,E,D,O,k,A,ee,j,M,te,ne,re,ie,ae,oe,se,ce,le,ue,de,fe,pe,me,he,ge,_e,ve,ye,be,xe,Se,Ce,we,Te,Ee,De,Oe,ke,Ae,je,Me,Ne=t((()=>{C=`carousel`,w=`controller`,T=`navigation`,E=`no-scroll`,D=`portal`,O=`root`,k=`toolbar`,A=`captions`,ee=`counter`,j=`download`,M=`fullscreen`,te=`thumbnails`,ne=`zoom`,re=`loading`,ie=`playing`,ae=`error`,oe=`complete`,se=e=>`active-slide-${e}`,se(re),se(ie),se(ae),se(oe),ce=`fullsize`,le=`flex_center`,ue=`no_scroll`,de=`no_scroll_padding`,fe=`slide`,pe=`slide_wrapper`,me=`prev`,he=`next`,ge=`swipe`,_e=`close`,ve=`onPointerDown`,ye=`onPointerMove`,be=`onPointerUp`,xe=`onPointerLeave`,Se=`onPointerCancel`,Ce=`onKeyDown`,we=`onKeyUp`,Te=`onWheel`,Ee=`Escape`,De=`ArrowLeft`,Oe=`ArrowRight`,ke=`button`,Ae=`icon`,je=`contain`,Me=`Unknown action type`}));function N(...e){return e.filter(Boolean).join(` `)}function P(e){return`${en}${e}`}function F(e){return`--${en}${e}`}function Pe(e,t){return`${e}${t?`_${t}`:``}`}function Fe(e){return t=>Pe(e,t)}function Ie(e,t){return e?.[t]??t}function Le(e,t,n){return Ie(e,`{index} of {total}`).replace(/\{index}/g,`${qe(n,t.length)+1}`).replace(/\{total}/g,`${t.length}`)}function Re(...e){return()=>{e.forEach(e=>{e()})}}function I(e,t,n){return()=>{let r=V.useContext(n);if(!r)throw Error(`${e} must be used within a ${t}.Provider`);return r}}function ze(){return typeof window<`u`}function Be(e,t=0){let n=10**t;return Math.round((e+2**-52)*n)/n}function Ve(e){return e.type===void 0||e.type===`image`}function He(e,t){return e.imageFit===`cover`||e.imageFit!==`contain`&&t===`cover`}function Ue(e){return typeof e==`string`?Number.parseInt(e,10):e}function We(e){if(typeof e==`number`)return{pixel:e};if(typeof e==`string`){let t=Ue(e);return e.endsWith(`%`)?{percent:t}:{pixel:t}}return{pixel:0}}function Ge(e,t){let n=We(t),r=n.percent===void 0?n.pixel:e.width/100*n.percent;return{width:Math.max(e.width-2*r,0),height:Math.max(e.height-2*r,0)}}function Ke(){return(ze()?window==null?void 0:window.devicePixelRatio:void 0)||1}function qe(e,t){return t>0?(e%t+t)%t:0}function Je(e){return e.length>0}function Ye(e,t){return e[qe(t,e.length)]}function Xe(e,t){return Je(e)?Ye(e,t):void 0}function Ze(e){return Ve(e)?e.src:void 0}function Qe(e,t,n){if(!n)return e;let{buttons:r,...i}=e,a=r.findIndex(e=>e===t),o=V.isValidElement(n)?V.cloneElement(n,{key:t},null):n;if(a>=0){let e=[...r];return e.splice(a,1,o),{buttons:e,...i}}return{buttons:[o,...r],...i}}function $e(e,t,n=0){return Math.min(e.preload,Math.max(e.finite?t.length-1:Math.floor(t.length/2),n))}function et(e){return{inert:tn?e:e?``:void 0}}function tt(e){e.scrollTop}function L(e,t){return{name:e,component:t}}function R(e,t){return{module:e,children:t}}function nt(e,t,n){return e.module.name===t?n(e):e.children?[R(e.module,e.children.flatMap(e=>nt(e,t,n)??[]))]:[e]}function rt(e,t,n){return e.flatMap(e=>nt(e,t,n)??[])}function it(e,t=[],n=[]){let r=e,i=e=>{let t=[...r];for(;t.length>0;){let n=t.pop();if(n?.module.name===e)return!0;n?.children&&t.push(...n.children)}return!1},a=(e,t)=>{if(e===``){r=[R(t,r)];return}r=rt(r,e,e=>[R(t,[e])])},o=(e,t)=>{r=rt(r,e,e=>[R(e.module,[R(t,e.children)])])},s=(e,t,n)=>{r=rt(r,e,e=>[R(e.module,[...n?[R(t)]:[],...e.children??[],...n?[]:[R(t)]])])},c=(e,t,n)=>{r=rt(r,e,e=>[...n?[R(t)]:[],e,...n?[]:[R(t)]])},l=e=>{o(w,e)},u=(e,t)=>{r=rt(r,e,e=>[R(t,e.children)])},d=e=>{r=rt(r,e,e=>e.children)},f=e=>{n.push(e)};return t.forEach(e=>{e({contains:i,addParent:a,append:o,addChild:s,addSibling:c,addModule:l,replace:u,remove:d,augment:f})}),{config:r,augmentation:e=>n.reduce((e,t)=>t(e),e)}}function at({children:e}){let[t,n]=V.useState(!1),[r,i]=V.useState(!1),a=V.useMemo(()=>({focusWithin:t,trackFocusWithin:(e,t)=>{let r=r=>i=>{var a;i.currentTarget.contains(i.relatedTarget)||n(r),(a=r?e:t)==null||a(i)};return{onFocus:r(!0),onBlur:r(!1)}},autoPlaying:r,setAutoPlaying:i}),[t,r]);return V.createElement(rn.Provider,{value:a},e)}function ot({nodeRef:e,children:t}){let n=V.useMemo(()=>{let t=t=>(t||e.current)?.ownerDocument||document;return{getOwnerDocument:t,getOwnerWindow:e=>t(e)?.defaultView||window}},[e]);return V.createElement(on.Provider,{value:n},t)}function st({children:e}){let[t]=V.useState({});V.useEffect(()=>()=>{Object.keys(t).forEach(e=>delete t[e])},[t]);let n=V.useMemo(()=>{let e=(e,n)=>{var r;(r=t[e])==null||r.splice(0,t[e].length,...t[e].filter(e=>e!==n))};return{publish:(...[e,n])=>{var r;(r=t[e])==null||r.forEach(e=>e(n))},subscribe:(n,r)=>(t[n]||(t[n]=[]),t[n].push(r),()=>e(n,r)),unsubscribe:e}},[t]);return V.createElement(cn.Provider,{value:n},e)}function ct({children:e,...t}){return V.createElement(un.Provider,{value:t},e)}function lt(e,t){switch(t.type){case`swipe`:{let{slides:n}=e,r=t?.increment||0,i=e.globalIndex+r,a=qe(i,n.length);return{slides:n,currentIndex:a,globalIndex:i,currentSlide:Xe(n,a),animation:r||t.duration!==void 0?{increment:r,duration:t.duration,easing:t.easing}:void 0}}case`update`:return t.slides!==e.slides||t.index!==e.currentIndex?{slides:t.slides,currentIndex:t.index,globalIndex:t.index,currentSlide:Xe(t.slides,t.index)}:e;default:throw Error(Me)}}function ut({slides:e,index:t,children:n}){let[r,i]=V.useReducer(lt,{slides:e,currentIndex:t,globalIndex:t,currentSlide:Xe(e,t)}),[a,o]=V.useState(e),[s,c]=V.useState(t);(e!==a||t!==s)&&(o(e),c(t),i({type:`update`,slides:e,index:t}));let l=V.useMemo(()=>({...r,state:r,dispatch:i}),[r,i]);return V.createElement(fn.Provider,{value:i},V.createElement(dn.Provider,{value:l},n))}function dt({isRTL:e,children:t}){let n=V.useMemo(()=>({isRTL:e}),[e]);return V.createElement(mn.Provider,{value:n},t)}function ft({children:e}){let[t]=V.useState([]);V.useEffect(()=>()=>{t.forEach(e=>window.clearTimeout(e)),t.splice(0,t.length)},[t]);let n=V.useMemo(()=>{let e=e=>{t.splice(0,t.length,...t.filter(t=>t!==e))};return{setTimeout:(n,r)=>{let i=window.setTimeout(()=>{e(i),n()},r);return t.push(i),i},clearTimeout:t=>{t!==void 0&&(e(t),window.clearTimeout(t))}}},[t]);return V.createElement(gn.Provider,{value:n},e)}function pt(e,t){let n=e=>V.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:`24`,height:`24`,"aria-hidden":`true`,focusable:`false`,...e},t);return n.displayName=e,n}function z(e,t){return pt(e,V.createElement(`g`,{fill:`currentColor`},V.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),t))}function mt(e,t){return pt(e,V.createElement(V.Fragment,null,V.createElement(`defs`,null,V.createElement(`mask`,{id:`strike`},V.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`white`}),V.createElement(`path`,{d:`M0 0L24 24`,stroke:`black`,strokeWidth:4}))),V.createElement(`path`,{d:`M0.70707 2.121320L21.878680 23.292883`,stroke:`currentColor`,strokeWidth:2}),V.createElement(`g`,{fill:`currentColor`,mask:`url(#strike)`},V.createElement(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),t)))}function ht(){let[e,t]=V.useState(!1);return V.useEffect(()=>{var e;let n=window.matchMedia?.call(window,`(prefers-reduced-motion: reduce)`);t(n?.matches);let r=e=>t(e.matches);return(e=n?.addEventListener)==null||e.call(n,`change`,r),()=>(n?.removeEventListener)?.call(n,`change`,r)},[]),e}function gt(e){let t=0,n=0,r=0,i=window.getComputedStyle(e).transform.match(/matrix.*\((.+)\)/);if(i){let e=i[1].split(`,`).map(Ue);e.length===6?(t=e[4],n=e[5]):e.length===16&&(t=e[12],n=e[13],r=e[14])}return{x:t,y:n,z:r}}function _t(e,t){let n=V.useRef(void 0),r=V.useRef(void 0),i=ht();return W(()=>{var a,o;if(e.current&&n.current!==void 0&&!i){let{keyframes:i,duration:s,easing:c,onfinish:l}=t(n.current,e.current.getBoundingClientRect(),gt(e.current))||{};if(i&&s){(a=r.current)==null||a.cancel(),r.current=void 0;try{r.current=(o=e.current).animate?.call(o,i,{duration:s,easing:c})}catch(e){console.error(e)}r.current&&(r.current.onfinish=()=>{r.current=void 0,l?.()})}}n.current=void 0}),{prepareAnimation:e=>{n.current=e},isAnimationPlaying:()=>r.current?.playState===`running`}}function vt(){let e=V.useRef(null),t=V.useRef(void 0),[n,r]=V.useState();return{setContainerRef:V.useCallback(n=>{e.current=n,t.current&&=(t.current.disconnect(),void 0);let i=()=>{if(n){let e=window.getComputedStyle(n),t=e=>parseFloat(e)||0;r({width:Math.round(n.clientWidth-t(e.paddingLeft)-t(e.paddingRight)),height:Math.round(n.clientHeight-t(e.paddingTop)-t(e.paddingBottom))})}else r(void 0)};i(),n&&typeof ResizeObserver<`u`&&(t.current=new ResizeObserver(i),t.current.observe(n))},[]),containerRef:e,containerRect:n}}function yt(){let e=V.useRef(void 0),{setTimeout:t,clearTimeout:n}=_n();return V.useCallback((r,i)=>{n(e.current),e.current=t(r,i>0?i:0)},[t,n])}function B(e){let t=V.useRef(e);return W(()=>{t.current=e}),V.useCallback((...e)=>t.current?.call(t,...e),[])}function bt(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function xt(e,t){return V.useMemo(()=>e==null&&t==null?null:n=>{bt(e,n),bt(t,n)},[e,t])}function St(e,t=!1){let n=V.useRef(!1);return W(()=>{t&&n.current&&(n.current=!1,e())},[t,e]),{onFocus:V.useCallback(()=>{n.current=!0},[]),onBlur:V.useCallback(()=>{n.current=!1},[])}}function Ct(){return hn().isRTL}function wt(){let[e]=V.useState({}),t=V.useCallback((t,n)=>{var r;(r=e[t])==null||r.forEach(e=>{n.isPropagationStopped()||e(n)})},[e]);return{registerSensors:V.useMemo(()=>({onPointerDown:e=>t(ve,e),onPointerMove:e=>t(ye,e),onPointerUp:e=>t(be,e),onPointerLeave:e=>t(xe,e),onPointerCancel:e=>t(Se,e),onKeyDown:e=>t(Ce,e),onKeyUp:e=>t(we,e),onWheel:e=>t(Te,e)}),[t]),subscribeSensors:V.useCallback((t,n)=>(e[t]||(e[t]=[]),e[t].unshift(n),()=>{let r=e[t];r&&r.splice(0,r.length,...r.filter(e=>e!==n))}),[e])}}function Tt(e,t){let n=V.useRef(0),r=yt(),i=B((...t)=>{n.current=Date.now(),e(t)});return V.useCallback((...e)=>{r(()=>{i(e)},t-(Date.now()-n.current))},[t,i,r])}function Et({slide:e,offset:t,render:n,rect:r,imageFit:i,imageProps:a,onClick:o,onLoad:s,onError:c,style:l}){let[u,d]=V.useState(re),{publish:f}=ln(),{setTimeout:p}=_n(),m=V.useRef(null);V.useEffect(()=>{t===0&&f(se(u))},[t,u,f]);let h=B(e=>{(`decode`in e?e.decode():Promise.resolve()).catch(()=>{}).then(()=>{e.parentNode&&(d(oe),p(()=>{s?.(e)},0))})}),g=V.useCallback(e=>{m.current=e,e?.complete&&h(e)},[h]),_=V.useCallback(e=>{h(e.currentTarget)},[h]),v=B(()=>{d(ae),c?.()}),y=He(e,i),b=(e,t)=>Number.isFinite(e)?e:t,x=b(Math.max(...(e.srcSet?.map(e=>e.width)??[]).concat(e.width?[e.width]:[]).filter(Boolean)),m.current?.naturalWidth||0),S=b(Math.max(...(e.srcSet?.map(e=>e.height)??[]).concat(e.height?[e.height]:[]).filter(Boolean)),m.current?.naturalHeight||0),C=x&&S?{maxWidth:`min(${x}px, 100%)`,maxHeight:`min(${S}px, 100%)`}:{maxWidth:`100%`,maxHeight:`100%`},w=e.srcSet?.slice().sort((e,t)=>e.width-t.width).map(e=>`${e.src} ${e.width}w`).join(`, `),T=w&&r&&ze()?`${Math.round(Math.min(r&&!y&&e.width&&e.height?r.height/e.height*e.width:Number.MAX_VALUE,r.width))}px`:void 0,{style:E,className:D,...O}=(typeof a==`function`?a(e):a)||{};return V.createElement(V.Fragment,null,V.createElement(`img`,{ref:g,onLoad:_,onError:v,onClick:o,draggable:!1,className:N(P(Tn()),y&&P(Tn(`cover`)),u!==`complete`&&P(Tn(`loading`)),D),style:{...C,...l,...E},...O,alt:e.alt??``,sizes:T,srcSet:w,src:e.src}),u!==`complete`&&V.createElement(`div`,{className:P(wn(`placeholder`))},u===`loading`&&(n?.iconLoading?n.iconLoading():V.createElement(Sn,{className:N(P(`icon`),P(wn(`loading`)))})),u===`error`&&(n?.iconError?n.iconError():V.createElement(Cn,{className:N(P(`icon`),P(wn(`error`)))}))))}function Dt(e,t,n,r,i){V.useEffect(()=>i?()=>{}:Re(e(ve,t),e(ye,n),e(be,r),e(xe,r),e(Se,r)),[e,t,n,r,i])}function Ot({disableSwipeNavigation:e,closeOnBackdropClick:t},n,r,i,a,o,s,c,l,u,d,f,p,m,h,g){let _=V.useRef(0),v=V.useRef([]),y=V.useRef(void 0),b=V.useRef(0),x=V.useRef(Dn.NONE),S=V.useCallback(e=>{y.current===e.pointerId&&(y.current=void 0,x.current=Dn.NONE);let t=v.current;t.splice(0,t.length,...t.filter(t=>t.pointerId!==e.pointerId))},[]),C=V.useCallback(e=>{S(e),e.persist(),v.current.push(e)},[S]),w=V.useCallback(e=>v.current.find(({pointerId:t})=>e.pointerId===t),[]),T=B(e=>{C(e)}),E=(e,t)=>d&&e>t||u&&e<-t,D=B(e=>{let n=w(e);if(n)if(y.current===e.pointerId){let e=Date.now()-b.current,t=_.current;x.current===Dn.SWIPE?Math.abs(t)>.3*i||Math.abs(t)>5&&e<a?c(t,e):l(t):x.current===Dn.PULL&&(E(t,2*On)?m(t,e):h(t)),_.current=0,x.current=Dn.NONE}else{let{target:r}=e;t&&r instanceof HTMLElement&&r===n.target&&(r.classList.contains(P(`slide`))||r.classList.contains(P(`slide_wrapper`)))&&g()}S(e)});Dt(n,T,B(t=>{let n=w(t);if(n){let i=y.current===t.pointerId;if(t.buttons===0){i&&_.current!==0?D(t):S(n);return}let a=t.clientX-n.clientX,c=t.clientY-n.clientY;if(y.current===void 0){let n=e=>{C(t),y.current=t.pointerId,b.current=Date.now(),x.current=e};Math.abs(a)>Math.abs(c)&&Math.abs(a)>On&&r(a)?e||(n(Dn.SWIPE),o()):Math.abs(c)>Math.abs(a)&&E(c,On)&&(n(Dn.PULL),f())}else i&&(x.current===Dn.SWIPE?(_.current=a,s(a)):x.current===Dn.PULL&&(_.current=c,p(c)))}}),D)}function kt({preventDefaultWheelX:e,preventDefaultWheelY:t}){let n=V.useRef(null),r=B(n=>{let r=Math.abs(n.deltaX)>Math.abs(n.deltaY);(r&&e||!r&&t||n.ctrlKey)&&n.preventDefault()});return V.useCallback(e=>{var t;e?e.addEventListener(`wheel`,r,{passive:!1}):(t=n.current)==null||t.removeEventListener(`wheel`,r),n.current=e},[r])}function At(e,t,n,r,i,a,o,s,c){let l=V.useRef(0),u=V.useRef(0),d=V.useRef(void 0),f=V.useRef(void 0),p=V.useRef(0),m=V.useRef(void 0),h=V.useRef(0),{setTimeout:g,clearTimeout:_}=_n(),v=V.useCallback(()=>{d.current&&=(_(d.current),void 0)},[_]),y=V.useCallback(()=>{f.current&&=(_(f.current),void 0)},[_]),b=B(()=>{e!==G.SWIPE&&(l.current=0,h.current=0,v(),y())});V.useEffect(b,[e,b]);let x=B(e=>{f.current=void 0,l.current===e&&c(l.current)}),S=B(t=>{if(t.ctrlKey||Math.abs(t.deltaY)>Math.abs(t.deltaX))return;let c=e=>{p.current=e,_(m.current),m.current=e>0?g(()=>{p.current=0,m.current=void 0},300):void 0};if(e===G.NONE){if(Math.abs(t.deltaX)<=1.2*Math.abs(p.current)){c(t.deltaX);return}if(!n(-t.deltaX))return;if(u.current+=t.deltaX,v(),Math.abs(u.current)>30)u.current=0,c(0),h.current=Date.now(),a();else{let e=u.current;d.current=g(()=>{d.current=void 0,e===u.current&&(u.current=0)},i)}}else if(e===G.SWIPE){let e=l.current-t.deltaX;if(e=Math.min(Math.abs(e),r)*Math.sign(e),l.current=e,o(e),y(),Math.abs(e)>.2*r){c(t.deltaX),s(e,Date.now()-h.current);return}f.current=g(()=>x(e),2*i)}else c(t.deltaX)});V.useEffect(()=>t(Te,S),[t,S])}function jt({children:e,...t}){let{carousel:n,animation:r,controller:i,on:a,styles:o,render:s}=t,{closeOnPullUp:c,closeOnPullDown:l,preventDefaultWheelX:u,preventDefaultWheelY:d}=i,[f,p]=V.useState(),m=U(),h=pn(),[g,_]=V.useState(G.NONE),v=V.useRef(0),y=V.useRef(0),b=V.useRef(1),{registerSensors:x,subscribeSensors:S}=wt(),{subscribe:C,publish:w}=ln(),T=yt(),E=yt(),D=yt(),{containerRef:O,setContainerRef:k,containerRect:A}=vt(),ee=xt(kt({preventDefaultWheelX:u,preventDefaultWheelY:d}),k),j=V.useRef(null),M=xt(j,void 0),{getOwnerDocument:te}=sn(),ne=Ct(),re=e=>(ne?-1:1)*(typeof e==`number`?e:1),ie=B(()=>O.current?.focus()),ae=B(()=>t),oe=B(()=>m),se=V.useCallback(e=>w(me,e),[w]),ce=V.useCallback(e=>w(he,e),[w]),ue=V.useCallback(()=>w(_e),[w]),de=e=>!(n.finite&&(re(e)>0&&m.currentIndex===0||re(e)<0&&m.currentIndex===m.slides.length-1)),fe=e=>{var t;v.current=e,(t=O.current)==null||t.style.setProperty(F(`swipe_offset`),`${Math.round(e)}px`)},pe=e=>{var t,n;y.current=e,b.current=(()=>{let t=.5,n=l&&e>0?e:c&&e<0?-e:0;return Math.min(Math.max(Be(1-n/60*(1-t),2),t),1)})(),(t=O.current)==null||t.style.setProperty(F(`pull_offset`),`${Math.round(e)}px`),(n=O.current)==null||n.style.setProperty(F(`pull_opacity`),`${b.current}`)},{prepareAnimation:ve}=_t(j,(e,t,n)=>{if(j.current&&A)return{keyframes:[{transform:`translate(0, ${e.rect.y-t.y+n.y}px)`,opacity:e.opacity},{transform:`translate(0, 0)`,opacity:1}],duration:e.duration,easing:r.easing.fade}}),ye=(e,t)=>{if(c||l){pe(e);let n=0;j.current&&(n=r.fade*(t?2:1),ve({rect:j.current.getBoundingClientRect(),opacity:b.current,duration:n})),D(()=>{pe(0),_(G.NONE)},n),_(G.ANIMATION),t||ue()}},{prepareAnimation:be,isAnimationPlaying:xe}=_t(j,(e,t,r)=>{if(j.current&&A&&m.animation?.duration){let i=We(n.spacing),a=(i.percent?i.percent*A.width/100:i.pixel)||0;return{keyframes:[{transform:`translate(${re(m.globalIndex-e.index)*(A.width+a)+e.rect.x-t.x+r.x}px, 0)`},{transform:`translate(0, 0)`}],duration:m.animation.duration,easing:m.animation.easing}}}),Se=B(e=>{let t=e.offset||0,n=t?r.swipe:r.navigation??r.swipe,i=!t&&!xe()?r.easing.navigation:r.easing.swipe,{direction:a}=e,o=e.count??1,s=G.ANIMATION,c=n*o;if(!a){let r=A?.width,i=e.duration||0,s=r?n/r*Math.abs(t):n;o===0?c=n/2:(i<s?c=c/s*Math.max(i,s/5):r&&(c=n/r*(r-Math.abs(t))),a=re(t)>0?me:he)}let l=0;a===`prev`?de(re(1))?l=-o:(s=G.NONE,c=n):a===`next`&&(de(re(-1))?l=o:(s=G.NONE,c=n)),c=Math.round(c),E(()=>{fe(0),_(G.NONE)},c),j.current&&be({rect:j.current.getBoundingClientRect(),index:m.globalIndex}),_(s),w(ge,{type:`swipe`,increment:l,duration:c,easing:i})});V.useEffect(()=>{m.animation?.increment&&m.animation?.duration&&T(()=>h({type:`swipe`,increment:0}),m.animation.duration)},[m.animation,h,T]);let Ce=[S,de,A?.width||0,r.swipe,()=>_(G.SWIPE),e=>fe(e),(e,t)=>Se({offset:e,duration:t,count:1}),e=>Se({offset:e,count:0})],we=[()=>{l&&_(G.PULL)},e=>pe(e),e=>ye(e),e=>ye(e,!0)];Ot(i,...Ce,c,l,...we,ue),At(g,...Ce);let Te=B(()=>{i.focus&&te().querySelector(`.${P(`portal`)} .${P(kn())}`)&&ie()});V.useEffect(Te,[Te]);let Ee=B(()=>{var e;(e=a.view)==null||e.call(a,{index:m.currentIndex})});V.useEffect(Ee,[m.globalIndex,Ee]),V.useEffect(()=>Re(C(me,e=>Se({direction:me,...e})),C(he,e=>Se({direction:he,...e})),C(ge,e=>h(e))),[C,Se,h]);let De=V.useMemo(()=>({prev:se,next:ce,close:ue,focus:ie,slideRect:A?Ge(A,n.padding):{width:0,height:0},containerRect:A||{width:0,height:0},subscribeSensors:S,containerRef:O,setCarouselRef:M,toolbarWidth:f,setToolbarWidth:p}),[se,ce,ue,ie,S,A,O,M,f,p,n.padding]);return V.useImperativeHandle(i.ref,()=>({prev:se,next:ce,close:ue,focus:ie,getLightboxProps:ae,getLightboxState:oe}),[se,ce,ue,ie,ae,oe]),V.createElement(`div`,{ref:ee,className:N(P(kn()),P(le)),style:{...g===G.SWIPE?{[F(`swipe_offset`)]:`${Math.round(v.current)}px`}:null,...g===G.PULL?{[F(`pull_offset`)]:`${Math.round(y.current)}px`,[F(`pull_opacity`)]:`${b.current}`}:null,...i.touchAction===`none`?null:{[F(`controller_touch_action`)]:i.touchAction},...o.container},tabIndex:-1,...x},A&&V.createElement(An.Provider,{value:De},e,s.controls?.call(s)))}function Mt(e){return Pe(C,e)}function Nt(e){return Pe(fe,e)}function Pt({slide:e,offset:t}){let n=V.useRef(null),{currentIndex:r,slides:i}=U(),{slideRect:a,focus:o}=K(),{render:s,carousel:{imageFit:c,imageProps:l},on:{click:u},styles:{slide:d},labels:f}=H(),{getOwnerDocument:p}=sn(),m=t!==0;V.useEffect(()=>{m&&n.current?.contains(p().activeElement)&&o()},[m,o,p]);let h=()=>{let n=s.slide?.call(s,{slide:e,offset:t,rect:a});return!n&&Ve(e)&&(n=V.createElement(Et,{slide:e,offset:t,render:s,rect:a,imageFit:c,imageProps:l,onClick:m?void 0:()=>u?.({index:r})})),n?V.createElement(V.Fragment,null,s.slideHeader?.call(s,{slide:e}),(s.slideContainer??(({children:e})=>e))({slide:e,children:n}),s.slideFooter?.call(s,{slide:e})):null};return V.createElement(`div`,{ref:n,className:N(P(Nt()),!m&&P(Nt(`current`)),P(le)),...et(m),style:d,role:`group`,"aria-roledescription":Ie(f,`Slide`),"aria-label":Le(f,i,r+t)},h())}function Ft(){let e=H().styles.slide;return V.createElement(`div`,{className:P(fe),style:e})}function It({carousel:e,labels:t}){let{slides:n,currentIndex:r,globalIndex:i}=U(),{setCarouselRef:a}=K(),{autoPlaying:o,focusWithin:s}=an(),c=We(e.spacing),l=We(e.padding),u=$e(e,n,1),d=[];if(Je(n))for(let t=r-u;t<=r+u;t+=1){let a=Ye(n,t),o=i-r+t,s=e.finite&&(t<0||t>n.length-1);d.push(s?{key:o}:{key:[`${o}`,Ze(a)].filter(Boolean).join(`|`),offset:t-r,slide:a})}return V.createElement(`div`,{ref:a,className:N(P(Mt()),d.length>0&&P(Mt(`with_slides`))),style:{[`${F(Mt(`slides_count`))}`]:d.length,[`${F(Mt(`spacing_px`))}`]:c.pixel||0,[`${F(Mt(`spacing_percent`))}`]:c.percent||0,[`${F(Mt(`padding_px`))}`]:l.pixel||0,[`${F(Mt(`padding_percent`))}`]:l.percent||0},role:`region`,"aria-live":o&&!s?`off`:`polite`,"aria-roledescription":Ie(t,`Carousel`),"aria-label":Ie(t,`Photo gallery`)},d.map(({key:e,slide:t,offset:n})=>t?V.createElement(Pt,{key:e,slide:t,offset:n}):V.createElement(Ft,{key:e})))}function Lt(){let{carousel:e}=H(),{slides:t,currentIndex:n}=U();return{prevDisabled:t.length===0||e.finite&&n===0,nextDisabled:t.length===0||e.finite&&n===t.length-1}}function Rt(e){let t=Ct(),{publish:n}=ln(),{animation:r,controller:i}=H(),{prevDisabled:a,nextDisabled:o}=Lt(),s=(r.navigation??r.swipe)/2,c=Tt(()=>n(me),s),l=Tt(()=>n(he),s),u=B(e=>{switch(e.key){case Ee:if(!i.closeOnEscape)return;n(_e);break;case De:(t?o:a)||(t?l:c)();break;case Oe:(t?a:o)||(t?c:l)();break;default:return}e.stopPropagation()});V.useEffect(()=>e(Ce,u),[e,u])}function zt({label:e,icon:t,renderIcon:n,action:r,onClick:i,disabled:a,style:o}){return V.createElement(vn,{label:e,icon:t,renderIcon:n,className:P(`navigation_${r}`),disabled:a,onClick:i,style:o,...St(K().focus,a)})}function Bt({render:{buttonPrev:e,buttonNext:t,iconPrev:n,iconNext:r},styles:i}){let{prev:a,next:o,subscribeSensors:s}=K(),{prevDisabled:c,nextDisabled:l}=Lt();return Rt(s),V.createElement(V.Fragment,null,e?e():V.createElement(zt,{label:`Previous`,action:me,icon:bn,renderIcon:n,style:i.navigationPrev,disabled:c,onClick:a}),t?t():V.createElement(zt,{label:`Next`,action:he,icon:xn,renderIcon:r,style:i.navigationNext,disabled:l,onClick:o}))}function Vt(e){return`style`in e}function Ht(e,t,n){let r=window.getComputedStyle(e),i=n?`padding-left`:`padding-right`,a=n?r.paddingLeft:r.paddingRight,o=e.style.getPropertyValue(i);return e.style.setProperty(i,`${(Ue(a)||0)+t}px`),()=>{o?e.style.setProperty(i,o):e.style.removeProperty(i)}}function Ut({noScroll:{disabled:e},children:t}){let n=Ct(),{getOwnerDocument:r,getOwnerWindow:i}=sn();return V.useEffect(()=>{if(e)return()=>{};let t=[],a=i(),{body:o,documentElement:s}=r(),c=Math.round(a.innerWidth-s.clientWidth);if(c>0){t.push(Ht(o,c,n));let e=o.getElementsByTagName(`*`);for(let r=0;r<e.length;r+=1){let i=e[r];Vt(i)&&a.getComputedStyle(i).getPropertyValue(`position`)===`fixed`&&!i.classList.contains(Fn)&&t.push(Ht(i,c,n))}}return o.classList.add(Pn),()=>{o.classList.remove(Pn),t.forEach(e=>e())}},[n,e,r,i]),V.createElement(V.Fragment,null,t)}function Wt(e){return Pe(D,e)}function Gt(e,t,n){let r=e.getAttribute(t);return e.setAttribute(t,n),()=>{r?e.setAttribute(t,r):e.removeAttribute(t)}}function Kt({portal:{root:e,container:{className:t,style:n,...r}={}},animation:i,styles:a,className:o,on:s,close:c,labels:l,children:u}){let[d,f]=V.useState(!1),[p,m]=V.useState(!1),h=V.useRef([]),g=V.useRef(null),{setTimeout:_}=_n(),{subscribe:v}=ln(),y=ht()?0:i.fade;V.useEffect(()=>(f(!0),()=>{f(!1),m(!1)}),[]);let b=B(()=>{h.current.forEach(e=>e()),h.current=[]}),x=B(()=>{var e;m(!1),b(),(e=s.exiting)==null||e.call(s),_(()=>{var e;(e=s.exited)==null||e.call(s),c()},y)});V.useEffect(()=>v(_e,x),[v,x]);let S=B(e=>{var t;tt(e),m(!0),(t=s.entering)==null||t.call(s);let n=e.parentNode?.children??[];for(let t=0;t<n.length;t+=1){let r=n[t];[`TEMPLATE`,`SCRIPT`,`STYLE`].indexOf(r.tagName)===-1&&r!==e&&(h.current.push(Gt(r,`inert`,``)),h.current.push(Gt(r,`aria-hidden`,`true`)))}h.current.push(()=>{var e,t;(t=(e=g.current)?.focus)==null||t.call(e)}),_(()=>{var e;(e=s.entered)==null||e.call(s)},y)}),C=V.useCallback(e=>{e?S(e):b()},[S,b]);return d?(0,$t.createPortal)(V.createElement(En,{ref:C,className:N(o,t,P(Wt()),P(de),p&&P(Wt(`open`))),"aria-modal":!0,role:`dialog`,"aria-label":Ie(l,`Lightbox`),style:{...i.fade===nn.animation.fade?null:{[F(`fade_animation_duration`)]:`${y}ms`},...i.easing.fade===nn.animation.easing.fade?null:{[F(`fade_animation_timing_function`)]:i.easing.fade},...a.root,...n},onFocus:e=>{g.current||=e.relatedTarget},...r},u),(typeof e==`function`?e():e)||document.body):null}function qt({children:e}){return V.createElement(V.Fragment,null,e)}function Jt(e){return Pe(k,e)}function Yt({toolbar:{buttons:e},render:{buttonClose:t,iconClose:n},styles:r}){let{close:i,setToolbarWidth:a}=K(),{setContainerRef:o,containerRect:s}=vt();W(()=>{a(s?.width)},[a,s?.width]);let c=()=>t?t():V.createElement(vn,{key:_e,label:`Close`,icon:yn,renderIcon:n,onClick:i});return V.createElement(`div`,{ref:o,style:r.toolbar,className:P(Jt())},e?.map(e=>e===`close`?c():e))}function Xt(e,t){return V.createElement(e.module.component,{key:e.module.name,...t},e.children?.map(e=>Xt(e,t)))}function Zt(e,t={}){let{easing:n,...r}=e,{easing:i,...a}=t;return{easing:{...n,...i},...r,...a}}function Qt({carousel:e,animation:t,render:n,toolbar:r,controller:i,noScroll:a,on:o,plugins:s,slides:c,index:l,...u}){let{animation:d,carousel:f,render:p,toolbar:m,controller:h,noScroll:g,on:_,slides:v,index:y,plugins:b,...x}=nn,{config:S,augmentation:C}=it([R(Ln,[R(In,[R(jn,[R(Mn),R(zn),R(Nn)])])])],s||b),w=C({animation:Zt(d,t),carousel:{...f,...e},render:{...p,...n},toolbar:{...m,...r},controller:{...h,...i},noScroll:{...g,...a},on:{..._,...o},...x,...u});return w.open?V.createElement(ct,{...w},V.createElement(ut,{slides:c||v,index:Ue(l||y)},V.createElement(ft,null,V.createElement(st,null,V.createElement(at,null,Xt(R(Rn,S),w)))))):null}var V,$t,en,tn,nn,rn,an,on,sn,cn,ln,un,H,dn,U,fn,pn,mn,hn,gn,_n,vn,yn,bn,xn,Sn,Cn,W,wn,Tn,En,G,Dn,On,kn,An,K,jn,Mn,Nn,Pn,Fn,In,Ln,Rn,zn,Bn=t((()=>{V=e(n(),1),Ne(),$t=e(r(),1),en=`yarl__`,tn=Number(`19.2.7`.split(`.`)[0])>=19,nn={open:!1,close:()=>{},index:0,slides:[],render:{},plugins:[],toolbar:{buttons:[_e]},labels:{},animation:{fade:250,swipe:500,easing:{fade:`ease`,swipe:`ease-out`,navigation:`ease-in-out`}},carousel:{finite:!1,preload:2,padding:`16px`,spacing:`30%`,imageFit:je,imageProps:{}},controller:{ref:null,focus:!0,aria:!1,touchAction:`none`,closeOnPullUp:!1,closeOnPullDown:!1,closeOnBackdropClick:!1,closeOnEscape:!0,preventDefaultWheelX:!0,preventDefaultWheelY:!1,disableSwipeNavigation:!1},portal:{},noScroll:{disabled:!1},on:{},styles:{},className:``},rn=V.createContext(null),an=I(`useA11yContext`,`A11yContext`,rn),on=V.createContext(null),sn=I(`useDocument`,`DocumentContext`,on),cn=V.createContext(null),ln=I(`useEvents`,`EventsContext`,cn),un=V.createContext(null),H=I(`useLightboxProps`,`LightboxPropsContext`,un),dn=V.createContext(null),U=I(`useLightboxState`,`LightboxStateContext`,dn),fn=V.createContext(null),pn=I(`useLightboxDispatch`,`LightboxDispatchContext`,fn),mn=V.createContext(null),hn=I(`useRTLContext`,`RTLContext`,mn),gn=V.createContext(null),_n=I(`useTimeouts`,`TimeoutsContext`,gn),vn=V.forwardRef(function({label:e,className:t,icon:n,renderIcon:r,onClick:i,style:a,...o},s){let{styles:c,labels:l}=H(),u=Ie(l,e);return V.createElement(`button`,{ref:s,type:`button`,title:u,"aria-label":u,className:N(P(ke),t),onClick:i,style:{...a,...c.button},...o},r?r():V.createElement(n,{className:P(Ae),style:c.icon}))}),yn=z(`Close`,V.createElement(`path`,{d:`M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z`})),bn=z(`Previous`,V.createElement(`path`,{d:`M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z`})),xn=z(`Next`,V.createElement(`path`,{d:`M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z`})),Sn=z(`Loading`,V.createElement(V.Fragment,null,Array.from({length:8}).map((e,t,n)=>V.createElement(`line`,{key:t,x1:`12`,y1:`6.5`,x2:`12`,y2:`1.8`,strokeLinecap:`round`,strokeWidth:`2.6`,stroke:`currentColor`,strokeOpacity:1/n.length*(t+1),transform:`rotate(${360/n.length*t}, 12, 12)`})))),Cn=z(`Error`,V.createElement(`path`,{d:`M21.9,21.9l-8.49-8.49l0,0L3.59,3.59l0,0L2.1,2.1L0.69,3.51L3,5.83V19c0,1.1,0.9,2,2,2h13.17l2.31,2.31L21.9,21.9z M5,18 l3.5-4.5l2.5,3.01L12.17,15l3,3H5z M21,18.17L5.83,3H19c1.1,0,2,0.9,2,2V18.17z`})),W=ze()?V.useLayoutEffect:V.useEffect,wn=Fe(`slide`),Tn=Fe(`slide_image`),En=V.forwardRef(function({className:e,children:t,onFocus:n,onBlur:r,...i},a){let o=V.useRef(null),[s,c]=V.useState(!1),{trackFocusWithin:l}=an(),u=B(()=>{if(o.current){let e=window.getComputedStyle(o.current).direction===`rtl`;e!==s&&c(e)}});return V.useEffect(u),V.createElement(ot,{nodeRef:o},V.createElement(dt,{isRTL:s},V.createElement(`div`,{ref:xt(a,o),className:N(P(`root`),e),...l(n,r),...i},t)))}),(function(e){e[e.NONE=0]=`NONE`,e[e.SWIPE=1]=`SWIPE`,e[e.PULL=2]=`PULL`,e[e.ANIMATION=3]=`ANIMATION`})(G||={}),(function(e){e[e.NONE=0]=`NONE`,e[e.SWIPE=1]=`SWIPE`,e[e.PULL=2]=`PULL`})(Dn||={}),On=30,kn=Fe(`container`),An=V.createContext(null),K=I(`useController`,`ControllerContext`,An),jn=L(w,jt),Mn=L(C,It),Nn=L(T,Bt),Pn=P(ue),Fn=P(de),In=L(E,Ut),Ln=L(D,Kt),Rn=L(O,qt),zn=L(k,Yt)}));function Vn(){let{captions:e}=H();return Yn(e)}function Hn({captions:e,children:t}){let{ref:n,hidden:r}=Yn(e),[i,a]=q.useState(!r),o=q.useMemo(()=>({visible:i,show:()=>a(!0),hide:()=>a(!1)}),[i]);return q.useImperativeHandle(n,()=>o,[o]),q.createElement(Xn.Provider,{value:o},t)}function Un({title:e}){let{toolbarWidth:t}=K(),{styles:n}=H(),{visible:r}=Zn();return r?q.createElement(`div`,{role:`heading`,"aria-level":2,style:n.captionsTitleContainer,className:N(qn(`captions_container`),qn(`title_container`))},q.createElement(`div`,{className:qn(`title`),style:{...t?{[F(`toolbar_width`)]:`${t}px`}:null,...n.captionsTitle}},e)):null}function Wn({description:e}){let{descriptionTextAlign:t,descriptionMaxLines:n}=Vn(),{styles:r,labels:i}=H(),{visible:a}=Zn();return a?q.createElement(`div`,{style:r.captionsDescriptionContainer,className:N(qn(`captions_container`),qn(`description_container`))},q.createElement(`div`,{className:qn(`description`),style:{...t!==Jn.descriptionTextAlign||n!==Jn.descriptionMaxLines?{[F(`slide_description_text_align`)]:t,[F(`slide_description_max_lines`)]:n}:null,...r.captionsDescription},role:`paragraph`,"aria-roledescription":Ie(i,`Caption`)},typeof e==`string`?e.split(`
-`).flatMap((e,t)=>[...t>0?[q.createElement(`br`,{key:t})]:[],e]):e)):null}function Gn(){let{visible:e,show:t,hide:n}=Zn(),{render:r}=H();return r.buttonCaptions?q.createElement(q.Fragment,null,r.buttonCaptions({visible:e,show:t,hide:n})):q.createElement(vn,{label:e?`Hide captions`:`Show captions`,icon:e?$n:er,renderIcon:e?r.iconCaptionsVisible:r.iconCaptionsHidden,onClick:e?n:t})}function Kn({augment:e,addModule:t}){e(({captions:e,render:{slideFooter:t,...n},toolbar:r,...i})=>{let a=Yn(e);return{render:{slideFooter:({slide:e})=>q.createElement(q.Fragment,null,t?.({slide:e}),e.title&&q.createElement(Un,{title:e.title}),e.description&&q.createElement(Wn,{description:e.description})),...n},toolbar:Qe(r,A,a.showToggle?q.createElement(Gn,null):null),captions:a,...i}}),t(L(A,Hn))}var q,qn,Jn,Yn,Xn,Zn,Qn,$n,er,tr=t((()=>{q=e(n(),1),Bn(),Ne(),qn=e=>P(`slide_${e}`),Jn={descriptionTextAlign:`start`,descriptionMaxLines:3,showToggle:!1,hidden:!1},Yn=e=>({...Jn,...e}),Xn=q.createContext(null),Zn=I(`useCaptions`,`CaptionsContext`,Xn),Qn=()=>q.createElement(q.Fragment,null,q.createElement(`path`,{strokeWidth:2,stroke:`currentColor`,strokeLinejoin:`round`,fill:`none`,d:`M3 5l18 0l0 14l-18 0l0-14z`}),q.createElement(`path`,{d:`M7 15h3c.55 0 1-.45 1-1v-1H9.5v.5h-2v-3h2v.5H11v-1c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1zm7 0h3c.55 0 1-.45 1-1v-1h-1.5v.5h-2v-3h2v.5H18v-1c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1z`})),$n=z(`CaptionsVisible`,Qn()),er=mt(`CaptionsVisible`,Qn())}));function nr({counter:e}){let{slides:t,currentIndex:n}=U(),{separator:r,container:{className:i,...a},className:o,...s}=or(e);return t.length===0?null:ir.createElement(`div`,{className:N(P(`counter`),i||o),...s,...a,"aria-hidden":!0},n+1,` `,r,` `,t.length)}function rr({augment:e,addChild:t}){e(({counter:e,...t})=>({counter:or(e),...t})),t(w,L(ee,nr))}var ir,ar,or,sr=t((()=>{ir=e(n(),1),Bn(),Ne(),ar={separator:`/`,container:{}},or=e=>({...ar,...e})}));function cr(e){if(!e)return;let t=/filename\*\s*=\s*UTF-8''([^;]+)/i.exec(e);if(t)try{let e=decodeURIComponent(t[1].trim());if(e)return e}catch{}return/filename\s*=\s*("[^"]*"|[^;]+)/i.exec(e)?.[1].trim().replace(/^"(.*)"$/,`$1`)||void 0}function lr(e){return/^content-disposition:(.*)$/im.exec(e.getAllResponseHeaders())?.[1]??null}function ur(e,t){let n=new XMLHttpRequest;n.open(`GET`,e),n.responseType=`blob`,n.onload=()=>{pr(n.response,t||cr(lr(n)))},n.onerror=()=>{console.error(`Failed to download file`)},n.send()}function dr(e){let t=new XMLHttpRequest;t.open(`HEAD`,e,!1);try{t.send()}catch{}return t.status>=200&&t.status<=299}function fr(e){try{e.dispatchEvent(new MouseEvent(`click`))}catch{let t=document.createEvent(`MouseEvents`);t.initMouseEvent(`click`,!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(t)}}function pr(e,t){let n=document.createElement(`a`);n.rel=`noopener`,n.download=t||``,n.download||(n.target=`_blank`),typeof e==`string`?(n.href=e,n.origin===window.location.origin?fr(n):dr(n.href)?ur(e,t):(n.target=`_blank`,fr(n))):(n.href=URL.createObjectURL(e),setTimeout(()=>URL.revokeObjectURL(n.href),3e4),setTimeout(()=>fr(n),0))}function mr(){let{render:e,on:t,download:n}=H(),{download:r}=vr(n),{currentSlide:i,currentIndex:a}=U();if(e.buttonDownload)return gr.createElement(gr.Fragment,null,e.buttonDownload());let o=i&&(i.downloadUrl||typeof i.download==`string`&&i.download||typeof i.download==`object`&&i.download.url||Ve(i)&&i.src)||void 0,s=r?i?.download!==!1:!!o,c=()=>{if(i&&o){let e=i.downloadFilename||typeof i.download==`object`&&i.download.filename||void 0;pr(o,e)}};return gr.createElement(vn,{label:`Download`,icon:yr,renderIcon:e.iconDownload,disabled:!s,onClick:()=>{var e;i&&((r||c)({slide:i,saveAs:pr}),(e=t.download)==null||e.call(t,{index:a}))}})}function hr({augment:e}){e(({toolbar:e,download:t,...n})=>({toolbar:Qe(e,j,gr.createElement(mr,null)),download:vr(t),...n}))}var gr,_r,vr,yr,br=t((()=>{gr=e(n(),1),Bn(),Ne(),_r={download:void 0},vr=e=>({..._r,...e}),yr=z(`DownloadIcon`,gr.createElement(`path`,{d:`M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5 5-5z`}))}));function xr({fullscreen:e,on:t,children:n}){let{auto:r,ref:i}=Tr(e),a=J.useRef(null),[o,s]=J.useState(),[c,l]=J.useState(!1),u=J.useRef(!1),{getOwnerDocument:d}=sn();W(()=>{let e=d();s(!(e.fullscreenEnabled??e.webkitFullscreenEnabled??e.mozFullScreenEnabled??e.msFullscreenEnabled??!1))},[d]);let f=J.useCallback(()=>{let e=d(),t=e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement;return t?.shadowRoot?.fullscreenElement||t},[d]),p=J.useCallback(()=>{let e=a.current;try{e.requestFullscreen?e.requestFullscreen().catch(()=>{}):e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.msRequestFullscreen&&e.msRequestFullscreen()}catch{}},[]),m=J.useCallback(()=>{if(!f())return;let e=d();try{e.exitFullscreen?e.exitFullscreen().catch(()=>{}):e.webkitExitFullscreen?e.webkitExitFullscreen():e.mozCancelFullScreen?e.mozCancelFullScreen():e.msExitFullscreen&&e.msExitFullscreen()}catch{}},[f,d]);J.useEffect(()=>{let e=d(),t=()=>{l(f()===a.current)};return Re(...[`fullscreenchange`,`webkitfullscreenchange`,`mozfullscreenchange`,`MSFullscreenChange`].map(n=>(e.addEventListener(n,t),()=>e.removeEventListener(n,t))))},[f,d]);let h=B(()=>t.enterFullscreen?.call(t)),g=B(()=>t.exitFullscreen?.call(t));J.useEffect(()=>{c&&(u.current=!0),u.current&&(c?h:g)()},[c,h,g]);let _=B(()=>{var e;return(e=r?p:null)==null||e(),m});J.useEffect(_,[_]);let v=J.useMemo(()=>({fullscreen:c,disabled:o,enter:p,exit:m}),[c,o,p,m]);return J.useImperativeHandle(i,()=>v,[v]),J.createElement(`div`,{ref:a,className:N(P(M),P(ce))},J.createElement(Er.Provider,{value:v},n))}function Sr(){let{fullscreen:e,disabled:t,enter:n,exit:r}=Dr(),{render:i}=H();return t?null:i.buttonFullscreen?J.createElement(J.Fragment,null,i.buttonFullscreen?.call(i,{fullscreen:e,disabled:t,enter:n,exit:r})):J.createElement(vn,{disabled:t,label:e?`Exit Fullscreen`:`Enter Fullscreen`,icon:e?kr:Or,renderIcon:e?i.iconExitFullscreen:i.iconEnterFullscreen,onClick:e?r:n})}function Cr({augment:e,contains:t,addParent:n}){e(({fullscreen:e,toolbar:t,...n})=>({toolbar:Qe(t,M,J.createElement(Sr,null)),fullscreen:Tr(e),...n})),n(t(`thumbnails`)?te:w,L(M,xr))}var J,wr,Tr,Er,Dr,Or,kr,Ar=t((()=>{J=e(n(),1),Bn(),Ne(),wr={auto:!1,ref:null},Tr=e=>({...wr,...e}),Er=J.createContext(null),Dr=I(`useFullscreen`,`FullscreenContext`,Er),Or=z(`EnterFullscreen`,J.createElement(`path`,{d:`M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z`})),kr=z(`ExitFullscreen`,J.createElement(`path`,{d:`M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z`}))}));function jr(){let{thumbnails:e}=H();return Hr(e)}function Mr({slide:e,render:t,rect:n,imageFit:r}){let i=t.thumbnail?.call(t,{slide:e,render:t,rect:n,imageFit:r});if(i)return i;let a={render:t,rect:n,imageFit:r};if(e.thumbnail)return Y.createElement(Et,{slide:{src:e.thumbnail},...a});if(Ve(e))return Y.createElement(Et,{slide:e,...a});let o=P(X(Ae));return e.type===`video`?Y.createElement(Y.Fragment,null,e.poster&&Y.createElement(Et,{slide:{src:e.poster},...a}),Y.createElement(Wr,{className:o})):Y.createElement(Gr,{className:o})}function Nr({slide:e,index:t,onClick:n,fadeIn:r,fadeOut:i,placeholder:a,onLoseFocus:o}){let s=Y.useRef(null),{render:c,styles:l,labels:u}=H(),{slides:d,globalIndex:f}=U(),{getOwnerDocument:p}=sn(),{width:m,height:h,imageFit:g}=jr(),_={width:m,height:h},v=t===f,y=B(o);return Y.useEffect(()=>{i&&p().activeElement===s.current&&y()},[i,y,p]),Y.createElement(`button`,{ref:s,type:`button`,className:N(P(le),P(X()),v&&P(X(Kr())),r&&P(X(qr())),i&&P(X(Jr())),a&&P(X(Yr()))),style:{...r?{[F(X(qr(Zr)))]:`${r.duration}ms`,[F(X(qr(Xr)))]:`${r.delay}ms`}:null,...i?{[F(X(Jr(Zr)))]:`${i.duration}ms`,[F(X(Jr(Xr)))]:`${i.delay}ms`}:null,...l.thumbnail},onClick:n,"aria-current":v?!0:void 0,"aria-label":Le(u,d,t)},e&&Mr({slide:e,render:c,rect:_,imageFit:g}))}function Pr(e){return[`top`,`bottom`].includes(e)}function Fr(e,t){return t+2*(e.border+e.padding)+e.gap}function Ir(e){let{thumbnail:t,poster:n}=e||{thumbnail:`placeholder`};return typeof t==`string`&&t||typeof n==`string`&&n||e&&Ze(e)||void 0}function Lr({visible:e,containerRef:t}){let n=Y.useRef(null),r=Ct(),{publish:i,subscribe:a}=ln(),{carousel:o,styles:s,labels:c}=H(),{slides:l,globalIndex:u,animation:d}=U(),{registerSensors:f,subscribeSensors:p}=wt();Rt(p);let m=jr(),{position:h,width:g,height:_,border:v,borderStyle:y,borderColor:b,borderRadius:x,padding:S,gap:C,vignette:w}=m,T=d?.duration!==void 0&&d?.increment||0,E=d?.duration||0,{prepareAnimation:D}=_t(n,e=>({keyframes:Pr(h)?[{transform:`translateX(${(r?-1:1)*Fr(m,g)*T+e}px)`},{transform:`translateX(0)`}]:[{transform:`translateY(${Fr(m,_)*T+e}px)`},{transform:`translateY(0)`}],duration:E,easing:d?.easing})),O=B(()=>{let e=0;if(t.current&&n.current){let r=t.current.getBoundingClientRect(),i=n.current.getBoundingClientRect();e=Pr(h)?i.left-r.left-(r.width-i.width)/2:i.top-r.top-(r.height-i.height)/2}D(e)});Y.useEffect(()=>Re(a(ge,O)),[a,O]);let k=$e(o,l),A=[];if(Je(l))for(let e=u-k-Math.abs(T);e<=u+k+Math.abs(T);e+=1){let t=o.finite&&(e<0||e>l.length-1)||T<0&&e<u-k||T>0&&e>u+k?null:Ye(l,e),n=[`${e}`,Ir(t)].filter(Boolean).join(`|`);A.push({key:n,index:e,slide:t})}let ee=e=>()=>{e>u?i(he,{count:e-u}):e<u&&i(me,{count:u-e})};return Y.createElement(`div`,{className:N(P(Ur(`container`)),P(le)),style:{...e?null:{display:`none`},...g===Vr.width?null:{[F(X(`width`))]:`${g}px`},..._===Vr.height?null:{[F(X(`height`))]:`${_}px`},...v===Vr.border?null:{[F(X(`border`))]:`${v}px`},...y?{[F(X(`border_style`))]:y}:null,...b?{[F(X(`border_color`))]:b}:null,...x===Vr.borderRadius?null:{[F(X(`border_radius`))]:`${x}px`},...S===Vr.padding?null:{[F(X(`padding`))]:`${S}px`},...C===Vr.gap?null:{[F(X(`gap`))]:`${C}px`},...s.thumbnailsContainer}},Y.createElement(`nav`,{ref:n,style:s.thumbnailsTrack,className:N(P(Ur(`track`)),P(le)),"aria-label":Ie(c,`Thumbnails`),tabIndex:-1,...f},A.map(({key:e,index:t,slide:r})=>{let i=E/Math.abs(T||1),a=T>0&&t>u+k-T&&t<=u+k||T<0&&t<u-k-T&&t>=u-k?{duration:i,delay:((T>0?t-(u+k-T):u-k-T-t)-1)*i}:void 0,o=T>0&&t<u-k||T<0&&t>u+k?{duration:i,delay:(T>0?T-(u-k-t):-T-(t-(u+k)))*i}:void 0;return Y.createElement(Nr,{key:e,index:t,slide:r,fadeIn:a,fadeOut:o,placeholder:!r,onClick:ee(t),onLoseFocus:()=>n.current?.focus()})})),w&&Y.createElement(`div`,{className:P(Ur(`vignette`))}))}function Rr({children:e,...t}){let{ref:n,position:r,hidden:i}=Hr(t.thumbnails),[a,o]=Y.useState(!i),s=Y.useRef(null),c=Y.useMemo(()=>({visible:a,show:()=>o(!0),hide:()=>o(!1)}),[a]);return Y.useImperativeHandle(n,()=>c,[c]),Y.createElement(ct,{...t},Y.createElement(Qr.Provider,{value:c},Y.createElement(`div`,{ref:s,className:N(P(Ur()),P(Ur(`${r}`)))},[`start`,`top`].includes(r)&&Y.createElement(Lr,{containerRef:s,visible:a}),Y.createElement(`div`,{className:P(Ur(`wrapper`))},e),[`end`,`bottom`].includes(r)&&Y.createElement(Lr,{containerRef:s,visible:a}))))}function zr(){let{visible:e,show:t,hide:n}=$r(),{render:r}=H();return r.buttonThumbnails?Y.createElement(Y.Fragment,null,r.buttonThumbnails({visible:e,show:t,hide:n})):Y.createElement(vn,{label:e?`Hide thumbnails`:`Show thumbnails`,icon:e?ti:ni,renderIcon:e?r.iconThumbnailsVisible:r.iconThumbnailsHidden,onClick:e?n:t})}function Br({augment:e,contains:t,append:n,addParent:r}){e(({thumbnails:e,toolbar:t,...n})=>{let r=Hr(e);return{toolbar:Qe(t,te,r.showToggle?Y.createElement(zr,null):null),thumbnails:r,...n}});let i=L(te,Rr);t(`fullscreen`)?n(M,i):r(w,i)}var Y,Vr,Hr,Ur,X,Wr,Gr,Kr,qr,Jr,Yr,Xr,Zr,Qr,$r,ei,ti,ni,ri=t((()=>{Y=e(n(),1),Bn(),Ne(),Vr={ref:null,position:`bottom`,width:120,height:80,border:1,borderRadius:4,padding:4,gap:16,imageFit:`contain`,vignette:!0,hidden:!1,showToggle:!1},Hr=e=>({...Vr,...e}),Ur=e=>Pe(te,e),X=e=>Ur(Pe(`thumbnail`,e)),Wr=z(`VideoThumbnail`,Y.createElement(`path`,{d:`M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z`})),Gr=z(`UnknownThumbnail`,Y.createElement(`path`,{d:`M23 18V6c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zM8.5 12.5l2.5 3.01L14.5 11l4.5 6H5l3.5-4.5z`})),Kr=Fe(`active`),qr=Fe(`fadein`),Jr=Fe(`fadeout`),Yr=Fe(`placeholder`),Xr=`delay`,Zr=`duration`,Qr=Y.createContext(null),$r=I(`useThumbnails`,`ThumbnailsContext`,Qr),ei=()=>Y.createElement(Y.Fragment,null,Y.createElement(`path`,{strokeWidth:2,stroke:`currentColor`,strokeLinejoin:`round`,fill:`none`,d:`M3 5l18 0l0 14l-18 0l0-14z`}),Y.createElement(`path`,{d:`M5 14h4v3h-4zM10 14h4v3h-4zM15 14h4v3h-4z`})),ti=z(`ThumbnailsVisible`,ei()),ni=mt(`ThumbnailsHidden`,ei())}));function ii(e){return Math.min(Math.max(e,2**-52),1)}function ai(e){let{minZoom:t,...n}={...Si,...e};return{minZoom:ii(t),...n}}function oi(e,t,n,r){let i=Z.useRef(void 0),a=Z.useRef(void 0),{zoom:o}=H().animation,s=ht(),c=B(()=>{var c,l;if((c=i.current)==null||c.cancel(),i.current=void 0,a.current&&r?.current){try{i.current=(l=r.current).animate?.call(l,[{transform:a.current},{transform:`scale(${e}) translateX(${t}px) translateY(${n}px)`}],{duration:s?0:o??500,easing:i.current?`ease-out`:`ease-in-out`})}catch(e){console.error(e)}a.current=void 0,i.current&&(i.current.onfinish=()=>{i.current=void 0})}});return W(c,[e,t,n,c]),Z.useCallback(()=>{a.current=r?.current?window.getComputedStyle(r.current).transform:void 0},[r])}function si(e,t){let{on:n}=H(),r=B(()=>{var r;t||(r=n.zoom)==null||r.call(n,{zoom:e})});Z.useEffect(r,[e,r])}function ci(){let{zoom:e}=H();return ai(e)}function li(e,t){let n=typeof e==`function`?e(t)??Si.maxZoom:e;return Math.max(n,1)}function ui(e,t){let n={width:0,height:0},r={width:0,height:0},{currentSlide:i}=U(),{imageFit:a}=H().carousel,{maxZoomPixelRatio:o,maxZoom:s}=ci();if(e&&i){let s={...i,...t};if(Ve(s)){let t=He(s,a),i=Math.max(...(s.srcSet?.map(e=>e.width)||[]).concat(s.width?[s.width]:[])),c=Math.max(...(s.srcSet?.map(e=>e.height)||[]).concat(s.height?[s.height]:[]));i>0&&c>0&&e.width>0&&e.height>0&&(r=t?{width:Math.round(Math.min(i,e.width/e.height*c)),height:Math.round(Math.min(c,e.height/e.width*i))}:{width:i,height:c},r={width:r.width*o,height:r.height*o},n=t?{width:Math.min(e.width,r.width,i),height:Math.min(e.height,r.height,c)}:{width:Math.round(Math.min(e.width,e.height/c*i,i)),height:Math.round(Math.min(e.height,e.width/i*c,c))})}else e.width>0&&e.height>0&&(n=t&&t.width>0&&t.height>0?{width:Math.min(e.width,t.width),height:Math.min(e.height,t.height)}:{width:e.width,height:e.height})}let c=i&&n.width?Ve(i)?Math.max(Be(r.width/n.width,5),1):li(s,i):1;return{imageRect:n,maxZoom:c}}function di(e,t){return Math.hypot(e.clientX-t.clientX,e.clientY-t.clientY)}function fi(e,t,n=100,r=2){return e*Math.min(1+Math.abs(t/n),r)**Math.sign(t)}function pi(e,t,n,r,i,a,o,s,c){let l=Z.useRef([]),u=Z.useRef(0),d=Z.useRef(void 0),{globalIndex:f}=U(),{getOwnerWindow:p}=sn(),{containerRef:m,subscribeSensors:h}=K(),{keyboardMoveDistance:g,zoomInMultiplier:_,wheelZoomDistanceFactor:v,scrollToZoom:y,doubleTapDelay:b,doubleClickDelay:x,doubleClickMaxStops:S,pinchZoomDistanceFactor:C,pinchZoomV4:w}=ci(),T=Z.useCallback(e=>{if(m.current){let{pageX:t,pageY:n}=e,{scrollX:r,scrollY:i}=p(),{left:a,top:o,width:s,height:c}=m.current.getBoundingClientRect();return[t-a-r-s/2,n-o-i-c/2]}return[]},[m,p]),E=B(t=>{let{key:n,metaKey:r,ctrlKey:c}=t,l=r||c,u=()=>{t.preventDefault(),t.stopPropagation()};if(e>1){let e=(e,t)=>{u(),s(e,t)};n===`ArrowDown`?e(0,g):n===`ArrowUp`?e(0,-g):n===`ArrowLeft`?e(-g,0):n===`ArrowRight`&&e(g,0)}n===`+`||l&&n===`=`?(u(),i()):n===`-`||l&&n===`_`?(u(),a()):l&&n===`0`&&(u(),o(1))}),D=B(t=>{if((t.ctrlKey||y)&&Math.abs(t.deltaY)>Math.abs(t.deltaX)){t.stopPropagation(),o(fi(e,-t.deltaY,v),!0,...T(t));return}e>1&&(t.stopPropagation(),y||s(t.deltaX,t.deltaY))}),O=Z.useCallback(e=>{let t=l.current;t.splice(0,t.length,...t.filter(t=>t.pointerId!==e.pointerId))},[]),k=Z.useCallback(e=>{O(e),e.persist(),l.current.push(e)},[O]),A=B(r=>{let i=l.current;if(r.pointerType===`mouse`&&r.buttons>1||!(c?.current)?.contains(r.target))return;e>1&&r.stopPropagation();let{timeStamp:a}=r;if(i.length===0&&a-u.current<(r.pointerType===`touch`?b:x)?(u.current=0,o(e>=1?e===n?1:e*Math.max(n**(1/S),_):e===t?1:e/Math.max(t**(-1/S),_),!1,...T(r))):u.current=a,k(r),i.length===2){let t=di(i[0],i[1]);d.current={previousDistance:t,initialDistance:Math.max(t,1),initialZoom:e}}}),ee=B(t=>{let n=l.current,r=n.find(e=>e.pointerId===t.pointerId);if(n.length===2&&d.current){t.stopPropagation(),k(t);let r=di(n[0],n[1]);o(w?d.current.initialZoom/d.current.initialDistance*r:fi(e,r-d.current.previousDistance,C),!0,...n.map(e=>T(e)).reduce((e,t)=>t.map((t,n)=>e[n]+t/2))),d.current.previousDistance=r;return}e>1&&(t.stopPropagation(),r&&(n.length===1&&s((r.clientX-t.clientX)/e,(r.clientY-t.clientY)/e),k(t)))}),j=Z.useCallback(e=>{let t=l.current;t.length===2&&t.find(t=>t.pointerId===e.pointerId)&&(d.current=void 0),O(e)},[O]),M=Z.useCallback(()=>{let e=l.current;e.splice(0,e.length),u.current=0,d.current=void 0},[]);Dt(h,A,ee,j,r),Z.useEffect(M,[f,M]),Z.useEffect(()=>r?()=>{}:Re(M,h(Ce,E),h(Te,D)),[r,h,M,E,D])}function mi(e,t,n){let[r,i]=Z.useState(1),[a,o]=Z.useState(0),[s,c]=Z.useState(0),l=oi(r,a,s,n),{currentSlide:u,globalIndex:d}=U(),{containerRect:f,slideRect:p}=K(),{minZoom:m,zoomInMultiplier:h}=ci(),g=u&&Ve(u)?u.src:void 0,_=!n?.current;W(()=>{i(1),o(0),c(0)},[d,g]);let v=Z.useCallback((t,n,i)=>{let l=i||r,u=a-(t||0),d=s-(n||0),f=(e.width*l-p.width)/2/l,m=(e.height*l-p.height)/2/l;o(Math.min(Math.abs(u),Math.max(f,0))*Math.sign(u)),c(Math.min(Math.abs(d),Math.max(m,0))*Math.sign(d))},[r,a,s,p,e.width,e.height]),y=Z.useCallback((e,n,a,o)=>{let s=Be(e+.01<t?e-.01>m?e:m:t,5);n||l(),v(a?a*(1/r-1/s):0,o?o*(1/r-1/s):0,s),i(s)},[r,m,t,v,l]),b=B(()=>{r>1&&(r>t&&y(t,!0),v())});return W(b,[f.width,f.height,b]),{zoom:r,offsetX:a,offsetY:s,disabled:_,changeOffsets:v,changeZoom:y,zoomIn:Z.useCallback(()=>{let e=r*h;y(r<1&&e>1?1:e)},[r,h,y]),zoomOut:Z.useCallback(()=>{let e=r/h;y(r>1&&e<1?1:e)},[r,h,y])}}function hi({children:e}){let[t,n]=Z.useState(),{slideRect:r}=K(),{ref:i,minZoom:a}=ci(),{imageRect:o,maxZoom:s}=ui(r,t?.imageDimensions),{zoom:c,offsetX:l,offsetY:u,disabled:d,changeZoom:f,changeOffsets:p,zoomIn:m,zoomOut:h}=mi(o,s,t?.zoomWrapperRef);si(c,d),pi(c,a,s,d,m,h,f,p,t?.zoomWrapperRef);let g=Z.useMemo(()=>({zoom:c,minZoom:a,maxZoom:s,offsetX:l,offsetY:u,disabled:d,zoomIn:m,zoomOut:h,changeZoom:f}),[c,a,s,l,u,d,m,h,f]);Z.useImperativeHandle(i,()=>g,[g]);let _=Z.useMemo(()=>({...g,setZoomWrapper:n}),[g,n]);return Z.createElement(Ci.Provider,{value:_},e)}function gi(){let e=Z.useRef(null),t=Z.useRef(null),{focus:n}=K(),r=Z.useCallback(e=>{var t;e.current?.disabled?n():(t=e.current)==null||t.focus()},[n]),i=Z.useCallback(()=>r(e),[r]),a=Z.useCallback(()=>r(t),[r]);return Z.createElement(Z.Fragment,null,Z.createElement(Di,{zoomIn:!0,ref:e,onLoseFocus:a}),Z.createElement(Di,{ref:t,onLoseFocus:i}))}function _i(){let{render:e}=H(),t=wi();return e.buttonZoom?Z.createElement(Z.Fragment,null,e.buttonZoom(t)):Z.createElement(gi,null)}function vi(e){return(e.srcSet?.length||0)>0}function yi({current:e,preload:t},{type:n,source:r}){switch(n){case`fetch`:return e?{current:e,preload:r}:{current:r};case`done`:return r===t?{current:r}:{current:e,preload:t};default:throw Error(Me)}}function bi(e){let[{current:t,preload:n},r]=Z.useReducer(yi,{}),{slide:i,rect:a,imageFit:o,render:s,interactive:c}=e,l=i.srcSet.sort((e,t)=>e.width-t.width),u=i.width??l[l.length-1].width,d=i.height??l[l.length-1].height,f=He(i,o),p=Math.max(...l.map(e=>e.width)),m=Math.min((f?Math.max:Math.min)(a.width,u*(a.height/d)),p),h=Ke(),g=B(()=>{let e=l.find(e=>e.width>=m*h)??l[l.length-1];(!t||l.findIndex(e=>e.src===t)<l.findIndex(t=>t===e))&&r({type:`fetch`,source:e.src})});W(g,[a.width,a.height,h,g]);let _=B(e=>r({type:`done`,source:e})),v={WebkitTransform:c?`initial`:`translateZ(0)`};return f||Object.assign(v,a.width/a.height<u/d?{width:`100%`,height:`auto`}:{width:`auto`,height:`100%`}),Z.createElement(Z.Fragment,null,n&&n!==t&&Z.createElement(Et,{key:`preload`,...e,offset:void 0,slide:{...i,src:n,srcSet:void 0},style:{position:`absolute`,visibility:`hidden`,...v},onLoad:()=>_(n),render:{...s,iconLoading:()=>null,iconError:()=>null}}),t&&Z.createElement(Et,{key:`current`,...e,slide:{...i,src:t,srcSet:void 0},style:v}))}function xi({render:e,slide:t,offset:n,rect:r}){let[i,a]=Z.useState(),o=Z.useRef(null),s=Ve(t),{zoom:c,maxZoom:l,offsetX:u,offsetY:d,setZoomWrapper:f}=wi(),p=c>1,{carousel:m,on:h}=H(),{currentIndex:g}=U();W(()=>{if(n!==0||s||!o.current)return()=>{};let e=()=>{let e=o.current;if(!e)return;let t=0,n=0;for(let r of e.children)r instanceof HTMLElement&&(t=Math.max(t,r.offsetWidth),n=Math.max(n,r.offsetHeight));a(e=>e&&e.width===t&&e.height===n?e:{width:t,height:n})};if(e(),typeof ResizeObserver>`u`)return()=>{};let t=new ResizeObserver(e);for(let e of o.current.children)t.observe(e);return()=>t.disconnect()},[n,s,r]),W(()=>n===0?(f({zoomWrapperRef:o,imageDimensions:i}),()=>f(void 0)):()=>{},[n,i,f]);let _=e.slide?.call(e,{slide:t,offset:n,rect:r,zoom:c,maxZoom:l});if(!_&&s){let i={slide:t,offset:n,rect:r,render:e,imageFit:m.imageFit,imageProps:m.imageProps,onClick:n===0?()=>h.click?.call(h,{index:g}):void 0};_=vi(t)?Z.createElement(bi,{...i,slide:t,interactive:p,rect:n===0?{width:r.width*c,height:r.height*c}:r}):Z.createElement(Et,{onLoad:e=>a({width:e.naturalWidth,height:e.naturalHeight}),...i})}return _?Z.createElement(`div`,{ref:o,className:N(P(ce),P(le),P(pe),p&&P(`slide_wrapper_interactive`)),style:n===0?{transform:`scale(${c}) translateX(${u}px) translateY(${d}px)`}:void 0},_):null}var Z,Si,Ci,wi,Ti,Ei,Di,Oi,ki=t((()=>{Z=e(n(),1),Bn(),Ne(),Si={minZoom:1,maxZoomPixelRatio:1,zoomInMultiplier:2,doubleTapDelay:300,doubleClickDelay:500,doubleClickMaxStops:2,keyboardMoveDistance:50,wheelZoomDistanceFactor:100,pinchZoomDistanceFactor:100,pinchZoomV4:!1,scrollToZoom:!1,maxZoom:8},Ci=Z.createContext(null),wi=I(`useZoom`,`ZoomControllerContext`,Ci),Ti=z(`ZoomIn`,Z.createElement(Z.Fragment,null,Z.createElement(`path`,{d:`M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z`}),Z.createElement(`path`,{d:`M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z`}))),Ei=z(`ZoomOut`,Z.createElement(`path`,{d:`M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7z`})),Di=Z.forwardRef(function({zoomIn:e,onLoseFocus:t},n){let r=Z.useRef(!1),i=Z.useRef(!1),{zoom:a,minZoom:o,maxZoom:s,zoomIn:c,zoomOut:l,disabled:u}=wi(),{render:d}=H(),f=u||(e?a>=s:a<=o);return Z.useEffect(()=>{f&&r.current&&i.current&&t(),f||(r.current=!0)},[f,t]),Z.createElement(vn,{ref:n,disabled:f,label:e?`Zoom in`:`Zoom out`,icon:e?Ti:Ei,renderIcon:e?d.iconZoomIn:d.iconZoomOut,onClick:e?c:l,onFocus:()=>{i.current=!0},onBlur:()=>{i.current=!1}})}),Oi=({augment:e,addModule:t})=>{e(({zoom:e,toolbar:t,render:n,controller:r,...i})=>{let a=ai(e);return{zoom:a,toolbar:Qe(t,ne,Z.createElement(_i,null)),render:{...n,slide:e=>Ve(e.slide)||e.slide.type!=null&&a.supports?.includes(e.slide.type)?Z.createElement(xi,{render:n,...e}):n.slide?.call(n,e)},controller:{...r,preventDefaultWheelY:a.scrollToZoom},...i}}),t(L(ne,hi))}}));function Ai(e){return Number.isFinite(e)&&e>0}function ji(e,t){let n=e.width===void 0?e.density===void 0?0:t*e.density:e.width;return Ai(n)?Math.round(n):null}function Mi(e){let{intrinsicWidth:t,intrinsicHeight:n}=e;if(t===void 0||n===void 0||!Ai(t)||!Ai(n))return;let r=new Map;for(let i of e.candidates??[]){let e=ji(i,t);e===null||r.has(e)||r.set(e,{src:i.src,width:e,height:Math.max(1,Math.round(e*n/t))})}let i=[...r.values()].sort((e,t)=>e.width-t.width);return i.length>0?i:void 0}function Ni(e){return e.map(e=>{let t=Ai(e.intrinsicWidth??0)&&Ai(e.intrinsicHeight??0);return{src:e.src,alt:e.alt,width:t?e.intrinsicWidth:void 0,height:t?e.intrinsicHeight:void 0,srcSet:Mi(e),title:e.title===void 0?e.alt:e.title,description:e.description,thumbnail:e.thumbnail,download:e.download}})}var Pi=t((()=>{}));function Fi(e){let t={...Ii,...e};return{Previous:t.previous,Next:t.next,Close:t.close,Slide:t.slide,Carousel:t.carousel,Lightbox:t.lightbox,"Photo gallery":t.photoGallery,"{index} of {total}":t.slideCounter,"Zoom in":t.zoomIn,"Zoom out":t.zoomOut,"Enter Fullscreen":t.enterFullscreen,"Exit Fullscreen":t.exitFullscreen,Thumbnails:t.thumbnails,"Show thumbnails":t.showThumbnails,"Hide thumbnails":t.hideThumbnails,Caption:t.caption,"Show captions":t.showCaptions,"Hide captions":t.hideCaptions,Download:t.download}}var Ii,Li=t((()=>{Ii={previous:`Предыдущее изображение`,next:`Следующее изображение`,close:`Закрыть просмотр`,slide:`Изображение`,carousel:`Карусель изображений`,lightbox:`Просмотр изображений`,photoGallery:`Галерея изображений`,slideCounter:`{index} из {total}`,zoomIn:`Увеличить`,zoomOut:`Уменьшить`,enterFullscreen:`Перейти в полноэкранный режим`,exitFullscreen:`Выйти из полноэкранного режима`,thumbnails:`Миниатюры`,showThumbnails:`Показать миниатюры`,hideThumbnails:`Скрыть миниатюры`,caption:`Подпись изображения`,showCaptions:`Показать подписи`,hideCaptions:`Скрыть подписи`,download:`Скачать изображение`}})),Ri=t((()=>{})),zi=t((()=>{})),Bi=t((()=>{})),Vi=t((()=>{})),Hi,Ui,Wi,Gi,Q,Ki=t((()=>{Hi=`acj1dM`,Ui=`jt3y3m`,Wi=`_2SAWIU`,Gi=`_1GqI3h`,Q={viewer:Hi,icon:Ui,loadingIcon:Wi,imageViewerSpin:Gi}}));function qi({open:e,images:t,index:n=0,onClose:r,onIndexChange:i,features:o,loop:y=!1,closeOnBackdropClick:x=!0,closeOnPullDown:S=!0,labels:C,className:w,style:T}){let E=(0,Ji.useMemo)(()=>Ni(t),[t]),D=Number.isFinite(n)?Math.trunc(n):0,O=E.length>0?Math.min(Math.max(D,0),E.length-1):0,k=t.some(e=>(e.title===void 0?e.alt:e.title)!=null||e.description!==void 0&&e.description!==null),A=o?.captions??k,ee=o?.counter??E.length>1,j=o?.download??!1,M=o?.fullscreen??!0,te=o?.thumbnails??E.length>1,ne=o?.zoom??!0,re=(0,Ji.useMemo)(()=>[...A?[Kn]:[],...ee?[rr]:[],...j?[hr]:[],...M?[Cr]:[],...te?[Br]:[],...ne?[Oi]:[]],[A,ee,j,M,te,ne]),ie=(0,Ji.useMemo)(()=>Fi(C),[C]);return(0,$.jsx)(Qt,{open:e&&E.length>0,close:r,index:O,slides:E,plugins:re,className:a(Q.viewer,w),portal:{container:{style:T}},labels:ie,carousel:{finite:!y},controller:{closeOnBackdropClick:x,closeOnPullDown:S},captions:{showToggle:!0},counter:{separator:` / `},thumbnails:{showToggle:!0},download:{download:({slide:e,saveAs:t})=>{if(!(!Ve(e)||e.download===!1)){if(typeof e.download==`string`){t(e.download);return}if(typeof e.download==`object`){t(e.download.url,e.download.filename);return}t(e.src)}}},on:{view:({index:e})=>{e!==O&&i?.(e)}},render:{iconPrev:()=>(0,$.jsx)(h,{"aria-hidden":`true`,className:Q.icon}),iconNext:()=>(0,$.jsx)(b,{"aria-hidden":`true`,className:Q.icon}),iconClose:()=>(0,$.jsx)(v,{"aria-hidden":`true`,className:Q.icon}),iconLoading:()=>(0,$.jsx)(l,{"aria-hidden":`true`,className:a(Q.icon,Q.loadingIcon)}),iconError:()=>(0,$.jsx)(s,{"aria-hidden":`true`,className:Q.icon}),iconZoomIn:()=>(0,$.jsx)(g,{"aria-hidden":`true`,className:Q.icon}),iconZoomOut:()=>(0,$.jsx)(_,{"aria-hidden":`true`,className:Q.icon}),iconEnterFullscreen:()=>(0,$.jsx)(p,{"aria-hidden":`true`,className:Q.icon}),iconExitFullscreen:()=>(0,$.jsx)(d,{"aria-hidden":`true`,className:Q.icon}),iconThumbnailsVisible:()=>(0,$.jsx)(m,{"aria-hidden":`true`,className:Q.icon}),iconThumbnailsHidden:()=>(0,$.jsx)(m,{"aria-hidden":`true`,className:Q.icon}),iconCaptionsVisible:()=>(0,$.jsx)(c,{"aria-hidden":`true`,className:Q.icon}),iconCaptionsHidden:()=>(0,$.jsx)(f,{"aria-hidden":`true`,className:Q.icon}),iconDownload:()=>(0,$.jsx)(u,{"aria-hidden":`true`,className:Q.icon})}})}var Ji,$,Yi=t((()=>{Ji=e(n(),1),o(),y(),Bn(),tr(),sr(),br(),Ar(),ri(),ki(),Pi(),Li(),Ri(),zi(),Bi(),Vi(),Ki(),$=i(),qi.__docgenInfo={description:`Управляемый полноэкранный viewer поверх Yet Another React Lightbox.
-Компонент изолирует внешний API, сохраняет безопасный для SSR первый render и принимает тот же
-независимый от хранилища responsive-контракт, что ImageView. Визуальные настройки публикуются только как \`--image-viewer-*\`.`,methods:[],displayName:`ImageViewer`,props:{open:{required:!0,tsType:{name:`boolean`},description:``},images:{required:!0,tsType:{name:`unknown`},description:``},index:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},onClose:{required:!0,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onIndexChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(index: number) => void`,signature:{arguments:[{type:{name:`number`},name:`index`}],return:{name:`void`}}},description:``},features:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
-	readonly captions?: boolean;
-	readonly counter?: boolean;
-	readonly download?: boolean;
-	readonly fullscreen?: boolean;
-	readonly thumbnails?: boolean;
-	readonly zoom?: boolean;
-}`,signature:{properties:[{key:`captions`,value:{name:`boolean`,required:!1}},{key:`counter`,value:{name:`boolean`,required:!1}},{key:`download`,value:{name:`boolean`,required:!1}},{key:`fullscreen`,value:{name:`boolean`,required:!1}},{key:`thumbnails`,value:{name:`boolean`,required:!1}},{key:`zoom`,value:{name:`boolean`,required:!1}}]}},description:``},loop:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},closeOnBackdropClick:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},closeOnPullDown:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},labels:{required:!1,tsType:{name:`Partial`,elements:[{name:`signature`,type:`object`,raw:`{
-	readonly previous: string;
-	readonly next: string;
-	readonly close: string;
-	readonly slide: string;
-	readonly carousel: string;
-	readonly lightbox: string;
-	readonly photoGallery: string;
-	readonly slideCounter: string;
-	readonly zoomIn: string;
-	readonly zoomOut: string;
-	readonly enterFullscreen: string;
-	readonly exitFullscreen: string;
-	readonly thumbnails: string;
-	readonly showThumbnails: string;
-	readonly hideThumbnails: string;
-	readonly caption: string;
-	readonly showCaptions: string;
-	readonly hideCaptions: string;
-	readonly download: string;
-}`,signature:{properties:[{key:`previous`,value:{name:`string`,required:!0}},{key:`next`,value:{name:`string`,required:!0}},{key:`close`,value:{name:`string`,required:!0}},{key:`slide`,value:{name:`string`,required:!0}},{key:`carousel`,value:{name:`string`,required:!0}},{key:`lightbox`,value:{name:`string`,required:!0}},{key:`photoGallery`,value:{name:`string`,required:!0}},{key:`slideCounter`,value:{name:`string`,required:!0}},{key:`zoomIn`,value:{name:`string`,required:!0}},{key:`zoomOut`,value:{name:`string`,required:!0}},{key:`enterFullscreen`,value:{name:`string`,required:!0}},{key:`exitFullscreen`,value:{name:`string`,required:!0}},{key:`thumbnails`,value:{name:`string`,required:!0}},{key:`showThumbnails`,value:{name:`string`,required:!0}},{key:`hideThumbnails`,value:{name:`string`,required:!0}},{key:`caption`,value:{name:`string`,required:!0}},{key:`showCaptions`,value:{name:`string`,required:!0}},{key:`hideCaptions`,value:{name:`string`,required:!0}},{key:`download`,value:{name:`string`,required:!0}}]}}],raw:`Partial<ImageViewerLabels>`},description:``},className:{required:!1,tsType:{name:`string`},description:``},style:{required:!1,tsType:{name:`intersection`,raw:`CSSProperties & Partial<Record<ImageViewerCssVariable, string | number>>`,elements:[{name:`CSSProperties`},{name:`Partial`,elements:[{name:`Record`,elements:[{name:`union`,raw:`| "--image-viewer-z-index"
-| "--image-viewer-backdrop"
-| "--image-viewer-control-color"
-| "--image-viewer-control-active-color"
-| "--image-viewer-control-disabled-color"
-| "--image-viewer-control-background"
-| "--image-viewer-control-border"
-| "--image-viewer-control-radius"
-| "--image-viewer-control-filter"
-| "--image-viewer-icon-size"
-| "--image-viewer-icon-stroke-width"
-| "--image-viewer-toolbar-padding"
-| "--image-viewer-focus"
-| "--image-viewer-focus-offset"
-| "--image-viewer-image-radius"
-| "--image-viewer-caption-background"
-| "--image-viewer-caption-color"
-| "--image-viewer-counter-color"
-| "--image-viewer-thumbnail-background"
-| "--image-viewer-thumbnail-border-color"
-| "--image-viewer-thumbnail-active-border-color"
-| "--image-viewer-loading-color"
-| "--image-viewer-error-color"`,elements:[{name:`literal`,value:`"--image-viewer-z-index"`},{name:`literal`,value:`"--image-viewer-backdrop"`},{name:`literal`,value:`"--image-viewer-control-color"`},{name:`literal`,value:`"--image-viewer-control-active-color"`},{name:`literal`,value:`"--image-viewer-control-disabled-color"`},{name:`literal`,value:`"--image-viewer-control-background"`},{name:`literal`,value:`"--image-viewer-control-border"`},{name:`literal`,value:`"--image-viewer-control-radius"`},{name:`literal`,value:`"--image-viewer-control-filter"`},{name:`literal`,value:`"--image-viewer-icon-size"`},{name:`literal`,value:`"--image-viewer-icon-stroke-width"`},{name:`literal`,value:`"--image-viewer-toolbar-padding"`},{name:`literal`,value:`"--image-viewer-focus"`},{name:`literal`,value:`"--image-viewer-focus-offset"`},{name:`literal`,value:`"--image-viewer-image-radius"`},{name:`literal`,value:`"--image-viewer-caption-background"`},{name:`literal`,value:`"--image-viewer-caption-color"`},{name:`literal`,value:`"--image-viewer-counter-color"`},{name:`literal`,value:`"--image-viewer-thumbnail-background"`},{name:`literal`,value:`"--image-viewer-thumbnail-border-color"`},{name:`literal`,value:`"--image-viewer-thumbnail-active-border-color"`},{name:`literal`,value:`"--image-viewer-loading-color"`},{name:`literal`,value:`"--image-viewer-error-color"`}]},{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]}],raw:`Record<ImageViewerCssVariable, string | number>`}],raw:`Partial<Record<ImageViewerCssVariable, string | number>>`}]},description:``}}}}));function Xi(e,t,n=`webp`){return`https://images.unsplash.com/${e}?auto=format&fit=crop&w=${t}&fm=${n}&q=80`}var Zi,Qi,$i,ea,ta,na,ra,ia,aa;t((()=>{Zi=e(n(),1),S(),Yi(),Qi=i(),$i=[`photo-1500530855697-b586d89ba3ee`,`photo-1441974231531-c6227db76b6e`,`photo-1470252649378-9c29740c9fa8`],ea=$i.map((e,t)=>({src:Xi(e,1600),alt:`Природный пейзаж ${t+1}`,title:`Изображение ${t+1}`,description:`Responsive slide с миниатюрой, zoom, fullscreen и доступной русской навигацией.`,thumbnail:Xi(e,240),intrinsicWidth:1600,intrinsicHeight:900,candidates:[640,1280,1600].map(t=>({src:Xi(e,t),width:t})),sources:[{type:`image/avif`,candidates:[640,1280,1600].map(t=>({src:Xi(e,t,`avif`),width:t}))}],download:{url:Xi(e,2e3,`jpg`),filename:`landscape-${t+1}.jpg`}})),ta={"--image-viewer-backdrop":`rgb(8 14 28 / 96%)`,"--image-viewer-control-active-color":`#7dd3fc`,"--image-viewer-thumbnail-active-border-color":`#7dd3fc`,"--image-viewer-caption-background":`rgb(8 14 28 / 72%)`},na={title:`Shared/UI/Image/ImageViewer`,component:qi,args:{open:!1,images:ea,onClose:()=>void 0},parameters:{layout:`centered`}},ra={render:e=>{let[t,n]=(0,Zi.useState)(!1),[r,i]=(0,Zi.useState)(0);return(0,Qi.jsxs)(Qi.Fragment,{children:[(0,Qi.jsx)(x,{onClick:()=>n(!0),children:`Открыть галерею`}),(0,Qi.jsx)(qi,{...e,open:t,index:r,onClose:()=>n(!1),onIndexChange:i,features:{download:!0},style:ta})]})}},ia={render:e=>{let[t,n]=(0,Zi.useState)(!1);return(0,Qi.jsxs)(Qi.Fragment,{children:[(0,Qi.jsx)(x,{onClick:()=>n(!0),children:`Открыть одно изображение`}),(0,Qi.jsx)(qi,{...e,open:t,images:ea.slice(0,1),onClose:()=>n(!1)})]})}},ra.parameters={...ra.parameters,docs:{...ra.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [open, setOpen] = useState(false);
-    const [index, setIndex] = useState(0);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть галерею</Button>
-                <ImageViewer {...args} open={open} index={index} onClose={() => setOpen(false)} onIndexChange={setIndex} features={{
-        download: true
-      }} style={CUSTOM_STYLE} />
-            </>;
-  }
-}`,...ra.parameters?.docs?.source}}},ia.parameters={...ia.parameters,docs:{...ia.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть одно изображение</Button>
-                <ImageViewer {...args} open={open} images={IMAGES.slice(0, 1)} onClose={() => setOpen(false)} />
-            </>;
-  }
-}`,...ia.parameters?.docs?.source}}},aa=[`ResponsiveGallery`,`SingleImage`]}))();export{ra as ResponsiveGallery,ia as SingleImage,aa as __namedExportsOrder,na as default};

package/storybook-static/assets/Modal.stories-DmnMwG9h.js

@@ -1,180 +0,0 @@
-import{a as e,c as t,i as n}from"./preload-helper-B45gAKPr.js";import{C as r}from"./iframe-Dw3PG8YA.js";import{t as i}from"./react-dom-DXk3dBb-.js";import{t as a}from"./jsx-runtime-BBQGix-2.js";import{a as o,i as s}from"./utils-CnV3Gszu.js";import{o as c,t as l}from"./lucide-react-DMM2-ayk.js";import{a as u,i as ee,r as te,s as ne}from"./error-DHDPaDqg.js";import{o as d}from"./Flex-BtfZvPDu.js";import{t as f}from"./flex-BWOaXKdl.js";import{t as p}from"./Button-DuNV63ZS.js";import{t as m}from"./button-D2JNy4h8.js";import{t as h}from"./Input-DD9fx2Sx.js";import{t as g}from"./input-Cv9ps4La.js";import{i as re}from"./Grid-D_d69WcK.js";import{t as ie}from"./grid-BwTl00V9.js";import{i as _,t as v}from"./misc-7hwZFEXA.js";var y,b,x,S,C,w,T,ae,E,D,O,k,oe=n((()=>{y=`vGPUKV`,b=`O7gb7P`,x=`RVq8v3`,S=`PCSUAL`,C=`XDCHzq`,w=`t1kl8L`,T=`o3PEEB`,ae=`WhUkxm`,E=`NDgdMi`,D=`JDlse5`,O=`FaDKSt`,k={modal:y,sm:b,md:x,lg:S,xl:C,xxl:w,inside:T,header:ae,body:E,headerText:D,headerButton:O}})),A,j,M,N=n((()=>{A=t(r(),1),j=(0,A.createContext)({modals:[],openModal:()=>{},closeModal:()=>{},isTopModal:()=>!1}),M=()=>(0,A.useContext)(j)})),P,F,I,L,R,z,B,se=n((()=>{P=t(r(),1),u(),s(),l(),F=t(i(),1),m(),f(),ie(),v(),oe(),N(),I=a(),L=({children:e,className:t})=>(0,I.jsx)(`div`,{className:o(`surface2 paddingMd borderBottom`,t),children:e}),L.displayName=`Modal.Toolbar`,R=({children:e,className:t,scrollable:n})=>(0,I.jsx)(`div`,{className:o(`paddingMd h100 overflowHidden`,t),children:n?(0,I.jsx)(_,{className:`h100`,children:e}):e}),R.displayName=`Modal.Content`,z=({children:e,className:t})=>(0,I.jsx)(`div`,{className:o(`surface2 borderTop paddingMd`,t),children:(0,I.jsx)(d,{gap:`sm`,align:`center`,justify:`end`,children:e})}),z.displayName=`Modal.Footer`,B=({isOpen:e,title:t,size:n=`sm`,height:r,onClose:i,children:a})=>{let s=(0,P.useId)(),l=(0,P.useId)(),{modals:u,openModal:d,closeModal:f,isTopModal:m}=M(),[h,g]=(0,P.useState)(!1),ie=(0,P.useEffectEvent)(()=>g(!0)),_=(0,P.useEffectEvent)(()=>g(!1)),v=e&&(u.length===0||m(s)),y=ne(e||!1);if(ee({active:v||!1,onDismiss:i,containerRef:y}),(0,P.useEffect)(()=>(e&&(d(s),ie()),()=>{f(s),_()}),[f,e,s,d]),!h)return null;let b=te(`modal-root`);if(!b)return null;let x=null,S=null,C=null,w=P.Children.toArray(a);for(let e of w)switch(e.type.displayName){case L.displayName:if(x)throw Error(`Modal: duplicate <Toolbar> found`);x=e;break;case z.displayName:if(C)throw Error(`Modal: duplicate <Footer> found`);C=e;break;case R.displayName:if(S)throw Error(`Modal: duplicate <Content> found`);S=e;break}return(0,F.createPortal)((0,I.jsx)(I.Fragment,{children:(0,I.jsxs)(`div`,{ref:y,className:o(k.modal,k[n]),style:{height:r},role:`dialog`,"aria-modal":`true`,"aria-labelledby":l,"aria-describedby":`${l}-content`,children:[(0,I.jsxs)(`div`,{className:o(k.header,x?``:`borderBottom`),children:[(0,I.jsx)(`h3`,{className:k.headerText,id:l,children:t}),(0,I.jsx)(p,{icon:(0,I.jsx)(c,{}),className:k.headerButton,variant:`ghost`,autoFocus:!0,"aria-label":`Закрыть модальное окно`,onClick:i})]}),(0,I.jsxs)(re,{id:`${l}-content`,templateRows:`${x?`auto`:``} 1fr ${C?`auto`:``}`.trim(),className:k.body,children:[x,S,C]})]})}),b)},L.__docgenInfo={description:``,methods:[],displayName:`Modal.Toolbar`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}},R.__docgenInfo={description:``,methods:[],displayName:`Modal.Content`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``},scrollable:{required:!1,tsType:{name:`boolean`},description:``}}},z.__docgenInfo={description:``,methods:[],displayName:`Modal.Footer`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},className:{required:!1,tsType:{name:`string`},description:``}}}}));function V({children:e,compensateScrollbar:t=!1}){let[n,r]=(0,H.useState)([]),i=(0,H.useRef)(0),a=(0,H.useRef)(0),o=(0,H.useRef)(``),s=(0,H.useRef)(!1),c=(0,H.useCallback)(e=>{r(t=>[...t,e])},[]),l=(0,H.useCallback)(e=>{r(t=>t.filter(t=>t!==e))},[]),u=(0,H.useCallback)(e=>n[n.length-1]===e,[n]);return(0,H.useEffect)(()=>{let e=i.current===0;if(e&&n.length>0){let e=window.scrollY,r=document.querySelector(`#app-root`);a.current=Math.max(0,window.innerWidth-document.documentElement.clientWidth),o.current=document.body.style.paddingRight,document.body.style.position=`fixed`,document.body.style.top=`-${e}px`,document.body.style.width=`100%`,t&&(document.body.style.paddingRight=`${a.current}px`,s.current=!0),r?.setAttribute(`inert`,`true`),i.current=n.length;return}if(!e&&n.length>0&&t!==s.current&&(document.body.style.paddingRight=t?`${a.current}px`:o.current,s.current=t),!e&&n.length===0){let e=document.querySelector(`#app-root`),t=parseInt(document.body.style.top||`0`)*-1;document.body.style.position=``,document.body.style.top=``,document.body.style.width=``,s.current&&=(document.body.style.paddingRight=o.current,!1),e?.removeAttribute(`inert`),window.scrollTo({top:t,left:0,behavior:`instant`})}i.current=n.length},[t,n.length]),(0,U.jsx)(j.Provider,{value:{modals:n,openModal:c,closeModal:l,isTopModal:u},children:e})}var H,U,ce=n((()=>{H=t(r(),1),N(),U=a(),V.__docgenInfo={description:`Провайдер для централизованного управления стеком модальных окон. Дает вложенным компонентам доступ к открытию и закрытию модалок через контекст.`,methods:[],displayName:`ModalManagerProvider`,props:{children:{required:!0,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},compensateScrollbar:{required:!1,tsType:{name:`boolean`},description:`Компенсирует исчезновение скроллбара правым padding у body.`,defaultValue:{value:`false`,computed:!1}}}}})),le=n((()=>{se(),ce(),N()})),ue=e({Controlled:()=>J,ScrollableContent:()=>X,Sizes:()=>Z,StackedModals:()=>Q,WithToolbarAndFooter:()=>Y,__namedExportsOrder:()=>$,default:()=>q});function de({children:e}){return(0,K.jsx)(`div`,{style:{minHeight:`60dvh`,padding:24,display:`flex`,alignItems:`center`,justifyContent:`center`},children:e})}function W(){let[e,t]=(0,G.useState)(`Алексей`),[n,r]=(0,G.useState)(`Департамент автоматизации бизнеса`);return(0,K.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,K.jsx)(h,{label:`Имя`,value:e,onChange:t,placeholder:`Введите имя`}),(0,K.jsx)(h,{label:`Подразделение`,value:n,onChange:r,placeholder:`Введите подразделение`}),(0,K.jsxs)(`div`,{style:{padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[`Текущие значения: `,e||`не указано`,`, `,n||`не указано`]})]})}var G,K,q,J,Y,X,Z,Q,$,fe=n((()=>{G=t(r(),1),m(),g(),le(),K=a(),q={title:`Shared/UI/Modal`,component:B,parameters:{atomicCanvas:!0,layout:`fullscreen`,docs:{description:{component:"Композиционная модалка с `Toolbar`, `Content` и `Footer`, поддержкой focus trap, возврата фокуса, закрытия по `Escape` и менеджером стека через `ModalManagerProvider`."}}},decorators:[e=>(0,K.jsx)(V,{children:(0,K.jsx)(de,{children:e()})})],args:{isOpen:!1,title:`Редактирование профиля`,size:`md`,height:void 0,onClose:()=>{},children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(p,{variant:`transparent`,children:`Отмена`}),(0,K.jsx)(p,{children:`Сохранить`})]})]})},argTypes:{isOpen:{description:`Управляет видимостью модального окна.`,control:`boolean`},title:{description:`Заголовок модального окна.`,control:`text`},size:{description:`Предустановленный размер модального окна.`,control:`inline-radio`,options:[`sm`,`md`,`lg`,`xl`,`inside`]},height:{description:`Явная высота body-области модалки.`,control:`text`},onClose:{description:"Вызывается при закрытии по кнопке, `Escape` или пользовательскому действию.",control:!1},children:{description:"Композиция из `ModalToolbar`, `ModalContent`, `ModalFooter`.",control:!1}}},J={name:`Управляемая модалка`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(p,{onClick:()=>n(!0),children:`Открыть модалку`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),children:[(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(p,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,K.jsx)(p,{onClick:()=>n(!1),children:`Сохранить`})]})]})]})}},Y={name:`Полная композиция`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(p,{onClick:()=>n(!0),children:`Открыть сценарий редактирования`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),height:`min(34rem, 70dvh)`,children:[(0,K.jsx)(L,{children:(0,K.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12,padding:12,borderRadius:8,background:`var(--surface-1)`,border:`1px solid var(--border-1)`},children:[(0,K.jsxs)(`div`,{children:[(0,K.jsx)(`div`,{style:{fontWeight:600},children:`Черновик обновлён автоматически`}),(0,K.jsx)(`div`,{style:{opacity:.72},children:`Последнее сохранение: 2 минуты назад`})]}),(0,K.jsx)(p,{variant:`transparent`,children:`Сбросить`})]})}),(0,K.jsx)(R,{children:(0,K.jsx)(W,{})}),(0,K.jsxs)(z,{children:[(0,K.jsx)(p,{variant:`transparent`,onClick:()=>n(!1),children:`Отмена`}),(0,K.jsx)(p,{variant:`success`,onClick:()=>n(!1),children:`Применить`})]})]})]})}},X={name:`Длинный контент`,render:e=>{let[t,n]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(p,{onClick:()=>n(!0),children:`Открыть длинный контент`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>n(!1),size:`lg`,height:`min(38rem, 75dvh)`,title:`Журнал изменений`,children:[(0,K.jsx)(R,{children:(0,K.jsx)(`div`,{style:{display:`grid`,gap:12},children:Array.from({length:18},(e,t)=>(0,K.jsxs)(`div`,{style:{padding:12,borderRadius:8,border:`1px solid var(--border-1)`,background:`var(--surface-1)`},children:[(0,K.jsxs)(`div`,{style:{fontWeight:600},children:[`Событие #`,t+1]}),(0,K.jsx)(`div`,{style:{opacity:.72},children:`Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.`})]},t))})}),(0,K.jsx)(z,{children:(0,K.jsx)(p,{onClick:()=>n(!1),children:`Закрыть`})})]})]})}},Z={name:`Размеры`,render:()=>{let[e,t]=(0,G.useState)(null);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(`div`,{style:{display:`flex`,flexWrap:`wrap`,gap:12,justifyContent:`center`},children:[`sm`,`md`,`lg`,`xl`,`inside`].map(e=>(0,K.jsx)(p,{variant:`transparent`,onClick:()=>t(e),children:e.toUpperCase()},e))}),e&&(0,K.jsxs)(B,{isOpen:!0,onClose:()=>t(null),size:e,title:`Размер ${e.toUpperCase()}`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,K.jsx)(`div`,{children:`Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.`}),(0,K.jsx)(`div`,{style:{opacity:.72},children:"Проверьте отступы, читабельность и поведение при `Escape`."})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(p,{onClick:()=>t(null),children:`Понятно`})})]})]})}},Q={name:`Стек модалок`,render:e=>{let[t,n]=(0,G.useState)(!1),[r,i]=(0,G.useState)(!1);return(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(p,{onClick:()=>n(!0),children:`Открыть первую модалку`}),(0,K.jsxs)(B,{...e,isOpen:t,onClose:()=>{i(!1),n(!1)},size:`lg`,title:`Первая модалка`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:16},children:[(0,K.jsx)(`div`,{children:"Откройте вторую модалку и проверьте, что `Escape` закрывает только верхний слой."}),(0,K.jsx)(p,{variant:`transparent`,onClick:()=>i(!0),children:`Открыть вторую модалку`})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(p,{variant:`transparent`,onClick:()=>n(!1),children:`Закрыть первую`})})]}),(0,K.jsxs)(B,{isOpen:r,onClose:()=>i(!1),size:`sm`,title:`Вторая модалка`,children:[(0,K.jsx)(R,{children:(0,K.jsxs)(`div`,{style:{display:`grid`,gap:12},children:[(0,K.jsx)(`div`,{children:`Эта модалка должна считаться верхней в стеке.`}),(0,K.jsx)(h,{label:`Короткое поле`,value:`Фокус внутри`,onChange:()=>{}})]})}),(0,K.jsx)(z,{children:(0,K.jsx)(p,{onClick:()=>i(!1),children:`Закрыть вторую`})})]})]})}},J.parameters={...J.parameters,docs:{...J.parameters?.docs,source:{originalSource:`{
-  name: "Управляемая модалка",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть модалку</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)}>
-                    <ModalContent>
-                        <DemoFormContent />
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOpen(false)}>
-                            Отмена
-                        </Button>
-                        <Button onClick={() => setOpen(false)}>Сохранить</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...J.parameters?.docs?.source}}},Y.parameters={...Y.parameters,docs:{...Y.parameters?.docs,source:{originalSource:`{
-  name: "Полная композиция",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть сценарий редактирования</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)} height="min(34rem, 70dvh)">
-                    <ModalToolbar>
-                        <div style={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: 12,
-            padding: 12,
-            borderRadius: 8,
-            background: "var(--surface-1)",
-            border: "1px solid var(--border-1)"
-          }}>
-                            <div>
-                                <div style={{
-                fontWeight: 600
-              }}>Черновик обновлён автоматически</div>
-                                <div style={{
-                opacity: 0.72
-              }}>Последнее сохранение: 2 минуты назад</div>
-                            </div>
-                            <Button variant="transparent">Сбросить</Button>
-                        </div>
-                    </ModalToolbar>
-                    <ModalContent>
-                        <DemoFormContent />
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOpen(false)}>
-                            Отмена
-                        </Button>
-                        <Button variant="success" onClick={() => setOpen(false)}>
-                            Применить
-                        </Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...Y.parameters?.docs?.source}}},X.parameters={...X.parameters,docs:{...X.parameters?.docs,source:{originalSource:`{
-  name: "Длинный контент",
-  render: args => {
-    const [open, setOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOpen(true)}>Открыть длинный контент</Button>
-                <Modal {...args} isOpen={open} onClose={() => setOpen(false)} size="lg" height="min(38rem, 75dvh)" title="Журнал изменений">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                            {Array.from({
-              length: 18
-            }, (_, index) => <div key={index} style={{
-              padding: 12,
-              borderRadius: 8,
-              border: "1px solid var(--border-1)",
-              background: "var(--surface-1)"
-            }}>
-                                    <div style={{
-                fontWeight: 600
-              }}>Событие #{index + 1}</div>
-                                    <div style={{
-                opacity: 0.72
-              }}>
-                                        Пользователь обновил настройки карточки, изменил состав полей и подтвердил сохранение конфигурации.
-                                    </div>
-                                </div>)}
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button onClick={() => setOpen(false)}>Закрыть</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...X.parameters?.docs?.source}}},Z.parameters={...Z.parameters,docs:{...Z.parameters?.docs,source:{originalSource:`{
-  name: "Размеры",
-  render: () => {
-    const [openSize, setOpenSize] = useState<"sm" | "md" | "lg" | "xl" | "inside" | null>(null);
-    return <>
-                <div style={{
-        display: "flex",
-        flexWrap: "wrap",
-        gap: 12,
-        justifyContent: "center"
-      }}>
-                    {(["sm", "md", "lg", "xl", "inside"] as const).map(size => <Button key={size} variant="transparent" onClick={() => setOpenSize(size)}>
-                            {size.toUpperCase()}
-                        </Button>)}
-                </div>
-
-                {openSize && <Modal isOpen onClose={() => setOpenSize(null)} size={openSize} title={\`Размер \${openSize.toUpperCase()}\`}>
-                        <ModalContent>
-                            <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                                <div>Этот сценарий помогает быстро сравнить ширину и поведение модалки для разных размеров.</div>
-                                <div style={{
-              opacity: 0.72
-            }}>Проверьте отступы, читабельность и поведение при \`Escape\`.</div>
-                            </div>
-                        </ModalContent>
-                        <ModalFooter>
-                            <Button onClick={() => setOpenSize(null)}>Понятно</Button>
-                        </ModalFooter>
-                    </Modal>}
-            </>;
-  }
-}`,...Z.parameters?.docs?.source}}},Q.parameters={...Q.parameters,docs:{...Q.parameters?.docs,source:{originalSource:`{
-  name: "Стек модалок",
-  render: args => {
-    const [outerOpen, setOuterOpen] = useState(false);
-    const [innerOpen, setInnerOpen] = useState(false);
-    return <>
-                <Button onClick={() => setOuterOpen(true)}>Открыть первую модалку</Button>
-
-                <Modal {...args} isOpen={outerOpen} onClose={() => {
-        setInnerOpen(false);
-        setOuterOpen(false);
-      }} size="lg" title="Первая модалка">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 16
-          }}>
-                            <div>Откройте вторую модалку и проверьте, что \`Escape\` закрывает только верхний слой.</div>
-                            <Button variant="transparent" onClick={() => setInnerOpen(true)}>
-                                Открыть вторую модалку
-                            </Button>
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button variant="transparent" onClick={() => setOuterOpen(false)}>
-                            Закрыть первую
-                        </Button>
-                    </ModalFooter>
-                </Modal>
-
-                <Modal isOpen={innerOpen} onClose={() => setInnerOpen(false)} size="sm" title="Вторая модалка">
-                    <ModalContent>
-                        <div style={{
-            display: "grid",
-            gap: 12
-          }}>
-                            <div>Эта модалка должна считаться верхней в стеке.</div>
-                            <Input label="Короткое поле" value={"Фокус внутри"} onChange={() => {}} />
-                        </div>
-                    </ModalContent>
-                    <ModalFooter>
-                        <Button onClick={() => setInnerOpen(false)}>Закрыть вторую</Button>
-                    </ModalFooter>
-                </Modal>
-            </>;
-  }
-}`,...Q.parameters?.docs?.source}}},$=[`Controlled`,`WithToolbarAndFooter`,`ScrollableContent`,`Sizes`,`StackedModals`]}));fe();export{J as Controlled,X as ScrollableContent,Z as Sizes,Q as StackedModals,Y as WithToolbarAndFooter,$ as __namedExportsOrder,q as default,fe as n,ue as t};

package/storybook-static/assets/formatter-L2YTDE3Q-CO9xKxzu.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{m as t,p as n}from"./iframe-Dw3PG8YA.js";import{i as r,n as i,r as a,t as o}from"./chunk-3LY4VQVK-jaQG9QeP.js";var s;e((()=>{a(),i(),t(),s=(0,n(r(),1).default)(2)(async(e,t)=>e===!1?t:o(t))}))();export{s as formatter};

package/storybook-static/assets/grid-BwTl00V9.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{a as t,n,r}from"./Grid-D_d69WcK.js";var i=e((()=>{n(),t(),r()}));export{i as t};

package/storybook-static/assets/odata-service-RLReWm0A.js

@@ -1 +0,0 @@
-import{i as e}from"./preload-helper-B45gAKPr.js";import{P as t}from"./formatters-BaQpdAeu.js";var n=e((()=>{t()}));export{n as t};