@datatechsolutions/ui 2.9.0 → 2.9.2

package/dist/{chunk-HSANA5YY.js → chunk-JFE7Y7RJ.js}

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
@@ -9790,6 +9790,118 @@ function PageEmptyState({ title, message, iconName, customIcon }) {
     }
   );
 }
+function PageErrorState({
+  statusCode = 500,
+  title,
+  message,
+  onRetry,
+  retryLabel = "Retry",
+  customIcon
+}) {
+  const prefersReducedMotion2 = framerMotion.useReducedMotion();
+  const noMotion = { opacity: 1, scale: 1, y: 0 };
+  const noTransition = { duration: 0 };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "alert",
+      "aria-label": title,
+      "data-testid": "error-state",
+      className: "flex items-center justify-center py-20",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          initial: prefersReducedMotion2 ? false : { opacity: 0, scale: 0.95 },
+          animate: prefersReducedMotion2 ? noMotion : { opacity: 1, scale: 1 },
+          transition: prefersReducedMotion2 ? noTransition : springPresets.gentle,
+          className: "liquid-surface w-full max-w-lg rounded-2xl px-8 py-14 text-center",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: prefersReducedMotion2 ? false : { scale: 0.6, opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { scale: 1, opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : springPresets.bouncy,
+                className: "mx-auto mb-6",
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-20 w-20 items-center justify-center rounded-full backdrop-blur-md border bg-red-50/80 dark:bg-red-900/30 border-red-100/50 dark:border-red-800/30", children: customIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.ExclamationTriangleIcon, { className: "h-10 w-10 text-red-500 dark:text-red-400" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.p,
+              {
+                initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.05 },
+                className: "mb-1 text-sm font-semibold tracking-widest text-red-500 dark:text-red-400",
+                children: statusCode
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.h3,
+              {
+                "data-testid": "error-state-title",
+                initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.1 },
+                className: "text-xl font-semibold text-gray-900 dark:text-white",
+                children: title
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.p,
+              {
+                "data-testid": "error-state-message",
+                initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.15 },
+                className: "mt-3 text-sm text-gray-500 dark:text-gray-400 max-w-sm mx-auto leading-relaxed",
+                children: message
+              }
+            ),
+            onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: prefersReducedMotion2 ? false : { y: 12, opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { y: 0, opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : { ...springPresets.default, delay: 0.25 },
+                className: "mt-8",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onRetry,
+                    "data-testid": "error-state-retry",
+                    className: "rounded-xl bg-red-600 px-6 py-2.5 text-sm font-semibold text-white shadow-lg shadow-red-500/20 transition-all hover:bg-red-700 hover:shadow-red-500/30 active:scale-[0.97] dark:bg-red-500 dark:hover:bg-red-600 dark:shadow-red-500/10",
+                    children: retryLabel
+                  }
+                )
+              }
+            ),
+            !onRetry && /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: prefersReducedMotion2 ? false : { opacity: 0 },
+                animate: prefersReducedMotion2 ? noMotion : { opacity: 1 },
+                transition: prefersReducedMotion2 ? noTransition : { delay: 0.3 },
+                className: "mt-8 flex items-center justify-center gap-1.5",
+                children: [0, 1, 2].map((i3) => /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.div,
+                  {
+                    initial: prefersReducedMotion2 ? false : { scale: 0 },
+                    animate: prefersReducedMotion2 ? noMotion : { scale: 1 },
+                    transition: prefersReducedMotion2 ? noTransition : { ...springPresets.bouncy, delay: 0.35 + i3 * 0.08 },
+                    className: "h-1.5 w-1.5 rounded-full bg-red-300 dark:bg-red-700"
+                  },
+                  i3
+                ))
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
 var WINDSOCK_LOADER = { gradient: "from-emerald-500 to-teal-600", accentRing: "ring-emerald-500/30" };
 var FUEL_PRICE_LOADER = { gradient: "from-blue-500 to-indigo-600", accentRing: "ring-blue-500/30" };
 var KORI_ERP_LOADER = { gradient: "from-purple-500 to-violet-600", accentRing: "ring-purple-500/30" };
@@ -12109,7 +12221,7 @@ function GeoMapCanvasInner({
     const r3 = parseInt(hexColor.slice(1, 3), 16);
     const g3 = parseInt(hexColor.slice(3, 5), 16);
     const b2 = parseInt(hexColor.slice(5, 7), 16);
-    return `rgba(${r3}, ${g3}, ${b2}, 0.25)`;
+    return `rgba(${r3}, ${g3}, ${b2}, 0.35)`;
   };
   const lighterColors = React12.useMemo(() => {
     const colors3 = /* @__PURE__ */ new Map();
@@ -12203,15 +12315,8 @@ function GeoMapCanvasInner({
                       onRegionClick(regionCode);
                     }
                   },
-                  fill: hasItems ? isHovered ? regionColor : isActive ? regionColor : lighterColors.get(regionCode) || getLighterColor(regionColor) : (() => {
-                    const c2 = regionColorMap.get(regionCode);
-                    if (!c2 || !c2.startsWith("#") || c2.length < 7) return MAP_DEFAULT_STATE_COLOR;
-                    const r3 = parseInt(c2.slice(1, 3), 16);
-                    const g3 = parseInt(c2.slice(3, 5), 16);
-                    const b2 = parseInt(c2.slice(5, 7), 16);
-                    return `rgba(${r3}, ${g3}, ${b2}, 0.10)`;
-                  })(),
-                  stroke: isActive ? "#fff" : isDimmed ? "rgba(148, 163, 184, 0.2)" : "rgba(255, 255, 255, 0.4)",
+                  fill: hasItems ? isHovered ? regionColor : isActive ? regionColor : lighterColors.get(regionCode) || getLighterColor(regionColor) : MAP_DEFAULT_STATE_COLOR,
+                  stroke: isActive ? "#fff" : isDimmed ? "rgba(148, 163, 184, 0.15)" : "rgba(255, 255, 255, 0.5)",
                   strokeWidth: (isActive ? 2.5 : 0.5) / zoom,
                   filter: isActive ? "url(#glow-active)" : isDimmed ? "url(#inactive-dim)" : void 0,
                   opacity: isDimmed ? 0.45 : 1,
@@ -23359,6 +23464,7 @@ exports.PORTUGAL_MACRO_REGIONS = PORTUGAL_MACRO_REGIONS;
 exports.PORTUGAL_MAP_CENTER = PORTUGAL_MAP_CENTER;
 exports.PT_THEME_CONFIG = PT_THEME_CONFIG;
 exports.PageEmptyState = PageEmptyState;
+exports.PageErrorState = PageErrorState;
 exports.PageHeader = PageHeader;
 exports.PageHeading = PageHeading;
 exports.PageIndicator = PageIndicator;
@@ -23765,5 +23871,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-HSANA5YY.js.map
-//# sourceMappingURL=chunk-HSANA5YY.js.map
+//# sourceMappingURL=chunk-JFE7Y7RJ.js.map
+//# sourceMappingURL=chunk-JFE7Y7RJ.js.map