@datatechsolutions/ui 2.7.133 → 2.7.134

package/dist/{chunk-W224TQQY.js → chunk-Q2FWSR7N.js}

@@ -9854,6 +9854,77 @@ function SettingsDialog({
     }
   );
 }
+var SIZE_CLASSES2 = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  "2xl": "max-w-2xl",
+  "3xl": "max-w-3xl",
+  "4xl": "max-w-4xl",
+  "5xl": "max-w-5xl",
+  "6xl": "max-w-6xl",
+  full: "max-w-[90vw]"
+};
+function GlassModalShell({
+  open,
+  onClose,
+  gradient,
+  icon,
+  label,
+  title,
+  subtitle,
+  headerActions,
+  children,
+  footer,
+  onSubmit,
+  maxWidth = "4xl",
+  closeLabel = "Close",
+  className = ""
+}) {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(event);
+  };
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    gradient && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient}` }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          "aria-label": closeLabel,
+          className: "absolute right-4 top-4 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",
+          children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
+        }
+      ),
+      (icon || label) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
+        icon,
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: label })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 pr-10", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-slate-900 dark:text-white sm:text-2xl", children: title }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: subtitle })
+        ] }),
+        headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerActions })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: footer })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: "relative z-50", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex min-h-full items-start justify-center pt-[4vh] sm:pt-[8vh]", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Headless6.DialogPanel,
+      {
+        className: `liquid-surface-strong w-full overflow-hidden rounded-2xl ${SIZE_CLASSES2[maxWidth]} ${className}`,
+        children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner
+      }
+    ) }) })
+  ] });
+}
 function Fieldset2({
   className,
   ...props
@@ -13962,6 +14033,7 @@ exports.FormToggle = FormToggle;
 exports.GeoMapCanvas = GeoMapCanvas;
 exports.GeoMapLegend = GeoMapLegend;
 exports.GlassModal = GlassModal;
+exports.GlassModalShell = GlassModalShell;
 exports.Gradient = Gradient;
 exports.GradientBackground = GradientBackground;
 exports.GrowthIndicator = GrowthIndicator;
@@ -14170,5 +14242,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-W224TQQY.js.map
-//# sourceMappingURL=chunk-W224TQQY.js.map
+//# sourceMappingURL=chunk-Q2FWSR7N.js.map
+//# sourceMappingURL=chunk-Q2FWSR7N.js.map