@datatechsolutions/ui 2.11.20 → 2.11.22

package/dist/{chunk-BSPRG6ZF.js → chunk-5WFBHIM5.js}

@@ -10276,6 +10276,9 @@ function SettingsDialog({
   onClose,
   title,
   subtitle,
+  gradient,
+  icon,
+  label,
   sections,
   activeSectionId,
   onSectionChange,
@@ -10304,14 +10307,18 @@ function SettingsDialog({
       contentClassName: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6",
       panelClassName: "w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-[2rem] liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)]",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-[min(94vh,920px)] flex-col lg:flex-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 p-5 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-5 top-0 h-px bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/12" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 pr-12", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-2 text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
-            subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-slate-600 dark:text-slate-400", children: subtitle }) : null
+        /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "relative flex w-full shrink-0 flex-col border-b border-white/25 bg-gradient-to-b from-white/40 via-white/20 to-white/10 dark:border-white/8 dark:from-white/[0.06] dark:via-white/[0.03] dark:to-transparent lg:w-80 lg:border-b-0 lg:border-r lg:border-white/20 lg:dark:border-white/8", children: [
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full rounded-t-[2rem] bg-gradient-to-r ${gradient} lg:rounded-tr-none` }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-5 top-0 h-px bg-gradient-to-r from-transparent via-white/70 to-transparent dark:via-white/12", style: gradient ? { top: "6px" } : void 0 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 p-5 pb-0 pr-12", children: [
+            icon || label ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-3", children: [
+              icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-10 w-10 items-center justify-center rounded-xl shadow-lg ${gradient ? `bg-gradient-to-br ${gradient}` : "bg-gradient-to-br from-slate-500 to-gray-600"}`, children: icon }) : null,
+              label ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: "Settings" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold text-slate-950 dark:text-white", children: title }),
+            subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1.5 text-sm text-slate-600 dark:text-slate-400", children: subtitle }) : null
           ] }),
-          identity ? /* @__PURE__ */ jsxRuntime.jsx(
+          identity ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5", children: /* @__PURE__ */ jsxRuntime.jsx(
             ProfileIdentityCard,
             {
               displayName: identity.displayName,
@@ -10321,8 +10328,8 @@ function SettingsDialog({
               role: identity.role,
               showEmail: identity.showEmail ?? true
             }
-          ) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto pr-1", "aria-label": title, children: sectionGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          ) }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: sectionGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             group.label ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 px-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-500", children: group.label }) : null,
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.sections.map((section) => {
               const Icon = section.icon;
@@ -10345,7 +10352,7 @@ function SettingsDialog({
               );
             }) })
           ] }, group.label ?? group.sections.map((section) => section.id).join("-"))) }),
-          sidebarFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: sidebarFooter }) : null
+          sidebarFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 px-5", children: sidebarFooter }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-6 top-0 h-px bg-gradient-to-r from-transparent via-white/50 to-transparent dark:via-white/10" }),
@@ -20821,5 +20828,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-BSPRG6ZF.js.map
-//# sourceMappingURL=chunk-BSPRG6ZF.js.map
+//# sourceMappingURL=chunk-5WFBHIM5.js.map
+//# sourceMappingURL=chunk-5WFBHIM5.js.map