@datatechsolutions/ui 2.7.133 → 2.7.135

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

@@ -5877,92 +5877,134 @@ function FilterBadge({ count }) {
 function FeedItemCard({ children, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsx("li", { className: `overflow-hidden rounded-2xl border shadow-sm transition-shadow hover:shadow-md ${className}`, children });
 }
-var MAX_WIDTH_CLASSES = {
-  sm: "max-w-full sm:max-w-sm",
-  md: "max-w-full sm:max-w-md",
-  lg: "max-w-full sm:max-w-lg",
-  xl: "max-w-full sm:max-w-xl",
-  "2xl": "max-w-full sm:max-w-2xl",
-  "3xl": "max-w-full sm:max-w-3xl",
-  "4xl": "max-w-full sm:max-w-4xl",
-  "5xl": "max-w-full sm:max-w-5xl"
+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 FormModal({
+function GlassModalShell({
   open,
   onClose,
+  gradient,
+  icon,
+  label,
   title,
   subtitle,
-  icon,
+  headerActions,
   children,
-  maxWidth = "4xl",
-  onSubmit,
   footer,
-  showFooter = true,
-  cancelLabel,
-  submitLabel,
-  isLoading = false,
-  submitDisabled = false
+  onSubmit,
+  maxWidth = "4xl",
+  closeLabel = "Close",
+  className = ""
 }) {
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    onSubmit?.(e);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(event);
   };
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface shrink-0 border-b border-white/30 dark:border-white/10 rounded-t-2xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: icon }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogTitle, { className: "text-base sm:text-lg font-semibold text-slate-900 dark:text-white", children: title }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-slate-500 dark:text-slate-400 mt-0.5", children: subtitle })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton,
-        {
-          icon: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "w-5 h-5" }),
-          label: "Close",
-          onClick: onClose,
-          variant: "ghost"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children }) }),
-    showFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-surface shrink-0 border-t border-white/30 dark:border-white/10 rounded-b-2xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: footer || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  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,
+        "button",
         {
           type: "button",
           onClick: onClose,
-          disabled: isLoading,
-          outline: true,
-          className: "w-full sm:w-auto",
-          children: cancelLabel
+          "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" })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "submit",
-          disabled: submitDisabled,
-          loading: isLoading,
-          loadingText: submitLabel,
-          color: "ios-glass-blue",
-          className: "w-full sm:w-auto",
-          children: submitLabel
-        }
-      )
-    ] }) }) })
+      (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("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-4 sm:inset-6 lg:inset-10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Headless6.DialogPanel,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GlassModal,
+    {
+      open,
+      onClose,
+      contentClassName: "fixed inset-0 overflow-y-auto p-3 sm:p-6",
+      panelClassName: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES2[maxWidth]} ${className}`,
+      children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner
+    }
+  );
+}
+function FormModal({
+  open,
+  onClose,
+  title,
+  subtitle,
+  icon,
+  children,
+  maxWidth = "4xl",
+  onSubmit,
+  footer,
+  showFooter = true,
+  cancelLabel,
+  submitLabel,
+  isLoading = false,
+  submitDisabled = false,
+  gradient
+}) {
+  const defaultFooter = showFooter ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: footer || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        onClick: onClose,
+        disabled: isLoading,
+        outline: true,
+        className: "w-full sm:w-auto",
+        children: cancelLabel
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
       {
-        className: `liquid-surface-strong w-full h-full ${MAX_WIDTH_CLASSES[maxWidth]} flex flex-col rounded-2xl overflow-hidden`,
-        children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, className: "flex-1 flex flex-col overflow-hidden", children: content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children: content })
+        type: "submit",
+        disabled: submitDisabled,
+        loading: isLoading,
+        loadingText: submitLabel,
+        color: "ios-glass-blue",
+        className: "w-full sm:w-auto",
+        children: submitLabel
       }
-    ) })
-  ] });
+    )
+  ] }) }) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    GlassModalShell,
+    {
+      open,
+      onClose,
+      title,
+      subtitle,
+      icon,
+      gradient,
+      maxWidth,
+      onSubmit,
+      footer: defaultFooter,
+      children
+    }
+  );
 }
 function ContextMenu({
   position,
@@ -13962,6 +14004,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 +14213,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-JJTJLDBQ.js.map
+//# sourceMappingURL=chunk-JJTJLDBQ.js.map