@povio/ui 2.2.5 → 2.2.7

package/dist/hooks/useTableNav.js

@@ -1,20 +1,23 @@
 import { logger } from "../utils/logger.js";
-var Keys = /* @__PURE__ */ function(Keys$1) {
-	Keys$1["Enter"] = "Enter";
-	Keys$1["Escape"] = "Escape";
-	Keys$1["Shift"] = "Shift";
-	Keys$1["Control"] = "Control";
-	Keys$1["Home"] = "Home";
-	Keys$1["End"] = "End";
-	Keys$1["Backspace"] = "Backspace";
-	Keys$1["PageUp"] = "PageUp";
-	Keys$1["PageDown"] = "PageDown";
-	Keys$1["ArrowLeft"] = "ArrowLeft";
-	Keys$1["ArrowUp"] = "ArrowUp";
-	Keys$1["ArrowRight"] = "ArrowRight";
-	Keys$1["ArrowDown"] = "ArrowDown";
-	Keys$1["F2"] = "F2";
-	return Keys$1;
+//#region src/hooks/useTableNav.ts
+var Keys = /* @__PURE__ */ function(Keys) {
+	Keys["Enter"] = "Enter";
+	Keys["Escape"] = "Escape";
+	Keys["Shift"] = "Shift";
+	Keys["Control"] = "Control";
+	Keys["Home"] = "Home";
+	Keys["End"] = "End";
+	Keys["Backspace"] = "Backspace";
+	/** Page Keys */
+	Keys["PageUp"] = "PageUp";
+	Keys["PageDown"] = "PageDown";
+	/** Arrow Keys */
+	Keys["ArrowLeft"] = "ArrowLeft";
+	Keys["ArrowUp"] = "ArrowUp";
+	Keys["ArrowRight"] = "ArrowRight";
+	Keys["ArrowDown"] = "ArrowDown";
+	Keys["F2"] = "F2";
+	return Keys;
 }(Keys || {});
 var Selectors = {
 	Cell: "[role=\"cell\"],[role=\"gridcell\"],[role=\"columnheader\"],[role=\"rowheader\"],td,th",
@@ -39,9 +42,17 @@ var DataGridNav = class {
 		this.debug = debug;
 		this.disabled = false;
 	}
+	/**
+	* Disables the keyboard listener in cases
+	* that elements inside the grid need to use
+	* arrows keys etc., like select dropdowns
+	*/
 	disable() {
 		this.disabled = true;
 	}
+	/**
+	* Enables the keyboard listeners
+	*/
 	enable() {
 		this.disabled = false;
 	}
@@ -51,21 +62,48 @@ var DataGridNav = class {
 	getActiveCell() {
 		return this.activeCell;
 	}
+	/** Used as a keyboard listener for key up */
 	tableKeyUp() {
 		this.keys = [];
 	}
+	/** Used as a keyboard listener for key down */
 	tableKeyDown(e) {
 		if (this.disabled) return;
+		/**
+		* Avoid page scrolling etc.
+		* Enable default behavior for:
+		* Tab, Shift + Tab
+		* TODO: Actually it will be better to just prevent
+		* in ArrowKeys and PageKeys maybe?
+		* Or should the consumer stop propagation?!
+		* Cannot work with preventDefault as it will
+		* first capture the event from an input in cell for example
+		*/
 		if (Keys.ArrowDown === e.key || Keys.ArrowUp === e.key || Keys.ArrowLeft === e.key || Keys.ArrowRight === e.key) e.preventDefault();
+		/**
+		* Add key to the stack if it's
+		* not the same with the last (long press)
+		*/
 		if (this.keys.length === 0 || this.keys[this.keys.length - 1] !== e.key) this.keys.push(e.key);
+		/**
+		* Need to check if we are inside a grid cell
+		* or not to enable/disable Grid Navigation
+		*/
 		if (!(e.target instanceof Element)) return;
 		const cell = e.target.parentElement?.closest(`${this.selectors.Cell},${this.selectors.Row}`);
 		if (!cell) return;
 		if (cell.matches(this.selectors.Cell)) this.cellNavigation(e);
 		else this.gridNavigation(e);
 	}
+	/**
+	* Handles the navigation inside a cell
+	*/
 	cellNavigation(e) {
 		if (!(e.target instanceof Element)) return;
+		/**
+		* Keys: Escape
+		* Restore grid navigation
+		*/
 		if (e.key === Keys.Escape) {
 			const cell = e.target.closest(this.selectors.Cell);
 			if (cell && this.isFocusable(cell)) {
@@ -73,6 +111,13 @@ var DataGridNav = class {
 				return;
 			}
 		}
+		/**
+		* Keys: ArrowRight, ArrowDown
+		* Move to the next focusable cell, or the first one
+		*
+		* Arrow Down disabled:
+		* https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
+		*/
 		if (e.key === Keys.ArrowRight || e.key === Keys.ArrowDown) {
 			const cell = e.target.closest(this.selectors.Cell);
 			if (!cell) return;
@@ -82,6 +127,13 @@ var DataGridNav = class {
 			if (this.isFocusable(widgetToFocus)) widgetToFocus.focus();
 			return;
 		}
+		/**
+		* Keys: ArrowLeft, ArrowUp
+		* Move to the previous focusable cell, or the last one
+		*
+		* Arrow Up disabled:
+		* https://github.com/w3c/aria-practices/issues/2739#issuecomment-1613538972
+		*/
 		if (e.key === Keys.ArrowLeft || e.key === Keys.ArrowUp) {
 			const cell = e.target.closest(this.selectors.Cell);
 			if (!cell) return;
@@ -91,11 +143,20 @@ var DataGridNav = class {
 			if (this.isFocusable(widgetToFocus)) widgetToFocus.focus();
 		}
 	}
+	/**
+	* Handles the navigation outside a cell
+	* on the grid level
+	*/
 	gridNavigation(e) {
 		const { target } = e;
 		if (!(e.target instanceof Element)) return;
 		if (!(target instanceof Element)) return;
 		if (this.keys.length === 1) {
+			/**
+			* Keys: Enter
+			* Should move focus inside the cell to the first focusable element:
+			* https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_inside
+			*/
 			if (/^[a-zA-Z0-9]$/.test(e.key)) {
 				const cell = e.target.querySelector(this.selectors.Focusable);
 				if (cell && this.isFocusable(cell) && cell instanceof HTMLInputElement) {
@@ -129,6 +190,10 @@ var DataGridNav = class {
 				}
 				return;
 			}
+			/**
+			* Keys: ArrowLeft, ArrowRight
+			* Should move focus to the next/previous cell
+			*/
 			if (e.key === Keys.ArrowLeft || e.key === Keys.ArrowRight) {
 				const direction = e.key === Keys.ArrowLeft ? "prev" : "next";
 				const cell = e.target.closest(this.selectors.Cell);
@@ -140,20 +205,37 @@ var DataGridNav = class {
 					e.preventDefault();
 				}
 			}
+			/**
+			* Keys: Up,Down
+			* Should move focus to the same column of the next/previous row
+			*/
 			if (e.key === Keys.ArrowDown || e.key === Keys.ArrowUp) {
 				this.verticalCellNavigation(e);
 				return;
 			}
+			/**
+			* Keys: PageUp, PageDown
+			* Should move focus to the first/last row
+			* or a predefined number of rows if user provides a value
+			*/
 			if (e.key === Keys.PageUp || e.key === Keys.PageDown) {
 				this.pageCellNavigation(e);
 				return;
 			}
+			/**
+			* Keys: Home, End
+			* Should move focus to the first/last cell of the current row
+			*/
 			if (e.key === Keys.Home || e.key === Keys.End) {
 				const rowChildren = [...e.target.closest(this.selectors.Row)?.children || []];
 				if (e.key === Keys.End) rowChildren.reverse();
 				this.focusOnFirstCell(rowChildren);
 			}
 		} else {
+			/**
+			* Keys: Control + Home, Control + End
+			* Should move focus to the first/last cell of the first/last row
+			*/
 			const [firstKey, secondKey] = this.keys;
 			if (firstKey === "Control" && (secondKey === Keys.Home || secondKey === Keys.End)) {
 				const siblings = e.target.closest(this.selectors.Row).parentElement?.children;
@@ -200,34 +282,43 @@ var DataGridNav = class {
 			const rowPosition = this.getRowIndex(row);
 			if (cellPosition === void 0 || rowPosition === void 0) return;
 			const direction = e.key === Keys.ArrowUp ? "prev" : "next";
+			/** Find previous rowgroup and focus on the proper cell */
 			if (rowPosition === 0 && direction === "prev") {
 				const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
 				const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
 				const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
 				if (currentRowGroupIdx !== 0) {
 					const rows = [...siblingRowGroups[currentRowGroupIdx - 1].querySelectorAll(this.selectors.Row)];
-					const child$1 = rows[rows.length - 1].children[cellPosition];
-					if (child$1 && this.isFocusable(child$1)) child$1.focus();
+					const child = rows[rows.length - 1].children[cellPosition];
+					if (child && this.isFocusable(child)) child.focus();
 					return;
 				}
 			}
+			/** Find next rowgroup and focus on the proper cell */
 			if (rowPosition === [...row.parentElement?.querySelectorAll(this.selectors.Row) || []].length - 1 && direction === "next") {
 				const currentRowGroup = row.parentElement?.closest(this.selectors.RowGroup);
 				const siblingRowGroups = [...currentRowGroup?.parentElement?.children || []];
 				const currentRowGroupIdx = siblingRowGroups.findIndex((el) => el === currentRowGroup);
 				if (currentRowGroupIdx !== siblingRowGroups.length - 1) {
-					const child$1 = [...siblingRowGroups[currentRowGroupIdx + 1].querySelectorAll(this.selectors.Row)][0].children[cellPosition];
-					if (child$1 && this.isFocusable(child$1)) child$1.focus();
+					const child = [...siblingRowGroups[currentRowGroupIdx + 1].querySelectorAll(this.selectors.Row)][0].children[cellPosition];
+					if (child && this.isFocusable(child)) child.focus();
 					return;
 				}
 				return;
 			}
+			/** Navigation in the same rowgroup */
 			const destinationRow = this.findUntil(direction, row, this.selectors.Row);
 			if (!destinationRow) return;
 			const child = destinationRow.children[cellPosition];
 			if (child && this.isFocusable(child)) child.focus();
 		}
 	}
+	/**
+	* Sending a row `Element` and then the first cell will be focused.
+	*
+	* If you want to focus the last cell then the row children can be passed in
+	* reversed order
+	*/
 	focusOnFirstCell(el) {
 		for (let i = 0; i < el.length; i++) {
 			const child = el[i];
@@ -237,6 +328,10 @@ var DataGridNav = class {
 			}
 		}
 	}
+	/**
+	* Get the column index of a `cell` based on the first `row` parent.
+	* `cellIndex` could be used, but it's not supported in HTML tables.
+	*/
 	getColumnIndex(cell) {
 		let position = 0;
 		const siblings = cell?.parentNode?.children;
@@ -245,6 +340,10 @@ var DataGridNav = class {
 		if (siblings[position] === void 0) return;
 		return position;
 	}
+	/**
+	* Get the row index of a `row` based
+	* on its sibling rows
+	*/
 	getRowIndex(row) {
 		let position = 0;
 		const siblings = row?.parentNode?.children;
@@ -253,6 +352,10 @@ var DataGridNav = class {
 		if (siblings[position] === void 0) return;
 		return position;
 	}
+	/**
+	* Equivalent to prevUntil/nextUntil in jQuery
+	* https://api.jquery.com/prevUntil/
+	*/
 	findUntil(direction, el, matchSelector, exitSelector) {
 		let element = el;
 		const method = direction === "next" ? "nextSibling" : "previousSibling";
@@ -276,4 +379,5 @@ function useTableNav(options) {
 		tableNav: nav
 	};
 }
+//#endregion
 export { useTableNav };

package/dist/hooks/useTranslationMemo.js

@@ -1,5 +1,6 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
+//#region src/hooks/useTranslationMemo.ts
 function useTranslationMemo(func) {
 	const { t } = useTranslation();
 	return useMemo(() => {
@@ -7,4 +8,5 @@ function useTranslationMemo(func) {
 		return func();
 	}, [func, t]);
 }
+//#endregion
 export { useTranslationMemo };

package/dist/index.js

@@ -55,6 +55,7 @@ import { Button } from "./components/buttons/Button/Button.js";
 import { IconButton } from "./components/buttons/IconButton/IconButton.js";
 import { InlineIconButton } from "./components/buttons/InlineIconButton/InlineIconButton.js";
 import { PillButton } from "./components/buttons/PillButton/PillButton.js";
+import { ns, resources } from "./config/i18n.js";
 import { useStateAndRef } from "./hooks/useStateAndRef.js";
 import { DomUtils } from "./utils/dom.utils.js";
 import { BottomSheet } from "./components/overlays/BottomSheet/BottomSheet.js";
@@ -66,7 +67,6 @@ import { ToggleButton } from "./components/buttons/ToggleButton/ToggleButton.js"
 import { Checkbox } from "./components/inputs/Checkbox/Checkbox.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
-import { ns, resources } from "./config/i18n.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";

package/dist/tw-ui-plugin.js

@@ -1,5 +1,6 @@
 import plugin from "tailwindcss/plugin";
-var tw_ui_plugin_default = plugin(({ addVariant }) => {
+//#region src/tw-ui-plugin.ts
+var uiPlugin = plugin(({ addVariant }) => {
 	addVariant("input-filled", [
 		"&:has(input:not(:placeholder-shown))",
 		"&:is(:where(.group\\/input-content):has(:is(input:not(:placeholder-shown))) *)",
@@ -18,4 +19,5 @@ var tw_ui_plugin_default = plugin(({ addVariant }) => {
 		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)"
 	].join(", "));
 });
-export { tw_ui_plugin_default as default };
+//#endregion
+export { uiPlugin as default };

package/dist/utils/array.utils.js

@@ -1,8 +1,10 @@
-let ArrayUtils;
+//#region src/utils/array.utils.ts
+var ArrayUtils;
 (function(_ArrayUtils) {
 	_ArrayUtils.fromCommaSeparatedStr = (str) => {
 		if (!str) return [];
 		return str.split(",").map((item) => item.trim());
 	};
 })(ArrayUtils || (ArrayUtils = {}));
+//#endregion
 export { ArrayUtils };

package/dist/utils/compoundMapper.js

@@ -1,4 +1,5 @@
-const compoundMapper = (config) => {
+//#region src/utils/compoundMapper.ts
+var compoundMapper = (config) => {
 	return (props) => {
 		return (config.compoundVariants?.find((v) => {
 			return Object.entries(v).filter(([key]) => key !== "value").every(([key, value]) => {
@@ -8,4 +9,5 @@ const compoundMapper = (config) => {
 		}))?.value ?? config.default;
 	};
 };
+//#endregion
 export { compoundMapper };

package/dist/utils/date-time.utils.js

@@ -1,5 +1,6 @@
 import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal } from "@internationalized/date";
-let DateTimeUtils;
+//#region src/utils/date-time.utils.ts
+var DateTimeUtils;
 (function(_DateTimeUtils) {
 	function fromISOtoZonedDateTime(isoString) {
 		return parseAbsoluteToLocal(isoString);
@@ -47,4 +48,5 @@ let DateTimeUtils;
 	}
 	_DateTimeUtils.formatTextDateToCalendarDateTime = formatTextDateToCalendarDateTime;
 })(DateTimeUtils || (DateTimeUtils = {}));
+//#endregion
 export { DateTimeUtils };

package/dist/utils/date.utils.js

@@ -1,5 +1,6 @@
 import { DateTime } from "luxon";
-let DateUtils;
+//#region src/utils/date.utils.ts
+var DateUtils;
 (function(_DateUtils) {
 	const DATE_FORMAT = "dd/MM/yyyy";
 	const DATETIME_FORMAT = "dd/MM/yyyy HH:mm:ss";
@@ -14,4 +15,5 @@ let DateUtils;
 	}
 	_DateUtils.formatRelativeTime = formatRelativeTime;
 })(DateUtils || (DateUtils = {}));
+//#endregion
 export { DateUtils };

package/dist/utils/dom.utils.js

@@ -1,4 +1,5 @@
-let DomUtils;
+//#region src/utils/dom.utils.ts
+var DomUtils;
 (function(_DomUtils) {
 	const KEYBOARD_INPUTS = new Set([
 		"button",
@@ -14,4 +15,5 @@ let DomUtils;
 		return event.nativeEvent instanceof KeyboardEvent;
 	};
 })(DomUtils || (DomUtils = {}));
+//#endregion
 export { DomUtils };

package/dist/utils/file.utils.d.ts

@@ -5,5 +5,9 @@ export declare namespace FileUtils {
     const downloadFile: (data: Blob | AxiosResponse<Blob>, fileName?: string, revokeTimeoutMs?: number) => void;
     const isFileTypeAccepted: (file: File, fileTypes?: readonly string[] | string[]) => boolean;
     const getCalculatedFileSize: (file?: File) => string;
+    const getFileDisplaySize: (state: {
+        file?: File;
+        displaySize?: number;
+    }) => string;
     const formatBytes: (size: number, decimals?: number) => string;
 }

package/dist/utils/file.utils.js

@@ -1,5 +1,6 @@
 import { RestUtils } from "./rest.utils.js";
-let FileUtils;
+//#region src/utils/file.utils.ts
+var FileUtils;
 (function(_FileUtils) {
 	const getObjectUrl = _FileUtils.getObjectUrl = (data, revokeTimeoutMs = 4e4) => {
 		const url = URL.createObjectURL(data instanceof Blob ? data : data.data);
@@ -26,18 +27,24 @@ let FileUtils;
 			return file.name.toLowerCase().endsWith(type.toLowerCase());
 		});
 	};
-	_FileUtils.getCalculatedFileSize = (file) => {
+	const getCalculatedFileSize = _FileUtils.getCalculatedFileSize = (file) => {
 		if (!file) return "";
 		if (file.size < 1024) return `${file.size} B`;
 		if (file.size < 1024 * 1024) return `${(file.size / 1024).toFixed(2)} KB`;
 		if (file.size < 1024 * 1024 * 1024) return `${(file.size / 1024 / 1024).toFixed(2)} MB`;
 		return `${(file.size / 1024 / 1024 / 1024).toFixed(2)} GB`;
 	};
-	_FileUtils.formatBytes = (size, decimals = 2) => {
+	_FileUtils.getFileDisplaySize = (state) => {
+		if (state.file) return getCalculatedFileSize(state.file);
+		if (state.displaySize != null) return formatBytes(state.displaySize);
+		return "";
+	};
+	const formatBytes = _FileUtils.formatBytes = (size, decimals = 2) => {
 		if (size < 1024) return `${size} B`;
 		if (size < 1024 * 1024) return `${(size / 1024).toFixed(decimals)} KB`;
 		if (size < 1024 * 1024 * 1024) return `${(size / 1024 / 1024).toFixed(decimals)} MB`;
 		return `${(size / 1024 / 1024 / 1024).toFixed(decimals)} GB`;
 	};
 })(FileUtils || (FileUtils = {}));
+//#endregion
 export { FileUtils };

package/dist/utils/isEqual.js

@@ -1,5 +1,6 @@
 import { ObjectUtils } from "./object.utils.js";
-const isEqual = (a, b) => {
+//#region src/utils/isEqual.ts
+var isEqual = (a, b) => {
 	return eq(a, b);
 };
 var eq = (a, b, aStack, bStack) => {
@@ -54,4 +55,5 @@ var deepEq = (a, b, aStack, bStack) => {
 	bStack.pop();
 	return true;
 };
+//#endregion
 export { isEqual };

package/dist/utils/logger.js

@@ -1,5 +1,6 @@
 import log from "loglevel";
 import prefix from "loglevel-plugin-prefix";
+//#region src/utils/logger.ts
 prefix.reg(log);
 prefix.apply(log, {
 	template: "[%t] %l:",
@@ -7,11 +8,12 @@ prefix.apply(log, {
 		return date.toISOString();
 	}
 });
-const logger = {
+var logger = {
 	info: (...args) => log.info(...args),
 	debug: (...args) => log.debug(...args),
 	warn: (...args) => log.warn(...args),
 	error: (...args) => log.error(...args),
 	trace: (...args) => log.trace(...args)
 };
+//#endregion
 export { logger };

package/dist/utils/object.utils.js

@@ -1,4 +1,5 @@
-let ObjectUtils;
+//#region src/utils/object.utils.ts
+var ObjectUtils;
 (function(_ObjectUtils) {
 	_ObjectUtils.isNil = (obj) => {
 		return obj === null || obj === void 0;
@@ -33,4 +34,5 @@ let ObjectUtils;
 		return output;
 	};
 })(ObjectUtils || (ObjectUtils = {}));
+//#endregion
 export { ObjectUtils };

package/dist/utils/queries.utils.js

@@ -1,7 +1,9 @@
-let QueriesUtils;
+//#region src/utils/queries.utils.ts
+var QueriesUtils;
 (function(_QueriesUtils) {
 	_QueriesUtils.prefetchMultipleQueries = (queryClient, queries) => {
 		return Promise.all(queries.map((query) => query(queryClient)));
 	};
 })(QueriesUtils || (QueriesUtils = {}));
+//#endregion
 export { QueriesUtils };

package/dist/utils/rest.utils.js

@@ -1,6 +1,7 @@
 import axios from "axios";
 import { z } from "zod";
-let RestUtils;
+//#region src/utils/rest.utils.ts
+var RestUtils;
 (function(_RestUtils) {
 	_RestUtils.extractServerResponseCode = (e) => {
 		if (e instanceof z.ZodError) return "validation-exception";
@@ -28,4 +29,5 @@ let RestUtils;
 		return contentDisposition ? /filename=["']?([^"';]+)/i.exec(contentDisposition)?.[1] : void 0;
 	};
 })(RestUtils || (RestUtils = {}));
+//#endregion
 export { RestUtils };

package/dist/utils/routing.utils.js

@@ -1,4 +1,5 @@
-let RoutingUtils;
+//#region src/utils/routing.utils.ts
+var RoutingUtils;
 (function(_RoutingUtils) {
 	_RoutingUtils.addQueryParams = (path, params) => {
 		const sParams = new URLSearchParams();
@@ -6,4 +7,5 @@ let RoutingUtils;
 		return `${path}?${sParams.toString()}`;
 	};
 })(RoutingUtils || (RoutingUtils = {}));
+//#endregion
 export { RoutingUtils };

package/dist/utils/string.utils.js

@@ -1,4 +1,5 @@
-let StringUtils;
+//#region src/utils/string.utils.ts
+var StringUtils;
 (function(_StringUtils) {
 	_StringUtils.containsCaseInsensitive = (str, substr) => {
 		return str.toLowerCase().includes(substr.toLowerCase());
@@ -7,4 +8,5 @@ let StringUtils;
 		return str.charAt(0).toUpperCase() + str.slice(1);
 	};
 })(StringUtils || (StringUtils = {}));
+//#endregion
 export { StringUtils };

package/dist/utils/zod.utils.js

@@ -1,5 +1,6 @@
 import { z } from "zod";
-let ZodUtils;
+//#region src/utils/zod.utils.ts
+var ZodUtils;
 (function(_ZodUtils) {
 	const unwrapZodType = _ZodUtils.unwrapZodType = (schemaType) => {
 		let unwrappedType = schemaType;
@@ -14,4 +15,5 @@ let ZodUtils;
 		return unwrappedType instanceof z.ZodObject && hasZodObjectProperty(unwrappedType, "start", z.ZodISODateTime) && hasZodObjectProperty(unwrappedType, "end", z.ZodISODateTime);
 	};
 })(ZodUtils || (ZodUtils = {}));
+//#endregion
 export { ZodUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.2.5",
+  "version": "2.2.7",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -47,7 +47,7 @@
     "react-responsive": "^10.0.1",
     "react-stately": "^3.44.0",
     "react-toastify": "^11.0.5",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.1",
     "tailwindcss-react-aria-components": "^2.0.1",
     "zod": "^4.3.5"
   },