@ryuzaki13/react-foundation-ui 3.4.3 → 3.5.0

package/dist/badge/index.js

@@ -1,2 +1,65 @@
-import { n as e, t } from "../chunks/badge-6mXO9BWP.js";
-export { e as Badge, t as BadgeList };
+import { TextOverflow as e } from "../text/index.js";
+import { i as t, r as n, t as r } from "../chunks/uiClasses-CQj47jkF.js";
+import { o as i } from "../chunks/flex-DtXK7OM4.js";
+import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Children as l, Fragment as u } from "react";
+var d = {
+	badge: "qBtmnH",
+	passive: "p-HsHY",
+	sizeXs: "u9tQAE",
+	sizeSm: "FRScRz",
+	sizeMd: "W13uQO",
+	sizeLg: "_3IRcM9",
+	sizeXl: "R3ybI7",
+	content: "DdWAaC",
+	removeButton: "_5cXBQF"
+}, f = {
+	xs: d.sizeXs,
+	sm: d.sizeSm,
+	md: d.sizeMd,
+	lg: d.sizeLg,
+	xl: d.sizeXl
+};
+function p({ children: i, size: l = "sm", tone: u, appearance: p, className: m, onRemove: h }) {
+	let g = u ?? "neutral", _ = t({
+		tone: u,
+		appearance: p,
+		fallbackTone: g,
+		fallbackAppearance: g === "neutral" ? "outline" : "solid"
+	});
+	return /* @__PURE__ */ c("div", {
+		className: a(d.badge, f[l], n(_.tone), r(_.appearance), !h && d.passive, m),
+		children: [/* @__PURE__ */ s(e, {
+			maxChar: 25,
+			placement: "top",
+			block: !0,
+			textWrapProps: { className: d.content },
+			children: String(i)
+		}), h && /* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: h,
+			className: d.removeButton,
+			"aria-label": "Удалить бейдж",
+			"data-ui": "badge-remove-button",
+			"data-action": "remove-badge",
+			children: /* @__PURE__ */ s(o, {})
+		})]
+	});
+}
+//#endregion
+//#region src/badge/BadgeList.tsx
+function m({ children: e }) {
+	return /* @__PURE__ */ s(i, {
+		inline: !0,
+		wrap: !0,
+		gap: "sm",
+		align: "baseline",
+		children: l.map(e, (e, t) => /* @__PURE__ */ s(u, { children: e }, t))
+	});
+}
+//#endregion
+export { p as Badge, m as BadgeList };
+
+//# sourceMappingURL=index.js.map

package/dist/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/badge/Badge.module.scss","../../src/badge/Badge.tsx","../../src/badge/BadgeList.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n@use \"@/styles/tone-derived\" as toneDerived;\n\n.badge {\n\t@include ui-static-surface;\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmax-width: 100%;\n\tpadding: 0 var(--space-xs);\n\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tvertical-align: middle;\n}\n\n.passive {\n\tpointer-events: none;\n\tuser-select: none;\n}\n\n.sizeXs {\n\tfont-size: var(--font-size-xs);\n}\n\n.sizeSm {\n\tfont-size: var(--font-size-sm);\n}\n\n.sizeMd {\n\tfont-size: var(--font-size-md);\n}\n\n.sizeLg {\n\tfont-size: var(--font-size-lg);\n}\n\n.sizeXl {\n\tfont-size: var(--font-size-xl);\n}\n\n.content {\n\tmin-width: 0;\n}\n\n.removeButton {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 1.25em;\n\theight: 1.25em;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: var(--radius-xs);\n\tbackground: transparent;\n\tcolor: inherit;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease,\n\t\tscale var(--transition-fast) ease;\n\n\t&:hover {\n\t\t@include toneDerived.tone-soft-declaration(\"background-color\", \"error\");\n\t\tcolor: var(--error-text);\n\t\tscale: 1.1;\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { TextOverflow } from \"../text\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Badge.module.scss\";\n\nimport type { UiAppearance, UiSize, UiTone } from \"../types\";\n\ntype BadgeSize = UiSize;\ntype BadgeAppearance = UiAppearance;\n\ntype BadgeProps = {\n\tchildren: string | number;\n\tsize?: BadgeSize;\n\ttone?: UiTone;\n\tappearance?: BadgeAppearance;\n\tclassName?: string;\n\tonRemove?: () => void;\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n\txs: styles.sizeXs,\n\tsm: styles.sizeSm,\n\tmd: styles.sizeMd,\n\tlg: styles.sizeLg,\n\txl: styles.sizeXl\n};\n\n/**\n * Компактный индикатор для статусов, категорий и коротких служебных меток.\n */\nexport function Badge({ children, size = \"sm\", tone, appearance, className, onRemove }: BadgeProps) {\n\tconst fallbackTone = tone ?? \"neutral\";\n\tconst fallbackAppearance = fallbackTone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({\n\t\ttone,\n\t\tappearance,\n\t\tfallbackTone,\n\t\tfallbackAppearance\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.badge,\n\t\t\t\tsizeClasses[size],\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\t!onRemove && styles.passive,\n\t\t\t\tclassName\n\t\t\t)}>\n\t\t\t<TextOverflow maxChar={25} placement=\"top\" block textWrapProps={{ className: styles.content }}>\n\t\t\t\t{String(children)}\n\t\t\t</TextOverflow>\n\t\t\t{onRemove && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName={styles.removeButton}\n\t\t\t\t\taria-label=\"Удалить бейдж\"\n\t\t\t\t\tdata-ui=\"badge-remove-button\"\n\t\t\t\t\tdata-action=\"remove-badge\">\n\t\t\t\t\t<XIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { Children, Fragment, ReactElement } from \"react\";\n\nimport { FlexContainer } from \"../flex\";\n\nimport { Badge } from \"./Badge\";\n\ninterface BadgeListProps {\n\tchildren: ReactElement<typeof Badge | null | undefined | false>[];\n}\n\n/**\n * Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.\n */\nexport function BadgeList({ children }: BadgeListProps) {\n\treturn (\n\t\t<FlexContainer inline wrap gap=\"sm\" align=\"baseline\">\n\t\t\t{Children.map(children, (badge, index) => (\n\t\t\t\t<Fragment key={index}>{badge}</Fragment>\n\t\t\t))}\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;GCsBM,IAAyC;CAC9C,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;AACZ;AAKA,SAAgB,EAAM,EAAE,aAAU,UAAO,MAAM,SAAM,eAAY,cAAW,eAAwB;CACnG,IAAM,IAAe,KAAQ,WAEvB,IAAS,EAAgB;EAC9B;EACA;EACA;EACA,oBAL0B,MAAiB,YAAsB,YAAV;CAMxD,CAAC;CAED,OACC,kBAAC,OAAD;EACC,WAAW,EACV,EAAO,OACP,EAAY,IACZ,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,CAAC,KAAY,EAAO,SACpB,CACD;EARD,UAAA,CASC,kBAAC,GAAD;GAAc,SAAS;GAAI,WAAU;GAAM,OAAA;GAAM,eAAe,EAAE,WAAW,EAAO,QAAQ;GAC1F,UAAA,OAAO,CAAQ;EACH,CAAA,GACb,KACA,kBAAC,UAAD;GACC,MAAK;GACL,SAAS;GACT,WAAW,EAAO;GAClB,cAAW;GACX,WAAQ;GACR,eAAY;GACZ,UAAA,kBAAC,GAAD,CAAQ,CAAA;EACD,CAAA,CAEL;;AAEP;;;ACxDA,SAAgB,EAAU,EAAE,eAA4B;CACvD,OACC,kBAAC,GAAD;EAAe,QAAA;EAAO,MAAA;EAAK,KAAI;EAAK,OAAM;EACxC,UAAA,EAAS,IAAI,IAAW,GAAO,MAC/B,kBAAC,GAAD,EAAA,UAAuB,EAAgB,GAAxB,CAAwB,CACvC;CACa,CAAA;AAEjB"}

package/dist/barcode-scanner/index.js

@@ -1,7 +1,7 @@
-import { n as e } from "../chunks/button-DF21yxVp.js";
-import { n as t, r as n } from "../chunks/modal-dplfAaER.js";
-import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { n as e } from "../chunks/button-D7GAU2Wa.js";
+import { n as t, r as n } from "../chunks/modal-febBsMyR.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
 import { Scanner as l, prepareZXingModule as u } from "@yudiel/react-qr-scanner";
 import d from "zxing-wasm/reader/zxing_reader.wasm?url";
 var f = {
@@ -45,12 +45,12 @@ function _(e) {
 	e?.getTracks().forEach((e) => e.stop());
 }
 function v({ onDetected: u, onClose: d, onError: v, formats: y = p, constraints: b = m, controls: x = h, sound: S = !1, closeWhenDocumentHidden: C = !0, title: w = "Сканирование штрихкода", hint: T = "Расположите штрихкод внутри рамки", retryLabel: E = "Повторить", errorMessages: D, className: O }) {
-	let k = a(null), A = a(null), j = a(!1), [M, N] = o(null), P = r(() => {
+	let k = s(null), A = s(null), j = s(!1), [M, N] = c(null), P = a(() => {
 		_(k.current?.getStream() ?? A.current), A.current = null;
-	}, []), F = r(() => {
+	}, []), F = a(() => {
 		P(), d();
 	}, [d, P]);
-	i(() => {
+	o(() => {
 		if (M) return;
 		let e = 0, t = () => {
 			let n = k.current?.getStream();
@@ -63,14 +63,14 @@ function v({ onDetected: u, onClose: d, onError: v, formats: y = p, constraints:
 		return e = window.requestAnimationFrame(t), () => {
 			window.cancelAnimationFrame(e), _(A.current), A.current = null;
 		};
-	}, [M]), i(() => {
+	}, [M]), o(() => {
 		if (!C) return;
 		let e = () => {
 			document.visibilityState === "hidden" && F();
 		};
 		return document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e);
 	}, [F, C]);
-	let I = r((e) => {
+	let I = a((e) => {
 		let t = e[0];
 		!t || j.current || (j.current = !0, P(), u({
 			value: t.rawValue,
@@ -80,35 +80,35 @@ function v({ onDetected: u, onClose: d, onError: v, formats: y = p, constraints:
 		d,
 		u,
 		P
-	]), L = r((e) => {
+	]), L = a((e) => {
 		P(), N(e), v?.(e);
 	}, [v, P]);
 	function R() {
 		j.current = !1, N(null);
 	}
 	let z = O ? `${f.root} ${O}` : f.root, B = M ? D?.[M.kind] ?? g[M.kind] : null;
-	return /* @__PURE__ */ s(t, {
+	return /* @__PURE__ */ r(t, {
 		isOpen: !0,
 		onClose: F,
 		size: "xl",
 		title: w,
-		children: /* @__PURE__ */ s(n, { children: /* @__PURE__ */ c("section", {
+		children: /* @__PURE__ */ r(n, { children: /* @__PURE__ */ i("section", {
 			className: z,
 			"aria-label": w,
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ r("div", {
 				className: f.viewport,
-				children: M ? /* @__PURE__ */ c("div", {
+				children: M ? /* @__PURE__ */ i("div", {
 					className: f.error,
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ r("p", {
 						role: "alert",
 						children: B
-					}), /* @__PURE__ */ s(e, {
+					}), /* @__PURE__ */ r(e, {
 						type: "button",
 						variant: "infoOutline",
 						onClick: R,
 						children: E
 					})]
-				}) : /* @__PURE__ */ s(l, {
+				}) : /* @__PURE__ */ r(l, {
 					ref: k,
 					formats: [...y],
 					constraints: b,
@@ -122,7 +122,7 @@ function v({ onDetected: u, onClose: d, onError: v, formats: y = p, constraints:
 					onScan: I,
 					onError: L
 				})
-			}), !M && T ? /* @__PURE__ */ s("p", {
+			}), !M && T ? /* @__PURE__ */ r("p", {
 				className: f.hint,
 				children: T
 			}) : null]

package/dist/base-table/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../chunks/table-column-interactions-DzEvVuXe.js";
-import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-BWvKfI2W.js";
+import { n as e, t } from "../chunks/table-column-interactions-Do8LFtiv.js";
+import { a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "../chunks/base-table-BHmboNzl.js";
 export { d as BaseTable, g as FormattedTableCell, e as TableColumnResizeHandle, t as TableHeaderInteractionCell, a as buildBaseTableColumnLayout, h as buildBaseTableMergedCellsLayout, r as buildTableFormattingSnapshot, p as getOrderedVisibleLeafColumns, u as getStartPinnedColumnOffsets, l as hasTableColumnCustomCellRenderer, s as normalizeTableColumnPinning, o as resolveBaseTableColumnWidth, _ as resolveTableFormattingColumnId, i as shouldUseTableFormatting, f as useTableColumnOrder, n as useTableColumnPinning, c as useTableColumnSizing, m as useTableColumnVisibility };

package/dist/button/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/button-DF21yxVp.js";
+import { n as e, t } from "../chunks/button-D7GAU2Wa.js";
 export { e as Button, t as ButtonRemove };

package/dist/check-box/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/check-box-CZyhzmR0.js";
+import { t as e } from "../chunks/check-box-D_Y6iIWv.js";
 export { e as CheckBox };

package/dist/chunks/{CalendarView-Dm55k0bN.js → CalendarView-CwbPJG2Y.js}

@@ -1,8 +1,8 @@
-import { n as e } from "./button-DF21yxVp.js";
-import { useState as t } from "react";
-import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ChevronLeft as a, ChevronRight as o } from "lucide-react";
+import { n as e } from "./button-D7GAU2Wa.js";
+import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
+import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useState as o } from "react";
 import { addCalendarMonths as s, addCalendarYears as c, createCalendarDate as l, getCalendarPeriod as u, getStartOfDay as d, isCalendarPeriodWithinDateBounds as f, isDateInsideCalendarPeriod as p, isDateRangeTuple as m, isSameCalendarDay as h } from "@ryuzaki13/react-foundation-lib/formatters";
 //#region src/date-input/lib/dateInputCalendar.ts
 var g = [
@@ -78,19 +78,19 @@ var w = {
 	year: "numeric",
 	month: "long",
 	day: "numeric"
-}), D = ({ now: e, currentDate: a, value: o, onChange: s, minDate: c, maxDate: m, selectsRange: g, selectionMode: _ = "day", weekEndDay: v = "sunday" }) => {
-	let [y, b] = t(null), x = {
+}), D = ({ now: e, currentDate: n, value: r, onChange: s, minDate: c, maxDate: m, selectsRange: g, selectionMode: _ = "day", weekEndDay: v = "sunday" }) => {
+	let [y, b] = o(null), x = {
 		selectionMode: _,
 		weekEndDay: v
 	}, S = (() => {
-		let e = a.getFullYear(), t = a.getMonth(), n = l(e, t, 1), r = l(e, t + 1, 0), i = n.getDay() === 0 ? 6 : n.getDay() - 1, o = 42 - (i + r.getDate()), s = [], c = l(e, t, 0).getDate();
-		for (let n = i; n > 0; --n) s.push(l(e, t - 1, c - n + 1));
-		for (let n = 1; n <= r.getDate(); n += 1) s.push(l(e, t, n));
+		let e = n.getFullYear(), t = n.getMonth(), r = l(e, t, 1), i = l(e, t + 1, 0), a = r.getDay() === 0 ? 6 : r.getDay() - 1, o = 42 - (a + i.getDate()), s = [], c = l(e, t, 0).getDate();
+		for (let n = a; n > 0; --n) s.push(l(e, t - 1, c - n + 1));
+		for (let n = 1; n <= i.getDate(); n += 1) s.push(l(e, t, n));
 		for (let n = 1; n <= o; n += 1) s.push(l(e, t + 1, n));
 		let u = [];
 		for (let e = 0; e < s.length; e += 7) u.push(s.slice(e, e + 7));
 		return u;
-	})(), C = g && Array.isArray(o) ? o[0] : null, D = g && Array.isArray(o) ? o[1] : null, O = u(g ? null : o, x), k = u(y, x), A = D ?? (C ? k?.end ?? null : null), j = _ === "week", M = j && (!g || !C), N = (e) => {
+	})(), C = g && Array.isArray(r) ? r[0] : null, D = g && Array.isArray(r) ? r[1] : null, O = u(g ? null : r, x), k = u(y, x), A = D ?? (C ? k?.end ?? null : null), j = _ === "week", M = j && (!g || !C), N = (e) => {
 		if (!g || !C || !A) return !1;
 		let t = d(e).getTime(), n = C.getTime(), r = A.getTime();
 		return t >= Math.min(n, r) && t <= Math.max(n, r);
@@ -100,31 +100,31 @@ var w = {
 	}), F = (e, t) => {
 		t || (j && b(e), !(!g || !C || D) && (j || b(e)));
 	};
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		className: w.dayView,
-		children: [/* @__PURE__ */ r("div", {
+		children: [/* @__PURE__ */ i("div", {
 			className: w.weekdays,
-			children: T.map((e) => /* @__PURE__ */ r("div", {
+			children: T.map((e) => /* @__PURE__ */ i("div", {
 				className: w.weekday,
 				children: e
 			}, e))
-		}), /* @__PURE__ */ r("div", {
+		}), /* @__PURE__ */ i("div", {
 			className: w.daysGrid,
 			onMouseLeave: () => {
 				(j || !D) && b(null);
 			},
-			children: S.map((t, i) => /* @__PURE__ */ r("div", {
+			children: S.map((r, a) => /* @__PURE__ */ i("div", {
 				className: w.week,
-				children: t.map((t, o) => {
-					let c = t.getMonth() === a.getMonth(), l = p(t, O), u = M && p(t, k), d = N(t), f = h(t, C), m = h(t, A), g = h(t, e), v = P(t);
-					return /* @__PURE__ */ r("button", {
+				children: r.map((r, o) => {
+					let c = r.getMonth() === n.getMonth(), l = p(r, O), u = M && p(r, k), d = N(r), f = h(r, C), m = h(r, A), g = h(r, e), v = P(r);
+					return /* @__PURE__ */ i("button", {
 						type: "button",
-						onClick: () => !v && s(t),
-						onMouseEnter: () => F(t, v),
+						onClick: () => !v && s(r),
+						onMouseEnter: () => F(r, v),
 						disabled: v,
 						"data-ui": "calendar-day-button",
 						"data-action": "select-calendar-day",
-						className: n(w.day, {
+						className: t(w.day, {
 							[w.outsideMonth]: !c,
 							[w.periodSelection]: _ === "week",
 							[w.periodPreview]: u && !l,
@@ -136,12 +136,12 @@ var w = {
 							[w.weekend]: o > 4,
 							[w.now]: g
 						}),
-						"aria-label": E.format(t),
+						"aria-label": E.format(r),
 						"aria-pressed": l || d || f || m,
-						children: t.getDate()
-					}, `${i}-${o}`);
+						children: r.getDate()
+					}, `${a}-${o}`);
 				})
-			}, i))
+			}, a))
 		})]
 	});
 }, O = {
@@ -156,48 +156,48 @@ var w = {
 }, k = new Intl.DateTimeFormat("ru-RU", { month: "short" }), A = new Intl.DateTimeFormat("ru-RU", {
 	month: "long",
 	year: "numeric"
-}), j = ({ currentDate: e, value: i, onChange: a, minDate: o, maxDate: s, selectsRange: c, selectsPeriod: d, selectionMode: p = "day", weekEndDay: m = "sunday" }) => {
-	let [h, g] = t(null), _ = Array.from({ length: 12 }, (e, t) => t), v = e.getFullYear(), y = {
+}), j = ({ currentDate: e, value: n, onChange: r, minDate: a, maxDate: s, selectsRange: c, selectsPeriod: d, selectionMode: p = "day", weekEndDay: m = "sunday" }) => {
+	let [h, g] = o(null), _ = Array.from({ length: 12 }, (e, t) => t), v = e.getFullYear(), y = {
 		selectionMode: p,
 		weekEndDay: m
-	}, b = c && Array.isArray(i) ? i[0] : null, x = c && Array.isArray(i) ? i[1] : null, S = (e) => k.format(l(v, e, 1)), w = (e) => {
-		if (!o && !s) return !1;
+	}, b = c && Array.isArray(n) ? n[0] : null, x = c && Array.isArray(n) ? n[1] : null, S = (e) => k.format(l(v, e, 1)), w = (e) => {
+		if (!a && !s) return !1;
 		let t = l(v, e, 1), n = l(v, e + 1, 0, 23, 59, 59);
 		return d ? !f(u(t, y), {
-			minDate: o,
+			minDate: a,
 			maxDate: s
-		}) : !!(o && n < o || s && t > s);
+		}) : !!(a && n < a || s && t > s);
 	}, T = (e, t) => {
 		!c || !b || x || t || g(e);
 	};
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		className: O.monthView,
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: O.monthsGrid,
 			onMouseLeave: () => {
 				x || g(null);
 			},
 			children: _.map((e) => {
-				let t = w(e), o = l(v, e, 1), s = C({
+				let a = w(e), o = l(v, e, 1), s = C({
 					date: o,
-					value: i,
+					value: n,
 					hoveredDate: h,
 					selectsRange: c,
 					selectionOptions: y
 				});
-				return /* @__PURE__ */ r("button", {
+				return /* @__PURE__ */ i("button", {
 					type: "button",
-					onClick: () => !t && a(o),
-					onMouseEnter: () => T(o, t),
-					disabled: t,
+					onClick: () => !a && r(o),
+					onMouseEnter: () => T(o, a),
+					disabled: a,
 					"data-ui": "calendar-month-button",
 					"data-action": "select-calendar-month",
-					className: n(O.month, {
+					className: t(O.month, {
 						[O.selected]: s.selected,
 						[O.range]: s.range,
 						[O.rangeStart]: s.rangeStart,
 						[O.rangeEnd]: s.rangeEnd,
-						[O.disabled]: t
+						[O.disabled]: a
 					}),
 					"aria-label": A.format(o),
 					"aria-pressed": s.selected || s.range || s.rangeStart || s.rangeEnd,
@@ -218,48 +218,48 @@ var w = {
 	selected: "d1SfcV",
 	rangeStart: "Gkui4r",
 	rangeEnd: "_0dVZLW"
-}, P = ({ currentDate: e, value: i, onChange: a, minDate: o, maxDate: s, selectsRange: c, selectsPeriod: d, selectionMode: p = "day", weekEndDay: m = "sunday" }) => {
-	let [h, g] = t(null), _ = Math.floor(e.getFullYear() / 12) * 12, v = Array.from({ length: 12 }, (e, t) => _ + t), y = {
+}, P = ({ currentDate: e, value: n, onChange: r, minDate: a, maxDate: s, selectsRange: c, selectsPeriod: d, selectionMode: p = "day", weekEndDay: m = "sunday" }) => {
+	let [h, g] = o(null), _ = Math.floor(e.getFullYear() / 12) * 12, v = Array.from({ length: 12 }, (e, t) => _ + t), y = {
 		selectionMode: p,
 		weekEndDay: m
-	}, b = c && Array.isArray(i) ? i[0] : null, x = c && Array.isArray(i) ? i[1] : null, S = (e) => {
-		if (!o && !s) return !1;
+	}, b = c && Array.isArray(n) ? n[0] : null, x = c && Array.isArray(n) ? n[1] : null, S = (e) => {
+		if (!a && !s) return !1;
 		let t = l(e, 0, 1), n = l(e, 11, 31, 23, 59, 59);
 		return d ? !f(u(t, y), {
-			minDate: o,
+			minDate: a,
 			maxDate: s
-		}) : !!(o && n < o || s && t > s);
+		}) : !!(a && n < a || s && t > s);
 	}, w = (e, t) => {
 		!c || !b || x || t || g(e);
 	};
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		className: N.yearView,
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: N.yearsGrid,
 			onMouseLeave: () => {
 				x || g(null);
 			},
 			children: v.map((e) => {
-				let t = S(e), o = l(e, 0, 1), s = C({
+				let a = S(e), o = l(e, 0, 1), s = C({
 					date: o,
-					value: i,
+					value: n,
 					hoveredDate: h,
 					selectsRange: c,
 					selectionOptions: y
 				});
-				return /* @__PURE__ */ r("button", {
+				return /* @__PURE__ */ i("button", {
 					type: "button",
-					onClick: () => !t && a(o),
-					onMouseEnter: () => w(o, t),
-					disabled: t,
+					onClick: () => !a && r(o),
+					onMouseEnter: () => w(o, a),
+					disabled: a,
 					"data-ui": "calendar-year-button",
 					"data-action": "select-calendar-year",
-					className: n(N.year, {
+					className: t(N.year, {
 						[N.selected]: s.selected,
 						[N.range]: s.range,
 						[N.rangeStart]: s.rangeStart,
 						[N.rangeEnd]: s.rangeEnd,
-						[N.disabled]: t
+						[N.disabled]: a
 					}),
 					"aria-label": e.toString(),
 					"aria-pressed": s.selected || s.range || s.rangeStart || s.rangeEnd,
@@ -275,8 +275,8 @@ function F(e, t) {
 	if (t && m(e) && e[0] instanceof Date) return e[0];
 	if (!t && e instanceof Date) return e;
 }
-function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay: m = "sunday", onViewChange: h, ...g }) {
-	let [_] = t(() => d(/* @__PURE__ */ new Date())), v = F(g.value, g.selectsRange), b = v?.getTime() ?? null, [x, S] = t(() => ({
+function I({ view: t, datePickerLevel: l, selectionMode: p = "day", weekEndDay: m = "sunday", onViewChange: h, ...g }) {
+	let [_] = o(() => d(/* @__PURE__ */ new Date())), v = F(g.value, g.selectsRange), b = v?.getTime() ?? null, [x, S] = o(() => ({
 		sourceValueTime: b,
 		currentDate: v ?? d(/* @__PURE__ */ new Date())
 	})), C = v && x.sourceValueTime !== b ? v : x.currentDate, w = g.currentDate ?? C, T = {
@@ -289,61 +289,61 @@ function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay:
 			currentDate: t
 		}), g.onCurrentDateChange?.(t);
 	}, O = () => {
-		if (n === "day") {
+		if (t === "day") {
 			E((e) => s(e, -1));
 			return;
 		}
-		if (n === "month") {
+		if (t === "month") {
 			E((e) => c(e, -1));
 			return;
 		}
 		E((e) => c(e, -12));
 	}, k = () => {
-		if (n === "day") {
+		if (t === "day") {
 			E((e) => s(e, 1));
 			return;
 		}
-		if (n === "month") {
+		if (t === "month") {
 			E((e) => c(e, 1));
 			return;
 		}
 		E((e) => c(e, 12));
 	};
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		className: M.calendarView,
 		children: [(() => {
-			let t = "";
-			if (n === "day") t = w.toLocaleDateString("ru-RU", {
+			let o = "";
+			if (t === "day") o = w.toLocaleDateString("ru-RU", {
 				month: "long",
 				year: "numeric"
 			});
-			else if (n === "month") t = w.getFullYear().toString();
+			else if (t === "month") o = w.getFullYear().toString();
 			else {
 				let e = Math.floor(w.getFullYear() / 12) * 12;
-				t = `${e} - ${e + 11}`;
+				o = `${e} - ${e + 11}`;
 			}
-			return /* @__PURE__ */ i("div", {
+			return /* @__PURE__ */ a("div", {
 				className: M.calendarHeader,
 				children: [
-					/* @__PURE__ */ r(e, {
-						icon: /* @__PURE__ */ r(a, {}),
+					/* @__PURE__ */ i(e, {
+						icon: /* @__PURE__ */ i(n, {}),
 						onClick: O,
 						variant: "ghost",
 						"aria-label": "Предыдущий",
 						"data-action": "calendar-previous"
 					}),
-					/* @__PURE__ */ r(e, {
+					/* @__PURE__ */ i(e, {
 						onClick: () => {
-							n === "day" ? h("month") : n === "month" && h("year");
+							t === "day" ? h("month") : t === "month" && h("year");
 						},
 						variant: "ghost",
 						className: "flex1",
 						"data-ui": "calendar-view-switch-button",
 						"data-action": "calendar-switch-view",
-						children: t
+						children: o
 					}),
-					/* @__PURE__ */ r(e, {
-						icon: /* @__PURE__ */ r(o, {}),
+					/* @__PURE__ */ i(e, {
+						icon: /* @__PURE__ */ i(r, {}),
 						onClick: k,
 						variant: "ghost",
 						"aria-label": "Следующий",
@@ -376,21 +376,21 @@ function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay:
 					}
 					g.onChange(t.start);
 				}
-			}, t = (t) => {
+			}, n = (t) => {
 				if (E(t), p === "month" || !y("day", l)) {
 					e(t);
 					return;
 				}
 				h("day");
-			}, i = (t) => {
+			}, r = (t) => {
 				if (E(t), p === "year" || !y("month", l)) {
 					e(t);
 					return;
 				}
 				h("month");
 			};
-			switch (n) {
-				case "day": return /* @__PURE__ */ r(D, {
+			switch (t) {
+				case "day": return /* @__PURE__ */ i(D, {
 					now: _,
 					currentDate: w,
 					value: g.value,
@@ -401,10 +401,10 @@ function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay:
 					selectionMode: p,
 					weekEndDay: m
 				});
-				case "month": return /* @__PURE__ */ r(j, {
+				case "month": return /* @__PURE__ */ i(j, {
 					currentDate: w,
 					value: g.value,
-					onChange: t,
+					onChange: n,
 					minDate: g.minDate,
 					maxDate: g.maxDate,
 					selectsRange: g.selectsRange,
@@ -412,10 +412,10 @@ function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay:
 					selectionMode: p,
 					weekEndDay: m
 				});
-				case "year": return /* @__PURE__ */ r(P, {
+				case "year": return /* @__PURE__ */ i(P, {
 					currentDate: w,
 					value: g.value,
-					onChange: i,
+					onChange: r,
 					minDate: g.minDate,
 					maxDate: g.maxDate,
 					selectsRange: g.selectsRange,
@@ -431,4 +431,4 @@ function I({ view: n, datePickerLevel: l, selectionMode: p = "day", weekEndDay:
 //#endregion
 export { y as a, v as i, _ as n, b as o, g as r, C as s, I as t };
 
-//# sourceMappingURL=CalendarView-Dm55k0bN.js.map
+//# sourceMappingURL=CalendarView-CwbPJG2Y.js.map