@optiaxiom/react 1.9.36 → 1.9.38

package/dist/esm/packages/react/src/calendar/CalendarMonthGrid.js

@@ -1,123 +1,91 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import { MonthGrid } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { useCalendarContext } from './CalendarContext.js';
-import { CalendarGrid } from './CalendarGrid.js';
-import { withYear, withMonth } from './utils.js';
-
-const months$1 = [
-  ["Jan", "January"],
-  ["Feb", "February"],
-  ["Mar", "March"],
-  ["Apr", "April"],
-  ["May", "May"],
-  ["Jun", "June"],
-  ["Jul", "July"],
-  ["Aug", "August"],
-  ["Sep", "September"],
-  ["Oct", "October"],
-  ["Nov", "November"],
-  ["Dec", "December"]
+import { Box } from "../box/Box.js";
+import { useCalendarContext } from "./CalendarContext.js";
+import { CalendarGrid } from "./CalendarGrid.js";
+import { withMonth, withYear } from "./utils.js";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { MonthGrid } from "react-day-picker";
+//#region src/calendar/CalendarMonthGrid.tsx
+const months = [
+	["Jan", "January"],
+	["Feb", "February"],
+	["Mar", "March"],
+	["Apr", "April"],
+	["May", "May"],
+	["Jun", "June"],
+	["Jul", "July"],
+	["Aug", "August"],
+	["Sep", "September"],
+	["Oct", "October"],
+	["Nov", "November"],
+	["Dec", "December"]
 ];
-function CalendarMonthGrid({
-  children,
-  ...props
-}) {
-  const { month, setMonth, setView, view } = useCalendarContext(
-    "@optiaxiom/react/CalendarMonthGrid"
-  );
-  const ref = useRef(null);
-  const lastMonthRef = useRef();
-  const lastViewRef = useRef();
-  useEffect(() => {
-    if (view !== "day") {
-      lastMonthRef.current = void 0;
-      lastViewRef.current = view;
-      return;
-    }
-    if (lastMonthRef.current) {
-      ref.current?.querySelector("tbody")?.animate(
-        [
-          {
-            opacity: 0,
-            translate: month > lastMonthRef.current ? "20px" : "-20px"
-          },
-          {
-            opacity: 1,
-            translate: "0px"
-          }
-        ],
-        {
-          duration: 150
-        }
-      );
-    } else if (lastViewRef.current) {
-      ref.current?.animate(
-        [
-          {
-            opacity: 0,
-            scale: 1.03
-          },
-          {
-            opacity: 1,
-            scale: 1
-          }
-        ],
-        {
-          duration: 150
-        }
-      );
-      const days = Array.from(
-        ref.current?.querySelectorAll(
-          "tbody button:not([disabled])"
-        ) ?? []
-      );
-      const focusedDay = days.find((day) => day.textContent === `${month.getDate()}`) ?? days[0];
-      focusedDay?.focus();
-    }
-    lastMonthRef.current = month;
-    lastViewRef.current = view;
-  }, [month, view]);
-  if (view === "year") {
-    return /* @__PURE__ */ jsx(
-      CalendarGrid,
-      {
-        onPageChange: (dir) => {
-          setMonth(withYear(month, month.getFullYear() + dir * 12));
-        },
-        onValueChange: (value) => {
-          setMonth(withYear(month, month.getFullYear() + value));
-          setView("month");
-        },
-        options: Array.from({ length: 12 }).map(
-          (_, index) => month.getFullYear() + index
-        ),
-        value: 0
-      }
-    );
-  } else if (view === "month") {
-    return /* @__PURE__ */ jsx(
-      CalendarGrid,
-      {
-        onPageChange: (dir) => {
-          setMonth(withYear(month, month.getFullYear() + dir));
-        },
-        onValueChange: (value) => {
-          setMonth(withMonth(month, value));
-          setView("day");
-        },
-        options: months$1,
-        value: month.getMonth()
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx(Box, { ref, children: /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(MonthGrid, { ...props, children }) }) });
-  }
+function CalendarMonthGrid({ children, ...props }) {
+	const { month, setMonth, setView, view } = useCalendarContext("@optiaxiom/react/CalendarMonthGrid");
+	const ref = useRef(null);
+	const lastMonthRef = useRef();
+	const lastViewRef = useRef();
+	useEffect(() => {
+		if (view !== "day") {
+			lastMonthRef.current = void 0;
+			lastViewRef.current = view;
+			return;
+		}
+		if (lastMonthRef.current) ref.current?.querySelector("tbody")?.animate([{
+			opacity: 0,
+			translate: month > lastMonthRef.current ? "20px" : "-20px"
+		}, {
+			opacity: 1,
+			translate: "0px"
+		}], { duration: 150 });
+		else if (lastViewRef.current) {
+			ref.current?.animate([{
+				opacity: 0,
+				scale: 1.03
+			}, {
+				opacity: 1,
+				scale: 1
+			}], { duration: 150 });
+			const days = Array.from(ref.current?.querySelectorAll("tbody button:not([disabled])") ?? []);
+			(days.find((day) => day.textContent === `${month.getDate()}`) ?? days[0])?.focus();
+		}
+		lastMonthRef.current = month;
+		lastViewRef.current = view;
+	}, [month, view]);
+	if (view === "year") return /* @__PURE__ */ jsx(CalendarGrid, {
+		onPageChange: (dir) => {
+			setMonth(withYear(month, month.getFullYear() + dir * 12));
+		},
+		onValueChange: (value) => {
+			setMonth(withYear(month, month.getFullYear() + value));
+			setView("month");
+		},
+		options: Array.from({ length: 12 }).map((_, index) => month.getFullYear() + index),
+		value: 0
+	});
+	else if (view === "month") return /* @__PURE__ */ jsx(CalendarGrid, {
+		onPageChange: (dir) => {
+			setMonth(withYear(month, month.getFullYear() + dir));
+		},
+		onValueChange: (value) => {
+			setMonth(withMonth(month, value));
+			setView("day");
+		},
+		options: months,
+		value: month.getMonth()
+	});
+	else return /* @__PURE__ */ jsx(Box, {
+		ref,
+		children: /* @__PURE__ */ jsx(Box, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(MonthGrid, {
+				...props,
+				children
+			})
+		})
+	});
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
-
+//#endregion
 export { CalendarMonthGrid };

package/dist/esm/packages/react/src/calendar/CalendarMonths-css.js

@@ -1,7 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-DB33caq9.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'neijru']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/calendar/CalendarMonths.css.ts.vanilla-pd6nmf6Y.css";
+//#region src/calendar/CalendarMonths.css.ts
+var months = recipeRuntime({ base: [{
+	alignItems: "start",
+	gap: "16"
+}, "fhx4sa"] });
+//#endregion
 export { months };

package/dist/esm/packages/react/src/calendar/CalendarMonths.js

@@ -1,12 +1,19 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Months } from 'react-day-picker';
-import { Group } from '../group/Group.js';
-import { months } from './CalendarMonths-css.js';
-
+import { Group } from "../group/Group.js";
+import { months } from "./CalendarMonths-css.js";
+import { jsx } from "react/jsx-runtime";
+import { Months } from "react-day-picker";
+//#region src/calendar/CalendarMonths.tsx
 function CalendarMonths({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Group, { asChild: true, ...months(), children: /* @__PURE__ */ jsx(Months, { ...props, children }) });
+	return /* @__PURE__ */ jsx(Group, {
+		asChild: true,
+		...months(),
+		children: /* @__PURE__ */ jsx(Months, {
+			...props,
+			children
+		})
+	});
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
-
+//#endregion
 export { CalendarMonths };

package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-TabjfdJY.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var button$1 = recipeRuntime({base:'qubqo4'});
-
-export { button$1 as button };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-b9p8AbO5.css";
+//#region src/calendar/CalendarNextMonthButton.css.ts
+var button = recipeRuntime({ base: "_1ycy2r8" });
+//#endregion
+export { button };

package/dist/esm/packages/react/src/calendar/CalendarNextMonthButton.js

@@ -1,48 +1,29 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
-import '../tooltip/TooltipContent.js';
-import '../tooltip/TooltipProvider.js';
-import '../tooltip/TooltipRoot.js';
-import '../tooltip/TooltipTrigger.js';
-import { useCalendarContext } from './CalendarContext.js';
-import { button } from './CalendarNextMonthButton-css.js';
-import { withYear } from './utils.js';
-
-function CalendarNextMonthButton({
-  "aria-label": _ariaLabel,
-  children,
-  className,
-  color: _color,
-  onClick,
-  ...props
-}) {
-  const { month, setMonth, view } = useCalendarContext(
-    "@optiaxiom/react/CalendarNextMonthButton"
-  );
-  const label = "Go to the " + (view === "year" ? "next year range" : view === "month" ? "next year" : "next month");
-  return /* @__PURE__ */ jsx(Tooltip, { content: label, children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "subtle",
-      "aria-label": label,
-      icon: children,
-      onClick: (event) => {
-        if (view === "day") {
-          onClick?.(event);
-        } else {
-          setMonth(
-            withYear(month, month.getFullYear() + (view === "year" ? 12 : 1))
-          );
-        }
-      },
-      ...button({}, className),
-      ...props
-    }
-  ) });
+import { Button } from "../button/Button.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { useCalendarContext } from "./CalendarContext.js";
+import { withYear } from "./utils.js";
+import { button } from "./CalendarNextMonthButton-css.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/calendar/CalendarNextMonthButton.tsx
+function CalendarNextMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
+	const { month, setMonth, view } = useCalendarContext("@optiaxiom/react/CalendarNextMonthButton");
+	const label = "Go to the " + (view === "year" ? "next year range" : view === "month" ? "next year" : "next month");
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: label,
+		children: /* @__PURE__ */ jsx(Button, {
+			appearance: "subtle",
+			"aria-label": label,
+			icon: children,
+			onClick: (event) => {
+				if (view === "day") onClick?.(event);
+				else setMonth(withYear(month, month.getFullYear() + (view === "year" ? 12 : 1)));
+			},
+			...button({}, className),
+			...props
+		})
+	});
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
-
+//#endregion
 export { CalendarNextMonthButton };

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CvdjlbGh.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var button = recipeRuntime({base:'ze0dye'});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BlGeI6AQ.css";
+//#region src/calendar/CalendarPreviousMonthButton.css.ts
+var button = recipeRuntime({ base: "pujouv" });
+//#endregion
 export { button };

package/dist/esm/packages/react/src/calendar/CalendarPreviousMonthButton.js

@@ -1,48 +1,29 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
-import '../tooltip/TooltipContent.js';
-import '../tooltip/TooltipProvider.js';
-import '../tooltip/TooltipRoot.js';
-import '../tooltip/TooltipTrigger.js';
-import { useCalendarContext } from './CalendarContext.js';
-import { button } from './CalendarPreviousMonthButton-css.js';
-import { withYear } from './utils.js';
-
-function CalendarPreviousMonthButton({
-  "aria-label": _ariaLabel,
-  children,
-  className,
-  color: _color,
-  onClick,
-  ...props
-}) {
-  const { month, setMonth, view } = useCalendarContext(
-    "@optiaxiom/react/CalendarPreviousMonthButton"
-  );
-  const label = "Go to the " + (view === "year" ? "previous year range" : view === "month" ? "previous year" : "previous month");
-  return /* @__PURE__ */ jsx(Tooltip, { content: label, children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "subtle",
-      "aria-label": label,
-      icon: children,
-      onClick: (event) => {
-        if (view === "day") {
-          onClick?.(event);
-        } else {
-          setMonth(
-            withYear(month, month.getFullYear() - (view === "year" ? 12 : 1))
-          );
-        }
-      },
-      ...button({}, className),
-      ...props
-    }
-  ) });
+import { Button } from "../button/Button.js";
+import { Tooltip } from "../tooltip/Tooltip.js";
+import { useCalendarContext } from "./CalendarContext.js";
+import { withYear } from "./utils.js";
+import { button } from "./CalendarPreviousMonthButton-css.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/calendar/CalendarPreviousMonthButton.tsx
+function CalendarPreviousMonthButton({ "aria-label": _ariaLabel, children, className, color: _color, onClick, ...props }) {
+	const { month, setMonth, view } = useCalendarContext("@optiaxiom/react/CalendarPreviousMonthButton");
+	const label = "Go to the " + (view === "year" ? "previous year range" : view === "month" ? "previous year" : "previous month");
+	return /* @__PURE__ */ jsx(Tooltip, {
+		content: label,
+		children: /* @__PURE__ */ jsx(Button, {
+			appearance: "subtle",
+			"aria-label": label,
+			icon: children,
+			onClick: (event) => {
+				if (view === "day") onClick?.(event);
+				else setMonth(withYear(month, month.getFullYear() - (view === "year" ? 12 : 1)));
+			},
+			...button({}, className),
+			...props
+		})
+	});
 }
 CalendarPreviousMonthButton.displayName = "@optiaxiom/react/CalendarPreviousMonthButton";
-
+//#endregion
 export { CalendarPreviousMonthButton };

package/dist/esm/packages/react/src/calendar/CalendarWeek.js

@@ -1,13 +1,20 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Week } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
+import { Box } from "../box/Box.js";
+import { jsx } from "react/jsx-runtime";
+import { Week } from "react-day-picker";
+//#region src/calendar/CalendarWeek.tsx
 function CalendarWeek({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", gap: "2", mt: "2", children: /* @__PURE__ */ jsx(Week, { ...props, children }) });
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		display: "flex",
+		gap: "2",
+		mt: "2",
+		children: /* @__PURE__ */ jsx(Week, {
+			...props,
+			children
+		})
+	});
 }
 CalendarWeek.displayName = "@optiaxiom/react/CalendarWeek";
-
+//#endregion
 export { CalendarWeek };

package/dist/esm/packages/react/src/calendar/CalendarWeekday.js

@@ -1,13 +1,21 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Weekday } from 'react-day-picker';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
+import { Box } from "../box/Box.js";
+import { jsx } from "react/jsx-runtime";
+import { Weekday } from "react-day-picker";
+//#region src/calendar/CalendarWeekday.tsx
 function CalendarWeekday({ children, ...props }) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", flex: "1", fontSize: "sm", fontWeight: "400", children: /* @__PURE__ */ jsx(Weekday, { ...props, children }) });
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		color: "fg.tertiary",
+		flex: "1",
+		fontSize: "sm",
+		fontWeight: "400",
+		children: /* @__PURE__ */ jsx(Weekday, {
+			...props,
+			children
+		})
+	});
 }
 CalendarWeekday.displayName = "@optiaxiom/react/CalendarWeekday";
-
+//#endregion
 export { CalendarWeekday };

package/dist/esm/packages/react/src/calendar/CalendarWeekdays.js

@@ -1,15 +1,28 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-function CalendarWeekdays({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", flexDirection: "column", mb: "6", children: /* @__PURE__ */ jsx("thead", { "aria-hidden": "true", children: /* @__PURE__ */ jsx(Box, { asChild: true, display: "flex", gap: "2", children: /* @__PURE__ */ jsx("tr", { ...props, children }) }) }) });
+import { Box } from "../box/Box.js";
+import { jsx } from "react/jsx-runtime";
+import "react-day-picker";
+//#region src/calendar/CalendarWeekdays.tsx
+function CalendarWeekdays({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		display: "flex",
+		flexDirection: "column",
+		mb: "6",
+		children: /* @__PURE__ */ jsx("thead", {
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ jsx(Box, {
+				asChild: true,
+				display: "flex",
+				gap: "2",
+				children: /* @__PURE__ */ jsx("tr", {
+					...props,
+					children
+				})
+			})
+		})
+	});
 }
 CalendarWeekdays.displayName = "@optiaxiom/react/CalendarWeekdays";
-
+//#endregion
 export { CalendarWeekdays };

package/dist/esm/packages/react/src/calendar/toTimeZoneName.js

@@ -1,9 +1,7 @@
-const formatter = new Intl.DateTimeFormat(void 0, {
-  timeZoneName: "long"
-});
+//#region src/calendar/toTimeZoneName.ts
+const formatter = new Intl.DateTimeFormat(void 0, { timeZoneName: "long" });
 const toTimeZoneName = (date) => {
-  const parts = formatter.formatToParts(date);
-  return parts.find((part) => part.type === "timeZoneName")?.value ?? "";
+	return formatter.formatToParts(date).find((part) => part.type === "timeZoneName")?.value ?? "";
 };
-
+//#endregion
 export { toTimeZoneName };

package/dist/esm/packages/react/src/calendar/utils.js

@@ -1,19 +1,20 @@
+//#region src/calendar/utils.ts
 const withMonth = (date, month) => {
-  const next = new Date(date);
-  next.setDate(1);
-  next.setMonth(month);
-  next.setDate(Math.min(date.getDate(), getDaysOfMonth(next)));
-  return next;
+	const next = new Date(date);
+	next.setDate(1);
+	next.setMonth(month);
+	next.setDate(Math.min(date.getDate(), getDaysOfMonth(next)));
+	return next;
 };
 const withYear = (date, year) => {
-  const next = new Date(date);
-  next.setDate(1);
-  next.setFullYear(year);
-  next.setDate(Math.min(date.getDate(), getDaysOfMonth(next)));
-  return next;
+	const next = new Date(date);
+	next.setDate(1);
+	next.setFullYear(year);
+	next.setDate(Math.min(date.getDate(), getDaysOfMonth(next)));
+	return next;
 };
 const getDaysOfMonth = (date) => {
-  return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+	return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
 };
-
+//#endregion
 export { withMonth, withYear };

package/dist/esm/packages/react/src/card/Card-css.js

@@ -1,8 +1,22 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BbpOadq-.css';
-import './../../../../assets/src/card/Card.css.ts.vanilla-DWbwzoRi.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var card = recipeRuntime({base:['_1knx70y',{alignItems:'start',bg:'bg.default',border:'1',borderColor:'border.tertiary',color:'fg.default',flexDirection:'column',fontSize:'md',gap:'8',p:'16'},'_1ddhanv']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/cover/Cover.css.ts.vanilla-CDEZj-Lo.css";
+import "./../../../../assets/src/card/Card.css.ts.vanilla-DNZjkOCP.css";
+//#region src/card/Card.css.ts
+var card = recipeRuntime({ base: [
+	"_6vn3bg",
+	{
+		alignItems: "start",
+		bg: "bg.default",
+		border: "1",
+		borderColor: "border.tertiary",
+		color: "fg.default",
+		flexDirection: "column",
+		fontSize: "md",
+		gap: "8",
+		p: "16"
+	},
+	"_19j09l5"
+] });
+//#endregion
 export { card };