@tpzdsp/next-toolkit 1.12.0 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpzdsp/next-toolkit",
-  "version": "1.12.0",
+  "version": "1.12.1",
   "description": "A reusable React component library for Next.js applications",
   "engines": {
     "node": ">= 24.12.0",

package/src/assets/styles/globals.css

@@ -3,6 +3,27 @@
 @tailwind components;
 @tailwind utilities;
 
+/**
+ * Accessibility: Respect user's motion preferences
+ *
+ * Many users experience discomfort or motion sickness from animations.
+ * This disables transitions and animations when the user has enabled
+ * "Reduce motion" in their operating system settings.
+ *
+ * Using 0.01ms instead of 0s ensures animation events still fire
+ * (which some JavaScript might depend on), but the effect is instant.
+ */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
 /* Custom font faces */
 @layer base {
   /* Add your custom font faces here */

package/src/http/logger.ts

@@ -59,7 +59,7 @@ export const requestLogger = (options?: RequestLoggerOptions): BetterFetchPlugin
 
   const timings = new Map<string, number>();
 
-  const genId = () => crypto.randomUUID().split('-')[0].toUpperCase();
+  const genId = () => crypto.randomUUID().split('-')[0]!.toUpperCase();
 
   return {
     id: 'logger',

package/src/map/geometries.ts

@@ -56,5 +56,11 @@ export const transformPolygonCoords = (
   from: string,
   to: string,
 ): number[][][] => {
-  return coords.map((ring) => ring.map(([x, y]) => transform([x, y], from, to)));
+  return coords.map((ring) =>
+    ring.map(([x, y]) => {
+      const result = transform([x!, y!], from, to);
+
+      return [result[0]!, result[1]!];
+    }),
+  );
 };

package/src/map/osOpenNamesSearch.ts

@@ -48,8 +48,8 @@ export const osOpenNamesSearch = (options?: SearchOption) => {
         .map((feature) => {
           if (feature.geometry.type === 'Point') {
             const result: SearchResult = {
-              lon: feature.geometry.coordinates[0],
-              lat: feature.geometry.coordinates[1],
+              lon: feature.geometry.coordinates[0]!,
+              lat: feature.geometry.coordinates[1]!,
               address: feature?.properties?.address,
             };
 

package/src/map/useKeyboardDrawing.ts

@@ -51,8 +51,8 @@ export const useKeyboardDrawing = ({
       const delta = DELTA * resolution;
 
       setCursorPosition([
-        cursorPosition[0] + dx * delta,
-        cursorPosition[1] - dy * delta, // Invert Y for map coordinates
+        cursorPosition[0]! + dx * delta,
+        cursorPosition[1]! - dy * delta, // Invert Y for map coordinates
       ]);
     },
     [cursorPosition, map],

package/src/map/utils.ts

@@ -13,7 +13,8 @@ const POPUP_HEIGHT = 300;
 
 export const getPopupPositionClass = (coordinate: number[], map: Map): PopupDirection => {
   const pixel = map.getPixelFromCoordinate(coordinate);
-  const [x, y] = pixel;
+  const x = pixel[0]!;
+  const y = pixel[1]!;
 
   const isTop = y > POPUP_HEIGHT;
   const isBottom = y < POPUP_HEIGHT;