@evolve.ui/core-components 1.0.0

package/utils/dateTimeFormat.mjs

@@ -0,0 +1,199 @@
+'use client';
+import { formatDistance, fromUnixTime, isToday as isToday$1, isYesterday as isYesterday$1 } from "date-fns";
+import { format } from "date-fns-tz";
+//#region src/utils/dateTimeFormat.ts
+const safeFromUnixTime = (time) => {
+	let date = /* @__PURE__ */ new Date();
+	try {
+		if (!time) return date;
+		if (typeof time.getMonth === "function") return time;
+		else if (typeof time === "number") {
+			date = fromUnixTime(time);
+			if (date.getFullYear() > 1e4) return new Date(time);
+		}
+		return date;
+	} catch (error) {
+		console.log(error);
+	}
+	return date;
+};
+/**
+* Formats the given timestamp into a string representation of month, day, year, and time.
+*
+* @param {number | Date} timestamp The timestamp to format, as a number or Date object.
+* @param {boolean} [short=false] - Optional. If true, the date format will be abbreviated (e.g., "MMM d").
+* @param {boolean} [timeZone="America/Denver"] - Optional. The time zone to use for the formatted date string.
+* Otherwise, it will be in the long format (e.g., "MMMM d, yyyy, h:mm a zz").
+* @returns {string} The formatted date string, e.g., "July 24, 2024, 3:38 PM MDT" for long format or "Jul 24" for short format.
+*
+* @example
+* // Returns "July 24, 2024, 3:38 PM MDT"
+* formatTimestamp(new Date(), { short: false, timeZone: 'America/Denver' });
+*/
+const getMonthDayYearTime = (timestamp, options = {}) => {
+	return format(safeFromUnixTime(timestamp), `${options.short ? "MMM" : "MMMM"} d, yyyy, h:mm a zz`, { timeZone: options.timeZone });
+};
+/**
+* Formats the given timestamp into a string representation of month, day, and year.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @param {boolean} [options.short=false] - If true, the month format will be abbreviated (e.g., "MMM"). Otherwise, it will be in the long format (e.g., "MMMM").
+* @returns {string} The formatted string representation of the timestamp in the format "MMM d, yyyy" or "MMMM d, yyyy".
+*
+* @example
+* // Returns "July 24, 2024"
+* getMonthDayYear(new Date(2024, 6, 24));
+*/
+const getMonthDayYear = (timestamp, options = {}) => format(safeFromUnixTime(timestamp), `${options.short ? "MMM" : "MMMM"} d, yyyy`);
+/**
+* Formats the given timestamp into a string representation of day, month, and year.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @param {boolean} [options.short=false] - If true, the month format will be abbreviated (e.g., "MMM"). Otherwise, it will be in the long format (e.g., "MMMM").
+* @returns {string} The formatted string representation of the timestamp in the format "d MMM yyyy" or "d MMMM yyyy".
+*
+* @example
+* // Returns "24 July 2024"
+* getDayMonthYear(new Date(2024, 6, 24));
+*/
+const getDayMonthYear = (timestamp, options = {}) => format(safeFromUnixTime(timestamp), `d ${options.short ? "MMM" : "MMMM"} yyyy`);
+/**
+* Formats the given timestamp into a string representation of day, month, year, and time.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @param {boolean} [short=false] - Optional. If true, the date format will be abbreviated (e.g., "d MMM").
+* @param {boolean} [timeZone="America/Denver"] - Optional. The time zone to use for the formatted date string.
+* Otherwise, it will be in the long format (e.g., "dd MMMM, yyyy, h:mm a").
+* @returns {string} The formatted string representation of the timestamp.
+*
+* @example
+* // Returns "24 July, 2024, 3:38 PM"
+* formatDateTime(new Date(), {short: false, timeZone: 'America/Denver'});
+*/
+const getDayMonthYearTime = (timestamp, options = {}) => format(safeFromUnixTime(timestamp), `${options.short ? "d MMM" : "dd MMMM"} yyyy, h:mm a zz`, { timeZone: options.timeZone });
+/**
+* Formats the given timestamp into a string representation of month and day.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @returns {string} The formatted string representation of the timestamp in the format "MMMM d".
+*
+* @example
+* // Returns "July 24"
+* formatMonthDay(new Date());
+*/
+const getMonthDay = (timestamp) => format(safeFromUnixTime(timestamp), "MMMM dd");
+/**
+* Formats the given timestamp into a string representation of month and day (abbreviated).
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @returns {string} The formatted string representation of the timestamp in the format "MMM d".
+*
+* @example
+* // Returns "Jul 24"
+* formatMonthDayAbbreviated(new Date());
+*
+*/
+const getMonthDayShort = (timestamp) => format(safeFromUnixTime(timestamp), "MMM dd");
+/**
+* Formats the given timestamp into a string representation of day and month (abbreviated).
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @returns {string} The formatted string representation of the timestamp in the format "dd MMM".
+*
+* @example
+* // Returns "24 Jul"
+* getDayMonthShort(new Date());
+*/
+const getDayMonthShort = (timestamp) => format(safeFromUnixTime(timestamp), "dd MMM");
+/**
+* Formats the given timestamp into a string representation of day and month (abbreviated).
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @returns {string} The formatted string representation of the timestamp in the format "dd MMMM".
+*
+* @example
+* // Returns "24 July"
+* getDayMonthShort(new Date());
+*/
+const getDayMonth = (timestamp) => format(safeFromUnixTime(timestamp), "dd MMMM");
+/**
+* Formats the given timestamp into a string representation of ISO date and time.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @param {Object} [options={}] - Optional settings.
+* @param {string} [options.timeZone] - The time zone to use for formatting. Defaults to the local time zone if not specified.
+* @returns {string} The formatted string representation of the timestamp in the format "yyyy-MM-dd h:mm a zz".
+*
+* @example
+* // Returns "2024-07-24 3:38 PM UTC" with specified time zone
+* getISODateTime(new Date(), { timeZone: 'UTC' });
+*/
+const getISODateTime = (timestamp, options = {}) => options.short ? format(safeFromUnixTime(timestamp), "yyyy-MM-dd", { timeZone: options.timeZone }) : format(safeFromUnixTime(timestamp), "yyyy-MM-dd h:mm a zz", { timeZone: options.timeZone });
+/**
+* Formats the given timestamp into a string representation of time.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @param {string} [options.timeZone] - The time zone to use for formatting. Defaults to the local time zone if not specified.
+* @returns {string} The formatted string representation of the timestamp in the format "h:mm a zz".
+*
+* @example
+* // Returns "3:38 PM UTC" with specified time zone
+* getTime(new Date(), { timeZone: 'UTC' });
+*/
+const getTime = (timestamp, options = {}) => format(safeFromUnixTime(timestamp), "h:mm a zz", { timeZone: options.timeZone });
+/**
+* Formats the given timestamp into a string representation of the date in 'MM/dd/yyyy' format.
+*
+* @param {number | Date} timestamp - The timestamp to format, as a number or Date object.
+* @returns {string} The formatted string representation of the timestamp in 'MM/dd/yyyy' format.
+*
+* @example
+* // Returns "07/24/2024"
+* getSimpleDate(new Date(2024, 6, 24));
+*/
+const getSimpleDate = (timestamp) => format(safeFromUnixTime(timestamp), "MM/dd/yyyy");
+/**
+* Calculates the time distance between a given timestamp and the current time.
+* @param timestamp - The timestamp to calculate the distance from.
+* @param short - Optional. If true, returns the short version of the time distance.
+* @returns The time distance between the timestamp and the current time.
+*/
+const formatTimeDistance = (timestamp, options = { short: false }) => {
+	const { short } = options;
+	const safeDate = safeFromUnixTime(timestamp);
+	const diff = (/* @__PURE__ */ new Date()).getTime() - safeDate.getTime();
+	return formatDistance(safeFromUnixTime(timestamp), /* @__PURE__ */ new Date(), {
+		addSuffix: Boolean(options.short),
+		locale: { formatDistance: (token, count, options) => {
+			const isInTheFutureText = options?.comparison === 1 && !short ? "In " : "";
+			const inThePastText = options?.comparison === -1 && !short ? " ago" : "";
+			let timeText = "";
+			if (token === "lessThanXMinutes") {
+				const seconds = Math.round(Math.abs(diff / 1e3));
+				timeText = short ? `${seconds}s` : seconds === 1 ? "1 second" : `${seconds} seconds`;
+			} else if (token === "xMinutes") timeText = short ? `${count}m` : count === 1 ? "1 minute" : `${count} minutes`;
+			else if (token === "aboutXHours") timeText = short ? `${count}h` : count === 1 ? "1 hour" : `${count} hours`;
+			else if (token === "xDays" && count <= 7) if (count === 7) timeText = "1 week";
+			else timeText = short ? `${count}d` : count === 1 ? "1 day" : `${count} days`;
+			else return short ? getMonthDayShort(safeDate) : getMonthDayYear(safeDate);
+			return `${isInTheFutureText}${timeText}${inThePastText}`;
+		} }
+	});
+};
+/**
+* Determines whether the given timestamp represents a date that is today.
+* @param timestamp - The timestamp to check.
+* @returns A boolean indicating whether the timestamp represents a date that is today.
+*/
+const isToday = (timestamp) => isToday$1(safeFromUnixTime(timestamp));
+/**
+* Determines whether the given timestamp represents a date that is yesterday.
+*
+* @param timestamp - The timestamp to check.
+* @returns A boolean indicating whether the timestamp represents a date that is yesterday.
+*/
+const isYesterday = (timestamp) => isYesterday$1(safeFromUnixTime(timestamp));
+//#endregion
+export { formatTimeDistance, getDayMonth, getDayMonthShort, getDayMonthYear, getDayMonthYearTime, getISODateTime, getMonthDay, getMonthDayShort, getMonthDayYear, getMonthDayYearTime, getSimpleDate, getTime, isToday, isYesterday, safeFromUnixTime };
+
+//# sourceMappingURL=dateTimeFormat.mjs.map

package/utils/dateTimeFormat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeFormat.mjs","names":["isTodayDateFns","isYesterdayDateFns"],"sources":["../../src/utils/dateTimeFormat.ts"],"sourcesContent":["import { formatDistance, fromUnixTime, isToday as isTodayDateFns, isYesterday as isYesterdayDateFns } from 'date-fns';\nimport { format } from 'date-fns-tz';\n\nexport type TimeUnit = number | Date;\n\nexport const safeFromUnixTime = (time?: TimeUnit): Date => {\n    let date = new Date();\n    try {\n        // return a valid date if the value is falsey\n        if (!time) {\n            return date;\n        }\n\n        // Check to see if time is a Date;\n        // @ts-expect-error - since time can be either a number or a date we will have a ts error checking this\n        if (typeof time.getMonth === 'function') {\n            return time as Date;\n        } else if (typeof time === 'number') {\n            date = fromUnixTime(time);\n\n            // in the case that the number is a JS style timestamp the date will be way in the future and so we should use new Date instead\n            if (date.getFullYear() > 10000) {\n                return new Date(time);\n            }\n        }\n\n        return date;\n    } catch (error) {\n        // eslint-disable-next-line no-console\n        console.log(error);\n    }\n    return date;\n};\n\n/**\n * Formats the given timestamp into a string representation of month, day, year, and time.\n *\n * @param {number | Date} timestamp The timestamp to format, as a number or Date object.\n * @param {boolean} [short=false] - Optional. If true, the date format will be abbreviated (e.g., \"MMM d\").\n * @param {boolean} [timeZone=\"America/Denver\"] - Optional. The time zone to use for the formatted date string.\n * Otherwise, it will be in the long format (e.g., \"MMMM d, yyyy, h:mm a zz\").\n * @returns {string} The formatted date string, e.g., \"July 24, 2024, 3:38 PM MDT\" for long format or \"Jul 24\" for short format.\n *\n * @example\n * // Returns \"July 24, 2024, 3:38 PM MDT\"\n * formatTimestamp(new Date(), { short: false, timeZone: 'America/Denver' });\n */\nexport const getMonthDayYearTime = (\n    timestamp: TimeUnit,\n    options: { short?: boolean; timeZone?: string } = {}\n): string => {\n    return format(safeFromUnixTime(timestamp), `${options.short ? 'MMM' : 'MMMM'} d, yyyy, h:mm a zz`, {\n        timeZone: options.timeZone,\n    });\n};\n\n/**\n * Formats the given timestamp into a string representation of month, day, and year.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @param {boolean} [options.short=false] - If true, the month format will be abbreviated (e.g., \"MMM\"). Otherwise, it will be in the long format (e.g., \"MMMM\").\n * @returns {string} The formatted string representation of the timestamp in the format \"MMM d, yyyy\" or \"MMMM d, yyyy\".\n *\n * @example\n * // Returns \"July 24, 2024\"\n * getMonthDayYear(new Date(2024, 6, 24));\n */\n\nexport const getMonthDayYear = (timestamp: TimeUnit, options: { short?: boolean } = {}): string =>\n    format(safeFromUnixTime(timestamp), `${options.short ? 'MMM' : 'MMMM'} d, yyyy`);\n\n/**\n * Formats the given timestamp into a string representation of day, month, and year.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @param {boolean} [options.short=false] - If true, the month format will be abbreviated (e.g., \"MMM\"). Otherwise, it will be in the long format (e.g., \"MMMM\").\n * @returns {string} The formatted string representation of the timestamp in the format \"d MMM yyyy\" or \"d MMMM yyyy\".\n *\n * @example\n * // Returns \"24 July 2024\"\n * getDayMonthYear(new Date(2024, 6, 24));\n */\n\nexport const getDayMonthYear = (timestamp: TimeUnit, options: { short?: boolean } = {}): string =>\n    format(safeFromUnixTime(timestamp), `d ${options.short ? 'MMM' : 'MMMM'} yyyy`);\n\n/**\n * Formats the given timestamp into a string representation of day, month, year, and time.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @param {boolean} [short=false] - Optional. If true, the date format will be abbreviated (e.g., \"d MMM\").\n * @param {boolean} [timeZone=\"America/Denver\"] - Optional. The time zone to use for the formatted date string.\n * Otherwise, it will be in the long format (e.g., \"dd MMMM, yyyy, h:mm a\").\n * @returns {string} The formatted string representation of the timestamp.\n *\n * @example\n * // Returns \"24 July, 2024, 3:38 PM\"\n * formatDateTime(new Date(), {short: false, timeZone: 'America/Denver'});\n */\nexport const getDayMonthYearTime = (\n    timestamp: TimeUnit,\n    options: { short?: boolean; timeZone?: string } = {}\n): string =>\n    format(safeFromUnixTime(timestamp), `${options.short ? 'd MMM' : 'dd MMMM'} yyyy, h:mm a zz`, {\n        timeZone: options.timeZone,\n    });\n\n/**\n * Formats the given timestamp into a string representation of month and day.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @returns {string} The formatted string representation of the timestamp in the format \"MMMM d\".\n *\n * @example\n * // Returns \"July 24\"\n * formatMonthDay(new Date());\n */\nexport const getMonthDay = (timestamp: TimeUnit): string => format(safeFromUnixTime(timestamp), 'MMMM dd');\n\n/**\n * Formats the given timestamp into a string representation of month and day (abbreviated).\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @returns {string} The formatted string representation of the timestamp in the format \"MMM d\".\n *\n * @example\n * // Returns \"Jul 24\"\n * formatMonthDayAbbreviated(new Date());\n *\n */\nexport const getMonthDayShort = (timestamp: TimeUnit): string => format(safeFromUnixTime(timestamp), 'MMM dd');\n\n/**\n * Formats the given timestamp into a string representation of day and month (abbreviated).\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @returns {string} The formatted string representation of the timestamp in the format \"dd MMM\".\n *\n * @example\n * // Returns \"24 Jul\"\n * getDayMonthShort(new Date());\n */\nexport const getDayMonthShort = (timestamp: TimeUnit): string => format(safeFromUnixTime(timestamp), 'dd MMM');\n\n/**\n * Formats the given timestamp into a string representation of day and month (abbreviated).\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @returns {string} The formatted string representation of the timestamp in the format \"dd MMMM\".\n *\n * @example\n * // Returns \"24 July\"\n * getDayMonthShort(new Date());\n */\nexport const getDayMonth = (timestamp: TimeUnit): string => format(safeFromUnixTime(timestamp), 'dd MMMM');\n\n/**\n * Formats the given timestamp into a string representation of ISO date and time.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @param {Object} [options={}] - Optional settings.\n * @param {string} [options.timeZone] - The time zone to use for formatting. Defaults to the local time zone if not specified.\n * @returns {string} The formatted string representation of the timestamp in the format \"yyyy-MM-dd h:mm a zz\".\n *\n * @example\n * // Returns \"2024-07-24 3:38 PM UTC\" with specified time zone\n * getISODateTime(new Date(), { timeZone: 'UTC' });\n */\nexport const getISODateTime = (timestamp: TimeUnit, options: { short?: boolean; timeZone?: string } = {}): string =>\n    options.short\n        ? format(safeFromUnixTime(timestamp), 'yyyy-MM-dd', { timeZone: options.timeZone })\n        : format(safeFromUnixTime(timestamp), 'yyyy-MM-dd h:mm a zz', { timeZone: options.timeZone });\n\n/**\n * Formats the given timestamp into a string representation of time.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @param {string} [options.timeZone] - The time zone to use for formatting. Defaults to the local time zone if not specified.\n * @returns {string} The formatted string representation of the timestamp in the format \"h:mm a zz\".\n *\n * @example\n * // Returns \"3:38 PM UTC\" with specified time zone\n * getTime(new Date(), { timeZone: 'UTC' });\n */\nexport const getTime = (timestamp: TimeUnit, options: { timeZone?: string } = {}): string =>\n    format(safeFromUnixTime(timestamp), 'h:mm a zz', { timeZone: options.timeZone });\n\n/**\n * Formats the given timestamp into a string representation of the date in 'MM/dd/yyyy' format.\n *\n * @param {number | Date} timestamp - The timestamp to format, as a number or Date object.\n * @returns {string} The formatted string representation of the timestamp in 'MM/dd/yyyy' format.\n *\n * @example\n * // Returns \"07/24/2024\"\n * getSimpleDate(new Date(2024, 6, 24));\n */\n\nexport const getSimpleDate = (timestamp: TimeUnit): string => format(safeFromUnixTime(timestamp), 'MM/dd/yyyy');\n\n/**\n * Calculates the time distance between a given timestamp and the current time.\n * @param timestamp - The timestamp to calculate the distance from.\n * @param short - Optional. If true, returns the short version of the time distance.\n * @returns The time distance between the timestamp and the current time.\n */\nexport const formatTimeDistance = (timestamp: TimeUnit, options: { short?: boolean } = { short: false }) => {\n    const { short } = options;\n    const safeDate = safeFromUnixTime(timestamp);\n\n    const diff = new Date().getTime() - safeDate.getTime();\n\n    return formatDistance(safeFromUnixTime(timestamp), new Date(), {\n        addSuffix: Boolean(options.short),\n        locale: {\n            formatDistance: (token, count, options) => {\n                const isInTheFutureText = options?.comparison === 1 && !short ? 'In ' : '';\n                const inThePastText = options?.comparison === -1 && !short ? ' ago' : '';\n                let timeText = '';\n\n                if (token === 'lessThanXMinutes') {\n                    const seconds = Math.round(Math.abs(diff / 1000));\n                    timeText = short ? `${seconds}s` : seconds === 1 ? '1 second' : `${seconds} seconds`;\n                } else if (token === 'xMinutes') {\n                    timeText = short ? `${count}m` : count === 1 ? '1 minute' : `${count} minutes`;\n                } else if (token === 'aboutXHours') {\n                    timeText = short ? `${count}h` : count === 1 ? '1 hour' : `${count} hours`;\n                } else if (token === 'xDays' && count <= 7) {\n                    if (count === 7) {\n                        timeText = '1 week';\n                    } else {\n                        timeText = short ? `${count}d` : count === 1 ? '1 day' : `${count} days`;\n                    }\n                } else {\n                    return short ? getMonthDayShort(safeDate) : getMonthDayYear(safeDate);\n                }\n\n                return `${isInTheFutureText}${timeText}${inThePastText}`;\n            },\n        },\n    });\n};\n\n/**\n * Determines whether the given timestamp represents a date that is today.\n * @param timestamp - The timestamp to check.\n * @returns A boolean indicating whether the timestamp represents a date that is today.\n */\n\nexport const isToday = (timestamp: TimeUnit): boolean => isTodayDateFns(safeFromUnixTime(timestamp));\n/**\n * Determines whether the given timestamp represents a date that is yesterday.\n *\n * @param timestamp - The timestamp to check.\n * @returns A boolean indicating whether the timestamp represents a date that is yesterday.\n */\nexport const isYesterday = (timestamp: TimeUnit): boolean => isYesterdayDateFns(safeFromUnixTime(timestamp));\n"],"mappings":"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"}

package/utils/formatFileSize.cjs

@@ -0,0 +1,24 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region src/utils/formatFileSize.ts
+const FILE_SIZE_UNITS = [
+	"B",
+	"KB",
+	"MB",
+	"GB",
+	"TB"
+];
+const formatFileSize = (bytes) => {
+	if (bytes === 0) return "0 B";
+	const exp = Math.floor(Math.log(bytes) / Math.log(1024));
+	const clampedExp = Math.min(exp, FILE_SIZE_UNITS.length - 1);
+	const size = bytes / Math.pow(1024, clampedExp);
+	const unit = FILE_SIZE_UNITS[clampedExp];
+	return `${size < 10 ? size.toFixed(1) : Math.round(size)} ${unit}`;
+};
+//#endregion
+exports.formatFileSize = formatFileSize;
+
+//# sourceMappingURL=formatFileSize.cjs.map

package/utils/formatFileSize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.cjs","names":[],"sources":["../../src/utils/formatFileSize.ts"],"sourcesContent":["const FILE_SIZE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\nexport const formatFileSize = (bytes: number): string => {\n    if (bytes === 0) {\n        return '0 B';\n    }\n\n    const exp = Math.floor(Math.log(bytes) / Math.log(1024));\n    const clampedExp = Math.min(exp, FILE_SIZE_UNITS.length - 1);\n    const size = bytes / Math.pow(1024, clampedExp);\n    const unit = FILE_SIZE_UNITS[clampedExp];\n\n    // For numbers less than 10, show one decimal place\n    // For larger numbers, round to whole number\n    const formatted = size < 10 ? size.toFixed(1) : Math.round(size);\n\n    return `${formatted} ${unit}`;\n};\n"],"mappings":";;;;;AAAA,MAAM,kBAAkB;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;AAEpD,MAAa,kBAAkB,UAA0B;CACrD,IAAI,UAAU,GACV,OAAO;CAGX,MAAM,MAAM,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC;CACvD,MAAM,aAAa,KAAK,IAAI,KAAK,gBAAgB,SAAS,CAAC;CAC3D,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,UAAU;CAC9C,MAAM,OAAO,gBAAgB;CAM7B,OAAO,GAFW,OAAO,KAAK,KAAK,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,EAE3C,GAAG;AAC3B"}

package/utils/formatFileSize.d.cts

@@ -0,0 +1,5 @@
+//#region src/utils/formatFileSize.d.ts
+declare const formatFileSize: (bytes: number) => string;
+//#endregion
+export { formatFileSize };
+//# sourceMappingURL=formatFileSize.d.cts.map

package/utils/formatFileSize.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.d.cts","names":[],"sources":["../../src/utils/formatFileSize.ts"],"mappings":";cAEa,cAAA,GAAkB,KAAa"}

package/utils/formatFileSize.d.mts

@@ -0,0 +1,5 @@
+//#region src/utils/formatFileSize.d.ts
+declare const formatFileSize: (bytes: number) => string;
+//#endregion
+export { formatFileSize };
+//# sourceMappingURL=formatFileSize.d.mts.map

package/utils/formatFileSize.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.d.mts","names":[],"sources":["../../src/utils/formatFileSize.ts"],"mappings":";cAEa,cAAA,GAAkB,KAAa"}

package/utils/formatFileSize.mjs

@@ -0,0 +1,20 @@
+//#region src/utils/formatFileSize.ts
+const FILE_SIZE_UNITS = [
+	"B",
+	"KB",
+	"MB",
+	"GB",
+	"TB"
+];
+const formatFileSize = (bytes) => {
+	if (bytes === 0) return "0 B";
+	const exp = Math.floor(Math.log(bytes) / Math.log(1024));
+	const clampedExp = Math.min(exp, FILE_SIZE_UNITS.length - 1);
+	const size = bytes / Math.pow(1024, clampedExp);
+	const unit = FILE_SIZE_UNITS[clampedExp];
+	return `${size < 10 ? size.toFixed(1) : Math.round(size)} ${unit}`;
+};
+//#endregion
+export { formatFileSize };
+
+//# sourceMappingURL=formatFileSize.mjs.map

package/utils/formatFileSize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatFileSize.mjs","names":[],"sources":["../../src/utils/formatFileSize.ts"],"sourcesContent":["const FILE_SIZE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\nexport const formatFileSize = (bytes: number): string => {\n    if (bytes === 0) {\n        return '0 B';\n    }\n\n    const exp = Math.floor(Math.log(bytes) / Math.log(1024));\n    const clampedExp = Math.min(exp, FILE_SIZE_UNITS.length - 1);\n    const size = bytes / Math.pow(1024, clampedExp);\n    const unit = FILE_SIZE_UNITS[clampedExp];\n\n    // For numbers less than 10, show one decimal place\n    // For larger numbers, round to whole number\n    const formatted = size < 10 ? size.toFixed(1) : Math.round(size);\n\n    return `${formatted} ${unit}`;\n};\n"],"mappings":";AAAA,MAAM,kBAAkB;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;AAEpD,MAAa,kBAAkB,UAA0B;CACrD,IAAI,UAAU,GACV,OAAO;CAGX,MAAM,MAAM,KAAK,MAAM,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC;CACvD,MAAM,aAAa,KAAK,IAAI,KAAK,gBAAgB,SAAS,CAAC;CAC3D,MAAM,OAAO,QAAQ,KAAK,IAAI,MAAM,UAAU;CAC9C,MAAM,OAAO,gBAAgB;CAM7B,OAAO,GAFW,OAAO,KAAK,KAAK,QAAQ,CAAC,IAAI,KAAK,MAAM,IAAI,EAE3C,GAAG;AAC3B"}

package/utils-C6Ngn6x9.mjs

@@ -0,0 +1,23 @@
+//#region src/DateTimeInput/utils/getDisplayDate.ts
+const getDisplayDate = (date) => {
+	if (Number.isNaN(date.getTime())) return "";
+	return new Intl.DateTimeFormat(navigator.language, {
+		day: "2-digit",
+		month: "2-digit",
+		year: "numeric"
+	}).format(date);
+};
+//#endregion
+//#region src/DateTimeInput/utils/getDisplayTime.ts
+const getDisplayTime = (time, is24hour) => {
+	if (Number.isNaN(time.getTime())) return "";
+	return new Intl.DateTimeFormat(navigator.language, {
+		hour: "numeric",
+		hour12: !is24hour,
+		minute: "numeric"
+	}).format(time);
+};
+//#endregion
+export { getDisplayDate as n, getDisplayTime as t };
+
+//# sourceMappingURL=utils-C6Ngn6x9.mjs.map

package/utils-C6Ngn6x9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-C6Ngn6x9.mjs","names":[],"sources":["../src/DateTimeInput/utils/getDisplayDate.ts","../src/DateTimeInput/utils/getDisplayTime.ts"],"sourcesContent":["// localize date format\nexport const getDisplayDate = (date: Date): string => {\n    // Local deviation from hammer: guard against an Invalid Date. `Intl.DateTimeFormat.format`\n    // throws a RangeError on one, so an unguarded call crashes any caller that receives an\n    // invalid value (e.g. a consumer passing `new Date(badInput)` straight into the `date` prop).\n    if (Number.isNaN(date.getTime())) {\n        return '';\n    }\n\n    return new Intl.DateTimeFormat(navigator.language, {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n    }).format(date);\n};\n","// localize time format\nexport const getDisplayTime = (time: Date, is24hour: boolean): string => {\n    // Local deviation from hammer: guard against an Invalid Date. `Intl.DateTimeFormat.format`\n    // throws a RangeError on one, which would otherwise crash TimeInput at render (its\n    // useState initializer calls this before the effect's Invalid-Date guard can run).\n    if (Number.isNaN(time.getTime())) {\n        return '';\n    }\n\n    return new Intl.DateTimeFormat(navigator.language, {\n        hour: 'numeric',\n        hour12: !is24hour,\n        minute: 'numeric',\n    }).format(time);\n};\n"],"mappings":";AACA,MAAa,kBAAkB,SAAuB;CAIlD,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC3B,OAAO;CAGX,OAAO,IAAI,KAAK,eAAe,UAAU,UAAU;EAC/C,KAAK;EACL,OAAO;EACP,MAAM;CACV,CAAC,CAAC,CAAC,OAAO,IAAI;AAClB;;;ACbA,MAAa,kBAAkB,MAAY,aAA8B;CAIrE,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC3B,OAAO;CAGX,OAAO,IAAI,KAAK,eAAe,UAAU,UAAU;EAC/C,MAAM;EACN,QAAQ,CAAC;EACT,QAAQ;CACZ,CAAC,CAAC,CAAC,OAAO,IAAI;AAClB"}

package/utils-CvmfGpqu.cjs

@@ -0,0 +1,34 @@
+//#region src/DateTimeInput/utils/getDisplayDate.ts
+const getDisplayDate = (date) => {
+	if (Number.isNaN(date.getTime())) return "";
+	return new Intl.DateTimeFormat(navigator.language, {
+		day: "2-digit",
+		month: "2-digit",
+		year: "numeric"
+	}).format(date);
+};
+//#endregion
+//#region src/DateTimeInput/utils/getDisplayTime.ts
+const getDisplayTime = (time, is24hour) => {
+	if (Number.isNaN(time.getTime())) return "";
+	return new Intl.DateTimeFormat(navigator.language, {
+		hour: "numeric",
+		hour12: !is24hour,
+		minute: "numeric"
+	}).format(time);
+};
+//#endregion
+Object.defineProperty(exports, "getDisplayDate", {
+	enumerable: true,
+	get: function() {
+		return getDisplayDate;
+	}
+});
+Object.defineProperty(exports, "getDisplayTime", {
+	enumerable: true,
+	get: function() {
+		return getDisplayTime;
+	}
+});
+
+//# sourceMappingURL=utils-CvmfGpqu.cjs.map

package/utils-CvmfGpqu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-CvmfGpqu.cjs","names":[],"sources":["../src/DateTimeInput/utils/getDisplayDate.ts","../src/DateTimeInput/utils/getDisplayTime.ts"],"sourcesContent":["// localize date format\nexport const getDisplayDate = (date: Date): string => {\n    // Local deviation from hammer: guard against an Invalid Date. `Intl.DateTimeFormat.format`\n    // throws a RangeError on one, so an unguarded call crashes any caller that receives an\n    // invalid value (e.g. a consumer passing `new Date(badInput)` straight into the `date` prop).\n    if (Number.isNaN(date.getTime())) {\n        return '';\n    }\n\n    return new Intl.DateTimeFormat(navigator.language, {\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n    }).format(date);\n};\n","// localize time format\nexport const getDisplayTime = (time: Date, is24hour: boolean): string => {\n    // Local deviation from hammer: guard against an Invalid Date. `Intl.DateTimeFormat.format`\n    // throws a RangeError on one, which would otherwise crash TimeInput at render (its\n    // useState initializer calls this before the effect's Invalid-Date guard can run).\n    if (Number.isNaN(time.getTime())) {\n        return '';\n    }\n\n    return new Intl.DateTimeFormat(navigator.language, {\n        hour: 'numeric',\n        hour12: !is24hour,\n        minute: 'numeric',\n    }).format(time);\n};\n"],"mappings":";AACA,MAAa,kBAAkB,SAAuB;CAIlD,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC3B,OAAO;CAGX,OAAO,IAAI,KAAK,eAAe,UAAU,UAAU;EAC/C,KAAK;EACL,OAAO;EACP,MAAM;CACV,CAAC,CAAC,CAAC,OAAO,IAAI;AAClB;;;ACbA,MAAa,kBAAkB,MAAY,aAA8B;CAIrE,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAC3B,OAAO;CAGX,OAAO,IAAI,KAAK,eAAe,UAAU,UAAU;EAC/C,MAAM;EACN,QAAQ,CAAC;EACT,QAAQ;CACZ,CAAC,CAAC,CAAC,OAAO,IAAI;AAClB"}

package/viewMore.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_ViewMore = require("./ViewMore-BBoUvo7p.cjs");
+exports.ViewMore = require_ViewMore.ViewMore;

package/viewMore.d.cts

@@ -0,0 +1,2 @@
+import { t as ViewMore } from "./ViewMore-DKC9SYL4.cjs";
+export { ViewMore };

package/viewMore.d.mts

@@ -0,0 +1,2 @@
+import { t as ViewMore } from "./ViewMore-DKC9SYL4.mjs";
+export { ViewMore };

package/viewMore.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as ViewMore } from "./ViewMore-BrZPuE4E.mjs";
+export { ViewMore };

package/webRTCPlayer.cjs

@@ -0,0 +1,13 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_WebRTCPlayer = require("./WebRTCPlayer-CssffyCM.cjs");
+exports.DEFAULT_PATH = require_WebRTCPlayer.DEFAULT_PATH;
+exports.DEFAULT_WSS_PORT = require_WebRTCPlayer.DEFAULT_WSS_PORT;
+exports.DEFAULT_WS_PORT = require_WebRTCPlayer.DEFAULT_WS_PORT;
+exports.PING_INTERVAL = require_WebRTCPlayer.PING_INTERVAL;
+exports.RECONNECT_INTERVAL = require_WebRTCPlayer.RECONNECT_INTERVAL;
+exports.WebRTCPlayer = require_WebRTCPlayer.WebRTCPlayer;
+exports.useWebRTCStream = require_WebRTCPlayer.useWebRTCStream;

package/webRTCPlayer.d.cts

@@ -0,0 +1,2 @@
+import { a as PING_INTERVAL, c as WebRTCConnectionState, d as WebRTCPlayerProps, i as DEFAULT_WS_PORT, l as WebRTCPlayerState, n as DEFAULT_PATH, o as RECONNECT_INTERVAL, r as DEFAULT_WSS_PORT, s as WebRTCConfig, t as useWebRTCStream, u as WebRTCPlayer } from "./index-D2HDrkK3.cjs";
+export { DEFAULT_PATH, DEFAULT_WSS_PORT, DEFAULT_WS_PORT, PING_INTERVAL, RECONNECT_INTERVAL, type WebRTCConfig, type WebRTCConnectionState, WebRTCPlayer, type WebRTCPlayerProps, type WebRTCPlayerState, useWebRTCStream };

package/webRTCPlayer.d.mts

@@ -0,0 +1,2 @@
+import { a as PING_INTERVAL, c as WebRTCConnectionState, d as WebRTCPlayerProps, i as DEFAULT_WS_PORT, l as WebRTCPlayerState, n as DEFAULT_PATH, o as RECONNECT_INTERVAL, r as DEFAULT_WSS_PORT, s as WebRTCConfig, t as useWebRTCStream, u as WebRTCPlayer } from "./index-D2HDrkK3.mjs";
+export { DEFAULT_PATH, DEFAULT_WSS_PORT, DEFAULT_WS_PORT, PING_INTERVAL, RECONNECT_INTERVAL, type WebRTCConfig, type WebRTCConnectionState, WebRTCPlayer, type WebRTCPlayerProps, type WebRTCPlayerState, useWebRTCStream };

package/webRTCPlayer.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { a as DEFAULT_WS_PORT, i as DEFAULT_WSS_PORT, n as useWebRTCStream, o as PING_INTERVAL, r as DEFAULT_PATH, s as RECONNECT_INTERVAL, t as WebRTCPlayer } from "./WebRTCPlayer-C-sTtskR.mjs";
+export { DEFAULT_PATH, DEFAULT_WSS_PORT, DEFAULT_WS_PORT, PING_INTERVAL, RECONNECT_INTERVAL, WebRTCPlayer, useWebRTCStream };

package/windowSizeProvider-BMaATFiZ.cjs

@@ -0,0 +1,147 @@
+let react = require("react");
+let _evolve_ui_theme_system_themes_common = require("@evolve.ui/theme-system/themes/common");
+let jotai = require("jotai");
+let use_debounce = require("use-debounce");
+//#region src/utils/isClientSide.ts
+const isClientSide = typeof window !== "undefined";
+//#endregion
+//#region src/providers/windowSizeProvider.tsx
+const heightAtom = (0, jotai.atom)(isClientSide ? window.innerHeight : 0);
+const widthAtom = (0, jotai.atom)(isClientSide ? window.innerWidth : 0);
+const desktopAtom = (0, jotai.atom)((get) => get(widthAtom) >= _evolve_ui_theme_system_themes_common.breakpoints.smMinValue);
+const mobileAtom = (0, jotai.atom)((get) => get(widthAtom) <= _evolve_ui_theme_system_themes_common.breakpoints.xsMaxValue);
+const tabletAtom = (0, jotai.atom)((get) => get(widthAtom) >= _evolve_ui_theme_system_themes_common.breakpoints.smMinValue && get(widthAtom) <= _evolve_ui_theme_system_themes_common.breakpoints.smMaxValue);
+const tabletOrMobileAtom = (0, jotai.atom)((get) => get(widthAtom) <= _evolve_ui_theme_system_themes_common.breakpoints.smMaxValue);
+const WindowSizeProvider = ({ children, defaultHeight: givenDefaultHeight, defaultWidth: givenDefaultWidth, windowSizeThrottle = 0 }) => {
+	const store = (0, jotai.useStore)();
+	(0, react.useMemo)(() => {
+		if (!isClientSide) {
+			if (givenDefaultHeight) store.set(heightAtom, givenDefaultHeight);
+			if (givenDefaultWidth) store.set(widthAtom, givenDefaultWidth);
+			return;
+		}
+		const initialHeight = window.innerHeight === 0 && givenDefaultHeight ? givenDefaultHeight : window.innerHeight;
+		const initialWidth = window.innerWidth === 0 && givenDefaultWidth ? givenDefaultWidth : window.innerWidth;
+		if (initialHeight !== 0 && store.get(heightAtom) !== initialHeight) store.set(heightAtom, initialHeight);
+		if (initialWidth !== 0 && store.get(widthAtom) !== initialWidth) store.set(widthAtom, initialWidth);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!isClientSide) return;
+		const currentHeight = window.innerHeight === 0 && givenDefaultHeight ? givenDefaultHeight : window.innerHeight;
+		const currentWidth = window.innerWidth === 0 && givenDefaultWidth ? givenDefaultWidth : window.innerWidth;
+		if (store.get(heightAtom) !== currentHeight && currentHeight !== 0) store.set(heightAtom, currentHeight);
+		if (store.get(widthAtom) !== currentWidth && currentWidth !== 0) store.set(widthAtom, currentWidth);
+	}, [
+		givenDefaultHeight,
+		givenDefaultWidth,
+		store
+	]);
+	const handleResize = (0, use_debounce.useThrottledCallback)(() => {
+		store.set(heightAtom, window.innerHeight);
+		store.set(widthAtom, window.innerWidth);
+	}, windowSizeThrottle, { trailing: true });
+	(0, react.useEffect)(() => {
+		if (!isClientSide) return;
+		window.addEventListener("resize", handleResize);
+		window.addEventListener("orientationchange", handleResize);
+		return () => {
+			window.removeEventListener("resize", handleResize);
+			window.removeEventListener("orientationchange", handleResize);
+		};
+	}, [handleResize]);
+	return children;
+};
+WindowSizeProvider.displayName = "WindowSizeProvider";
+const useWindowIsDesktop = () => (0, jotai.useAtomValue)(desktopAtom);
+const useWindowIsMobile = () => (0, jotai.useAtomValue)(mobileAtom);
+const useWindowIsTablet = () => (0, jotai.useAtomValue)(tabletAtom);
+const useWindowIsTabletOrMobile = () => (0, jotai.useAtomValue)(tabletOrMobileAtom);
+const useWindowHeight = () => (0, jotai.useAtomValue)(heightAtom);
+const useWindowWidth = () => (0, jotai.useAtomValue)(widthAtom);
+//#endregion
+Object.defineProperty(exports, "WindowSizeProvider", {
+	enumerable: true,
+	get: function() {
+		return WindowSizeProvider;
+	}
+});
+Object.defineProperty(exports, "desktopAtom", {
+	enumerable: true,
+	get: function() {
+		return desktopAtom;
+	}
+});
+Object.defineProperty(exports, "heightAtom", {
+	enumerable: true,
+	get: function() {
+		return heightAtom;
+	}
+});
+Object.defineProperty(exports, "isClientSide", {
+	enumerable: true,
+	get: function() {
+		return isClientSide;
+	}
+});
+Object.defineProperty(exports, "mobileAtom", {
+	enumerable: true,
+	get: function() {
+		return mobileAtom;
+	}
+});
+Object.defineProperty(exports, "tabletAtom", {
+	enumerable: true,
+	get: function() {
+		return tabletAtom;
+	}
+});
+Object.defineProperty(exports, "tabletOrMobileAtom", {
+	enumerable: true,
+	get: function() {
+		return tabletOrMobileAtom;
+	}
+});
+Object.defineProperty(exports, "useWindowHeight", {
+	enumerable: true,
+	get: function() {
+		return useWindowHeight;
+	}
+});
+Object.defineProperty(exports, "useWindowIsDesktop", {
+	enumerable: true,
+	get: function() {
+		return useWindowIsDesktop;
+	}
+});
+Object.defineProperty(exports, "useWindowIsMobile", {
+	enumerable: true,
+	get: function() {
+		return useWindowIsMobile;
+	}
+});
+Object.defineProperty(exports, "useWindowIsTablet", {
+	enumerable: true,
+	get: function() {
+		return useWindowIsTablet;
+	}
+});
+Object.defineProperty(exports, "useWindowIsTabletOrMobile", {
+	enumerable: true,
+	get: function() {
+		return useWindowIsTabletOrMobile;
+	}
+});
+Object.defineProperty(exports, "useWindowWidth", {
+	enumerable: true,
+	get: function() {
+		return useWindowWidth;
+	}
+});
+Object.defineProperty(exports, "widthAtom", {
+	enumerable: true,
+	get: function() {
+		return widthAtom;
+	}
+});
+
+//# sourceMappingURL=windowSizeProvider-BMaATFiZ.cjs.map

package/windowSizeProvider-BMaATFiZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowSizeProvider-BMaATFiZ.cjs","names":["breakpoints"],"sources":["../src/utils/isClientSide.ts","../src/providers/windowSizeProvider.tsx"],"sourcesContent":["export const isClientSide = typeof window !== 'undefined';\n","import { breakpoints } from '@evolve.ui/theme-system/themes/common';\nimport { atom, useAtomValue, useStore } from 'jotai';\nimport { type ReactNode, useEffect, useMemo } from 'react';\nimport { useThrottledCallback } from 'use-debounce';\n\nimport { isClientSide } from '../utils/isClientSide';\n\nexport const heightAtom = atom(isClientSide ? window.innerHeight : 0);\n// Use window.innerWidth for accurate viewport width, including the scrollbar measurement area.\nexport const widthAtom = atom(isClientSide ? window.innerWidth : 0);\n\nexport const desktopAtom = atom((get) => get(widthAtom) >= breakpoints.smMinValue);\nexport const mobileAtom = atom((get) => get(widthAtom) <= breakpoints.xsMaxValue);\nexport const tabletAtom = atom(\n    (get) => get(widthAtom) >= breakpoints.smMinValue && get(widthAtom) <= breakpoints.smMaxValue\n);\nexport const tabletOrMobileAtom = atom((get) => get(widthAtom) <= breakpoints.smMaxValue);\n\ntype WindowSizeProviderProps = {\n    children: ReactNode;\n    /**\n     * Only applies to first render. Useful for SSR when the screen height is known.\n     *\n     * @default window.innerHeight ?? 0\n     */\n    defaultHeight?: number;\n    /**\n     * Only applies to first render. Useful for SSR when the screen width is known.\n     *\n     * @default window.innerWidth ?? 0\n     */\n    defaultWidth?: number;\n    /**\n     * How often to refresh window size while resizing.\n     *\n     * Set this to milliseconds to wait, or `0` for per-animation-frame updates.\n     */\n    windowSizeThrottle?: number;\n};\n\nexport const WindowSizeProvider = ({\n    children,\n    defaultHeight: givenDefaultHeight,\n    defaultWidth: givenDefaultWidth,\n    windowSizeThrottle = 0,\n}: WindowSizeProviderProps) => {\n    const store = useStore();\n\n    useMemo(() => {\n        if (!isClientSide) {\n            // SSR: use provided defaults when available.\n            if (givenDefaultHeight) {\n                store.set(heightAtom, givenDefaultHeight);\n            }\n            if (givenDefaultWidth) {\n                store.set(widthAtom, givenDefaultWidth);\n            }\n            return;\n        }\n\n        // Client-side: use provided defaults only when the browser reports zero.\n        const initialHeight = window.innerHeight === 0 && givenDefaultHeight ? givenDefaultHeight : window.innerHeight;\n        const initialWidth = window.innerWidth === 0 && givenDefaultWidth ? givenDefaultWidth : window.innerWidth;\n\n        if (initialHeight !== 0 && store.get(heightAtom) !== initialHeight) {\n            store.set(heightAtom, initialHeight);\n        }\n        if (initialWidth !== 0 && store.get(widthAtom) !== initialWidth) {\n            store.set(widthAtom, initialWidth);\n        }\n        // No need to rerender since we only want to allow initial values.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        if (!isClientSide) {\n            return;\n        }\n\n        // Update from window if different and not using defaults.\n        const currentHeight = window.innerHeight === 0 && givenDefaultHeight ? givenDefaultHeight : window.innerHeight;\n        const currentWidth = window.innerWidth === 0 && givenDefaultWidth ? givenDefaultWidth : window.innerWidth;\n\n        if (store.get(heightAtom) !== currentHeight && currentHeight !== 0) {\n            store.set(heightAtom, currentHeight);\n        }\n        if (store.get(widthAtom) !== currentWidth && currentWidth !== 0) {\n            store.set(widthAtom, currentWidth);\n        }\n    }, [givenDefaultHeight, givenDefaultWidth, store]);\n\n    const handleResize = useThrottledCallback(\n        () => {\n            store.set(heightAtom, window.innerHeight);\n            store.set(widthAtom, window.innerWidth);\n        },\n        windowSizeThrottle,\n        { trailing: true }\n    );\n\n    useEffect(() => {\n        if (!isClientSide) {\n            return;\n        }\n\n        window.addEventListener('resize', handleResize);\n        window.addEventListener('orientationchange', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n            window.removeEventListener('orientationchange', handleResize);\n        };\n    }, [handleResize]);\n\n    return children;\n};\n\nWindowSizeProvider.displayName = 'WindowSizeProvider';\n\nexport const useWindowIsDesktop = () => useAtomValue(desktopAtom);\nexport const useWindowIsMobile = () => useAtomValue(mobileAtom);\nexport const useWindowIsTablet = () => useAtomValue(tabletAtom);\nexport const useWindowIsTabletOrMobile = () => useAtomValue(tabletOrMobileAtom);\nexport const useWindowHeight = () => useAtomValue(heightAtom);\nexport const useWindowWidth = () => useAtomValue(widthAtom);\n"],"mappings":";;;;;AAAA,MAAa,eAAe,OAAO,WAAW;;;ACO9C,MAAa,cAAA,GAAA,MAAA,KAAA,CAAkB,eAAe,OAAO,cAAc,CAAC;AAEpE,MAAa,aAAA,GAAA,MAAA,KAAA,CAAiB,eAAe,OAAO,aAAa,CAAC;AAElE,MAAa,eAAA,GAAA,MAAA,KAAA,EAAoB,QAAQ,IAAI,SAAS,KAAKA,sCAAAA,YAAY,UAAU;AACjF,MAAa,cAAA,GAAA,MAAA,KAAA,EAAmB,QAAQ,IAAI,SAAS,KAAKA,sCAAAA,YAAY,UAAU;AAChF,MAAa,cAAA,GAAA,MAAA,KAAA,EACR,QAAQ,IAAI,SAAS,KAAKA,sCAAAA,YAAY,cAAc,IAAI,SAAS,KAAKA,sCAAAA,YAAY,UACvF;AACA,MAAa,sBAAA,GAAA,MAAA,KAAA,EAA2B,QAAQ,IAAI,SAAS,KAAKA,sCAAAA,YAAY,UAAU;AAwBxF,MAAa,sBAAsB,EAC/B,UACA,eAAe,oBACf,cAAc,mBACd,qBAAqB,QACM;CAC3B,MAAM,SAAA,GAAA,MAAA,SAAA,CAAiB;CAEvB,CAAA,GAAA,MAAA,QAAA,OAAc;EACV,IAAI,CAAC,cAAc;GAEf,IAAI,oBACA,MAAM,IAAI,YAAY,kBAAkB;GAE5C,IAAI,mBACA,MAAM,IAAI,WAAW,iBAAiB;GAE1C;EACJ;EAGA,MAAM,gBAAgB,OAAO,gBAAgB,KAAK,qBAAqB,qBAAqB,OAAO;EACnG,MAAM,eAAe,OAAO,eAAe,KAAK,oBAAoB,oBAAoB,OAAO;EAE/F,IAAI,kBAAkB,KAAK,MAAM,IAAI,UAAU,MAAM,eACjD,MAAM,IAAI,YAAY,aAAa;EAEvC,IAAI,iBAAiB,KAAK,MAAM,IAAI,SAAS,MAAM,cAC/C,MAAM,IAAI,WAAW,YAAY;CAIzC,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,UAAA,OAAgB;EACZ,IAAI,CAAC,cACD;EAIJ,MAAM,gBAAgB,OAAO,gBAAgB,KAAK,qBAAqB,qBAAqB,OAAO;EACnG,MAAM,eAAe,OAAO,eAAe,KAAK,oBAAoB,oBAAoB,OAAO;EAE/F,IAAI,MAAM,IAAI,UAAU,MAAM,iBAAiB,kBAAkB,GAC7D,MAAM,IAAI,YAAY,aAAa;EAEvC,IAAI,MAAM,IAAI,SAAS,MAAM,gBAAgB,iBAAiB,GAC1D,MAAM,IAAI,WAAW,YAAY;CAEzC,GAAG;EAAC;EAAoB;EAAmB;CAAK,CAAC;CAEjD,MAAM,gBAAA,GAAA,aAAA,qBAAA,OACI;EACF,MAAM,IAAI,YAAY,OAAO,WAAW;EACxC,MAAM,IAAI,WAAW,OAAO,UAAU;CAC1C,GACA,oBACA,EAAE,UAAU,KAAK,CACrB;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACZ,IAAI,CAAC,cACD;EAGJ,OAAO,iBAAiB,UAAU,YAAY;EAC9C,OAAO,iBAAiB,qBAAqB,YAAY;EAEzD,aAAa;GACT,OAAO,oBAAoB,UAAU,YAAY;GACjD,OAAO,oBAAoB,qBAAqB,YAAY;EAChE;CACJ,GAAG,CAAC,YAAY,CAAC;CAEjB,OAAO;AACX;AAEA,mBAAmB,cAAc;AAEjC,MAAa,4BAAA,GAAA,MAAA,aAAA,CAAwC,WAAW;AAChE,MAAa,2BAAA,GAAA,MAAA,aAAA,CAAuC,UAAU;AAC9D,MAAa,2BAAA,GAAA,MAAA,aAAA,CAAuC,UAAU;AAC9D,MAAa,mCAAA,GAAA,MAAA,aAAA,CAA+C,kBAAkB;AAC9E,MAAa,yBAAA,GAAA,MAAA,aAAA,CAAqC,UAAU;AAC5D,MAAa,wBAAA,GAAA,MAAA,aAAA,CAAoC,SAAS"}