@datatechsolutions/ui 2.8.3 → 2.8.6

package/dist/{chunk-MOYCAJTS.js → chunk-WVOP4MJE.js}

@@ -9809,7 +9809,7 @@ function BrandedLoader({
     {
       className: clsx__default.default(
         "flex w-full items-center justify-center",
-        compact ? "py-8" : "min-h-[calc(100dvh-4rem)]",
+        compact ? "py-8" : "fixed inset-0 z-50 min-h-dvh bg-gray-50 dark:bg-[#0b1120]",
         className
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-6", children: [
@@ -10169,6 +10169,64 @@ function SettingsDialog({
     }
   );
 }
+function GlassDetailModal({
+  open,
+  onClose,
+  gradient,
+  icon,
+  label,
+  title,
+  subtitle,
+  headerActions,
+  sections,
+  defaultSection,
+  maxWidth = "5xl",
+  footer
+}) {
+  const [activeSection, setActiveSection] = React12.useState(
+    defaultSection ?? sections[0]?.id ?? ""
+  );
+  const activeContent = sections.find((s2) => s2.id === activeSection)?.content;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GlassModalShell,
+    {
+      open,
+      onClose,
+      gradient,
+      icon,
+      label,
+      title,
+      subtitle,
+      headerActions,
+      maxWidth,
+      footer,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[50vh]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "w-48 shrink-0 border-r border-white/10 pr-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: sections.map((section) => {
+          const isActive = section.id === activeSection;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveSection(section.id),
+              className: `
+                    flex w-full items-center gap-2.5 rounded-lg px-3 py-2 text-left text-[13px]
+                    transition-all duration-150
+                    ${isActive ? "bg-white/10 text-white font-medium" : "text-slate-400 hover:bg-white/5 hover:text-slate-200"}
+                  `,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: `shrink-0 ${isActive ? "text-blue-400" : "text-slate-500"}`, children: section.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: section.label }),
+                section.badge
+              ]
+            },
+            section.id
+          );
+        }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto pl-6", children: activeContent })
+      ] })
+    }
+  );
+}
 function Fieldset2({
   className,
   ...props
@@ -17461,6 +17519,7 @@ exports.FormTextarea = FormTextarea;
 exports.FormToggle = FormToggle;
 exports.GeoMapCanvas = GeoMapCanvas;
 exports.GeoMapLegend = GeoMapLegend;
+exports.GlassDetailModal = GlassDetailModal;
 exports.GlassFormModal = GlassFormModal;
 exports.GlassModal = GlassModal;
 exports.GlassModalShell = GlassModalShell;
@@ -17674,5 +17733,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-MOYCAJTS.js.map
-//# sourceMappingURL=chunk-MOYCAJTS.js.map
+//# sourceMappingURL=chunk-WVOP4MJE.js.map
+//# sourceMappingURL=chunk-WVOP4MJE.js.map