@datatechsolutions/ui 2.11.22 → 2.11.24

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

@@ -10271,7 +10271,7 @@ function ProfileIdentityCard({
     ] })
   ] }) });
 }
-function SettingsDialog({
+function GlassSidebarModal({
   open,
   onClose,
   title,
@@ -10283,9 +10283,10 @@ function SettingsDialog({
   activeSectionId,
   onSectionChange,
   children,
-  closeLabel = "Close settings",
+  closeLabel = "Close",
   identity,
-  sidebarFooter
+  sidebarFooter,
+  footer
 }) {
   const sectionGroups = sections.reduce((groups, section) => {
     const currentGroup = groups.at(-1);
@@ -10305,17 +10306,18 @@ function SettingsDialog({
       open,
       onClose,
       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)]",
+      panelClassName: "w-full max-w-[90vw] xl:max-w-[1400px] overflow-hidden rounded-2xl liquid-surface-strong shadow-[0_40px_100px_-30px_rgba(0,0,0,0.55)]",
+      ariaLabelledBy: "settings-dialog-title",
       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 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,
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full rounded-tl-2xl 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 }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { id: "settings-dialog-title", 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("div", { className: "px-5", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -10345,7 +10347,8 @@ function SettingsDialog({
                   ].join(" "),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-white/50 text-slate-600 shadow-sm backdrop-blur-sm dark:bg-white/[0.08] dark:text-slate-300", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-5 w-5" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: section.label })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: section.label }),
+                    section.badge != null && section.badge > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-indigo-100 px-1.5 text-[10px] font-bold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-300", children: section.badge })
                   ]
                 },
                 section.id
@@ -10355,8 +10358,9 @@ function SettingsDialog({
           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" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto px-6 pb-8 pt-16 sm:px-8 lg:px-10 lg:pb-10", children })
+          gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `hidden lg:block h-1.5 w-full bg-gradient-to-r ${gradient}` }) : /* @__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" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex min-h-0 flex-1 flex-col overflow-y-auto px-6 sm:px-8 lg:px-10 ${gradient ? "pt-8" : "pt-16"} ${footer ? "pb-4" : "pb-8 lg:pb-10"}`, children }),
+          footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/20 px-6 py-4 dark:border-white/10 sm:px-8 lg:px-10", children: footer }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -10364,7 +10368,7 @@ function SettingsDialog({
             type: "button",
             onClick: onClose,
             "aria-label": closeLabel,
-            className: "absolute right-4 top-4 inline-flex h-11 w-11 items-center justify-center rounded-2xl liquid-surface text-slate-600 shadow-sm transition hover:text-slate-950 dark:text-slate-300 dark:hover:text-white",
+            className: "absolute right-4 top-4 z-10 inline-flex h-9 w-9 items-center justify-center rounded-xl text-slate-400 transition hover:bg-white/40 hover:text-slate-700 dark:hover:bg-white/[0.08] dark:hover:text-white focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
             children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
           }
         )
@@ -10372,6 +10376,7 @@ function SettingsDialog({
     }
   );
 }
+var SettingsDialog = GlassSidebarModal;
 function GlassDetailModal({
   open,
   onClose,
@@ -20295,6 +20300,7 @@ exports.GlassDetailModal = GlassDetailModal;
 exports.GlassFormModal = GlassFormModal;
 exports.GlassModal = GlassModal;
 exports.GlassModalShell = GlassModalShell;
+exports.GlassSidebarModal = GlassSidebarModal;
 exports.Gradient = Gradient;
 exports.GradientBackground = GradientBackground;
 exports.GrowthIndicator = GrowthIndicator;
@@ -20828,5 +20834,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-5WFBHIM5.js.map
-//# sourceMappingURL=chunk-5WFBHIM5.js.map
+//# sourceMappingURL=chunk-DXY4VHMX.js.map
+//# sourceMappingURL=chunk-DXY4VHMX.js.map