@igne-agency/react-web-ui 0.4.0 → 0.6.0

package/dist/lib/calendar/calendar-year.js

@@ -3,6 +3,7 @@ import { usePopupEdgePadding } from "../popup-edge-padding.js";
 import { eraYears } from "./calendar-state.js";
 import temporal_module_default from "./temporal.module.js";
 import { c } from "react/compiler-runtime";
+import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffectEvent, useLayoutEffect, useRef, useState } from "react";
 import { Combobox } from "@base-ui/react/combobox";
@@ -34,8 +35,8 @@ var useYearRows = (count, list) => {
 * <CalendarYear state={state} container={containerRef} label="Year" noMatchLabel="No matching year." checkIcon={<CheckIcon />} />
 */
 var CalendarYear = (t0) => {
-	const $ = c(72);
-	const { state, container, label, noMatchLabel, checkIcon, expandIcon } = t0;
+	const $ = c(75);
+	const { state, container, label, noMatchLabel, checkIcon, expandIcon, className } = t0;
 	const locale = useLocale();
 	const { ref, collisionPadding } = usePopupEdgePadding();
 	const inputRef = useRef(null);
@@ -117,19 +118,25 @@ var CalendarYear = (t0) => {
 		$[17] = t12;
 	} else t12 = $[17];
 	let t13;
-	if ($[18] !== label) {
-		t13 = /* @__PURE__ */ jsx(Combobox.Input, {
+	if ($[18] !== className) {
+		t13 = clsx(temporal_module_default.navControl, className);
+		$[18] = className;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== label) {
+		t14 = /* @__PURE__ */ jsx(Combobox.Input, {
 			ref: inputRef,
 			"aria-label": label,
 			className: temporal_module_default.navInput,
 			onFocus: _temp2
 		});
-		$[18] = label;
-		$[19] = t13;
-	} else t13 = $[19];
-	let t14;
-	if ($[20] !== expandIcon || $[21] !== open) {
-		t14 = expandIcon !== void 0 && /* @__PURE__ */ jsx(Combobox.Icon, {
+		$[20] = label;
+		$[21] = t14;
+	} else t14 = $[21];
+	let t15;
+	if ($[22] !== expandIcon || $[23] !== open) {
+		t15 = expandIcon !== void 0 && /* @__PURE__ */ jsx(Combobox.Icon, {
 			className: temporal_module_default.navChevron,
 			onMouseDown: (event_0) => {
 				event_0.preventDefault();
@@ -139,59 +146,60 @@ var CalendarYear = (t0) => {
 			},
 			children: expandIcon
 		});
-		$[20] = expandIcon;
-		$[21] = open;
-		$[22] = t14;
-	} else t14 = $[22];
-	let t15;
-	if ($[23] !== t13 || $[24] !== t14) {
-		t15 = /* @__PURE__ */ jsxs(Combobox.InputGroup, {
-			className: temporal_module_default.navControl,
-			children: [t13, t14]
+		$[22] = expandIcon;
+		$[23] = open;
+		$[24] = t15;
+	} else t15 = $[24];
+	let t16;
+	if ($[25] !== t13 || $[26] !== t14 || $[27] !== t15) {
+		t16 = /* @__PURE__ */ jsxs(Combobox.InputGroup, {
+			className: t13,
+			children: [t14, t15]
 		});
-		$[23] = t13;
-		$[24] = t14;
-		$[25] = t15;
-	} else t15 = $[25];
-	const t16 = Combobox;
-	const t17 = temporal_module_default;
-	const t18 = Combobox;
-	const t19 = temporal_module_default;
-	const t20 = 4;
-	const t21 = Combobox;
-	const t22 = temporal_module_default;
-	let t23;
-	if ($[26] !== noMatchLabel) {
-		t23 = /* @__PURE__ */ jsx(Combobox.Empty, {
+		$[25] = t13;
+		$[26] = t14;
+		$[27] = t15;
+		$[28] = t16;
+	} else t16 = $[28];
+	const t17 = Combobox;
+	const t18 = temporal_module_default;
+	const t19 = Combobox;
+	const t20 = temporal_module_default;
+	const t21 = 4;
+	const t22 = Combobox;
+	const t23 = temporal_module_default;
+	let t24;
+	if ($[29] !== noMatchLabel) {
+		t24 = /* @__PURE__ */ jsx(Combobox.Empty, {
 			className: temporal_module_default.yearEmpty,
 			children: noMatchLabel
 		});
-		$[26] = noMatchLabel;
-		$[27] = t23;
-	} else t23 = $[27];
-	const t24 = Combobox;
-	const t25 = temporal_module_default;
-	const t26 = `${totalSize}px`;
-	let t27;
-	if ($[28] !== t26) {
-		t27 = { blockSize: t26 };
-		$[28] = t26;
-		$[29] = t27;
-	} else t27 = $[29];
+		$[29] = noMatchLabel;
+		$[30] = t24;
+	} else t24 = $[30];
+	const t25 = Combobox;
+	const t26 = temporal_module_default;
+	const t27 = `${totalSize}px`;
 	let t28;
-	if ($[30] !== rows) {
-		t28 = rows.at(0)?.start ?? 0;
-		$[30] = rows;
-		$[31] = t28;
-	} else t28 = $[31];
-	const t29 = `translateY(${t28}px)`;
-	let t30;
-	if ($[32] !== t29) {
-		t30 = { transform: t29 };
-		$[32] = t29;
-		$[33] = t30;
-	} else t30 = $[33];
-	const t31 = rows.map((row) => {
+	if ($[31] !== t27) {
+		t28 = { blockSize: t27 };
+		$[31] = t27;
+		$[32] = t28;
+	} else t28 = $[32];
+	let t29;
+	if ($[33] !== rows) {
+		t29 = rows.at(0)?.start ?? 0;
+		$[33] = rows;
+		$[34] = t29;
+	} else t29 = $[34];
+	const t30 = `translateY(${t29}px)`;
+	let t31;
+	if ($[35] !== t30) {
+		t31 = { transform: t30 };
+		$[35] = t30;
+		$[36] = t31;
+	} else t31 = $[36];
+	const t32 = rows.map((row) => {
 		const year_2 = matches[row.index];
 		if (year_2 === void 0) return null;
 		return /* @__PURE__ */ jsxs(Combobox.Item, {
@@ -210,82 +218,82 @@ var CalendarYear = (t0) => {
 			})]
 		}, row.key);
 	});
-	let t32;
-	if ($[34] !== t30 || $[35] !== t31) {
-		t32 = /* @__PURE__ */ jsx("div", {
-			style: t30,
-			children: t31
-		});
-		$[34] = t30;
-		$[35] = t31;
-		$[36] = t32;
-	} else t32 = $[36];
 	let t33;
-	if ($[37] !== t27 || $[38] !== t32) {
+	if ($[37] !== t31 || $[38] !== t32) {
 		t33 = /* @__PURE__ */ jsx("div", {
-			style: t27,
+			style: t31,
 			children: t32
 		});
-		$[37] = t27;
+		$[37] = t31;
 		$[38] = t32;
 		$[39] = t33;
 	} else t33 = $[39];
 	let t34;
-	if ($[40] !== t24.List || $[41] !== t25.yearList || $[42] !== t33) {
-		t34 = /* @__PURE__ */ jsx(t24.List, {
-			ref: setList,
-			className: t25.yearList,
+	if ($[40] !== t28 || $[41] !== t33) {
+		t34 = /* @__PURE__ */ jsx("div", {
+			style: t28,
 			children: t33
 		});
-		$[40] = t24.List;
-		$[41] = t25.yearList;
-		$[42] = t33;
-		$[43] = t34;
-	} else t34 = $[43];
+		$[40] = t28;
+		$[41] = t33;
+		$[42] = t34;
+	} else t34 = $[42];
 	let t35;
-	if ($[44] !== t21.Popup || $[45] !== t22.yearPopup || $[46] !== t23 || $[47] !== t34) {
-		t35 = /* @__PURE__ */ jsxs(t21.Popup, {
-			className: t22.yearPopup,
-			children: [t23, t34]
+	if ($[43] !== t25.List || $[44] !== t26.yearList || $[45] !== t34) {
+		t35 = /* @__PURE__ */ jsx(t25.List, {
+			ref: setList,
+			className: t26.yearList,
+			children: t34
 		});
-		$[44] = t21.Popup;
-		$[45] = t22.yearPopup;
-		$[46] = t23;
-		$[47] = t34;
-		$[48] = t35;
-	} else t35 = $[48];
+		$[43] = t25.List;
+		$[44] = t26.yearList;
+		$[45] = t34;
+		$[46] = t35;
+	} else t35 = $[46];
 	let t36;
-	if ($[49] !== collisionPadding || $[50] !== ref || $[51] !== t18.Positioner || $[52] !== t19.navPositioner || $[53] !== t35) {
-		t36 = /* @__PURE__ */ jsx(t18.Positioner, {
-			ref,
-			className: t19.navPositioner,
-			sideOffset: t20,
-			collisionPadding,
-			children: t35
+	if ($[47] !== t22.Popup || $[48] !== t23.yearPopup || $[49] !== t24 || $[50] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(t22.Popup, {
+			className: t23.yearPopup,
+			children: [t24, t35]
 		});
-		$[49] = collisionPadding;
-		$[50] = ref;
-		$[51] = t18.Positioner;
-		$[52] = t19.navPositioner;
-		$[53] = t35;
-		$[54] = t36;
-	} else t36 = $[54];
+		$[47] = t22.Popup;
+		$[48] = t23.yearPopup;
+		$[49] = t24;
+		$[50] = t35;
+		$[51] = t36;
+	} else t36 = $[51];
 	let t37;
-	if ($[55] !== container || $[56] !== t16.Portal || $[57] !== t17.navPortal || $[58] !== t36) {
-		t37 = /* @__PURE__ */ jsx(t16.Portal, {
-			container,
-			className: t17.navPortal,
+	if ($[52] !== collisionPadding || $[53] !== ref || $[54] !== t19.Positioner || $[55] !== t20.navPositioner || $[56] !== t36) {
+		t37 = /* @__PURE__ */ jsx(t19.Positioner, {
+			ref,
+			className: t20.navPositioner,
+			sideOffset: t21,
+			collisionPadding,
 			children: t36
 		});
-		$[55] = container;
-		$[56] = t16.Portal;
-		$[57] = t17.navPortal;
-		$[58] = t36;
-		$[59] = t37;
-	} else t37 = $[59];
+		$[52] = collisionPadding;
+		$[53] = ref;
+		$[54] = t19.Positioner;
+		$[55] = t20.navPositioner;
+		$[56] = t36;
+		$[57] = t37;
+	} else t37 = $[57];
 	let t38;
-	if ($[60] !== focused.year || $[61] !== matches || $[62] !== open || $[63] !== t10 || $[64] !== t11 || $[65] !== t12 || $[66] !== t15 || $[67] !== t37 || $[68] !== t5.Root || $[69] !== t9 || $[70] !== yearLabel) {
-		t38 = /* @__PURE__ */ jsxs(t5.Root, {
+	if ($[58] !== container || $[59] !== t17.Portal || $[60] !== t18.navPortal || $[61] !== t37) {
+		t38 = /* @__PURE__ */ jsx(t17.Portal, {
+			container,
+			className: t18.navPortal,
+			children: t37
+		});
+		$[58] = container;
+		$[59] = t17.Portal;
+		$[60] = t18.navPortal;
+		$[61] = t37;
+		$[62] = t38;
+	} else t38 = $[62];
+	let t39;
+	if ($[63] !== focused.year || $[64] !== matches || $[65] !== open || $[66] !== t10 || $[67] !== t11 || $[68] !== t12 || $[69] !== t16 || $[70] !== t38 || $[71] !== t5.Root || $[72] !== t9 || $[73] !== yearLabel) {
+		t39 = /* @__PURE__ */ jsxs(t5.Root, {
 			virtualized: t6,
 			items: matches,
 			filter: t7,
@@ -297,22 +305,22 @@ var CalendarYear = (t0) => {
 			onOpenChange: setOpen,
 			onInputValueChange: t11,
 			onOpenChangeComplete: t12,
-			children: [t15, t37]
+			children: [t16, t38]
 		});
-		$[60] = focused.year;
-		$[61] = matches;
-		$[62] = open;
-		$[63] = t10;
-		$[64] = t11;
-		$[65] = t12;
-		$[66] = t15;
-		$[67] = t37;
-		$[68] = t5.Root;
-		$[69] = t9;
-		$[70] = yearLabel;
-		$[71] = t38;
-	} else t38 = $[71];
-	return t38;
+		$[63] = focused.year;
+		$[64] = matches;
+		$[65] = open;
+		$[66] = t10;
+		$[67] = t11;
+		$[68] = t12;
+		$[69] = t16;
+		$[70] = t38;
+		$[71] = t5.Root;
+		$[72] = t9;
+		$[73] = yearLabel;
+		$[74] = t39;
+	} else t39 = $[74];
+	return t39;
 };
 function _temp(year_1) {
 	return String(year_1);