@datatechsolutions/ui 2.11.25 → 2.11.27

package/dist/{chunk-CJIOFLOY.js → chunk-TLZ3SAQW.js}

@@ -5557,22 +5557,390 @@ var StatusBadge = React12.forwardRef(function StatusBadge2({ status, label, size
     }
   );
 });
+function ProfileIdentityCard({
+  displayName,
+  profileInitial,
+  avatarUrl,
+  email,
+  showEmail,
+  role
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl liquid-surface p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500/20 text-indigo-600 dark:text-indigo-300", children: avatarUrl ? (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: profileInitial }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-slate-900 dark:text-white", children: displayName }),
+      showEmail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: email ?? "" }) : null,
+      role ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: role }) : null
+    ] })
+  ] }) });
+}
+var SidebarContext = React12.createContext(null);
+var SIDEBAR_TYPE = /* @__PURE__ */ Symbol("GlassModal.Sidebar");
+var SECTION_TYPE = /* @__PURE__ */ Symbol("GlassModal.Section");
+var GROUP_TYPE = /* @__PURE__ */ Symbol("GlassModal.Group");
+var IDENTITY_TYPE = /* @__PURE__ */ Symbol("GlassModal.Identity");
+var SIDEBAR_FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.SidebarFooter");
+var FOOTER_TYPE = /* @__PURE__ */ Symbol("GlassModal.Footer");
+function Section({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+Section.__type = SECTION_TYPE;
+function Group({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+Group.__type = GROUP_TYPE;
+function Identity(_props) {
+  return null;
+}
+Identity.__type = IDENTITY_TYPE;
+function SidebarFooterSlot({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+SidebarFooterSlot.__type = SIDEBAR_FOOTER_TYPE;
+function Sidebar(_props) {
+  return null;
+}
+Sidebar.__type = SIDEBAR_TYPE;
+function FooterSlot({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+FooterSlot.__type = FOOTER_TYPE;
+function isSlotType(child, type) {
+  return child.type?.__type === type;
+}
+function findSlot(children, type) {
+  const arr = React12.Children.toArray(children);
+  return arr.find((c) => React12.isValidElement(c) && isSlotType(c, type));
+}
+function filterNonSlots(children) {
+  return React12.Children.toArray(children).filter(
+    (c) => !(React12.isValidElement(c) && c.type?.__type)
+  );
+}
+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 AccentBar({ gradient, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient} ${className ?? ""}` });
+}
+function CloseBtn({ onClick, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": label,
+      "data-testid": "modal-close",
+      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" })
+    }
+  );
+}
+function SidebarLayout({
+  sidebarElement,
+  gradient,
+  icon,
+  label,
+  title,
+  subtitle,
+  onClose,
+  closeLabel,
+  footer,
+  className
+}) {
+  const sidebarChildren = sidebarElement.props.children;
+  const defaultSection = sidebarElement.props.defaultSection;
+  const identityEl = findSlot(sidebarChildren, IDENTITY_TYPE);
+  const sidebarFooterEl = findSlot(sidebarChildren, SIDEBAR_FOOTER_TYPE);
+  const sections = [];
+  function collectSections(node, group) {
+    React12.Children.forEach(node, (child) => {
+      if (!React12.isValidElement(child)) return;
+      if (isSlotType(child, GROUP_TYPE)) {
+        const groupProps = child.props;
+        collectSections(groupProps.children, groupProps.label);
+      } else if (isSlotType(child, SECTION_TYPE)) {
+        const sectionProps = child.props;
+        sections.push({
+          id: sectionProps.id,
+          icon: sectionProps.icon,
+          label: sectionProps.label,
+          badge: sectionProps.badge,
+          content: sectionProps.children,
+          group
+        });
+      }
+    });
+  }
+  collectSections(sidebarChildren);
+  const [activeSectionId, setActiveSectionId] = React12.useState(defaultSection ?? sections[0]?.id ?? "");
+  const groups = [];
+  for (const section of sections) {
+    const lastGroup = groups.at(-1);
+    if (!lastGroup || lastGroup.label !== section.group) {
+      groups.push({ label: section.group, items: [section] });
+    } else {
+      lastGroup.items.push(section);
+    }
+  }
+  const activeContent = sections.find((s) => s.id === activeSectionId)?.content;
+  const identityProps = identityEl?.props;
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: { activeSectionId, setActiveSectionId }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex h-[min(94vh,920px)] flex-col lg:flex-row ${className}`, 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(AccentBar, { gradient, className: "rounded-tl-2xl lg:rounded-tr-none" }),
+      /* @__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 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label ?? "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", { id: "modal-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 })
+      ] }),
+      identityProps && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProfileIdentityCard,
+        {
+          displayName: identityProps.name,
+          profileInitial: identityProps.initial ?? identityProps.name.charAt(0).toUpperCase(),
+          avatarUrl: identityProps.avatar,
+          email: identityProps.email,
+          role: identityProps.role,
+          showEmail: identityProps.showEmail ?? true
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: groups.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 }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.items.map((section) => {
+          const Icon = section.icon;
+          const isActive = activeSectionId === section.id;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setActiveSectionId(section.id),
+              className: `flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200 ${isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"}`,
+              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", { 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
+          );
+        }) })
+      ] }, group.label ?? group.items.map((s) => s.id).join("-"))) }),
+      sidebarFooterEl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 px-5", children: sidebarFooterEl.props.children })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+      gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(AccentBar, { 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: activeContent }),
+      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 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { onClick: onClose, label: closeLabel })
+  ] }) });
+}
+function PropBasedSidebarLayout({
+  sidebar,
+  gradient,
+  icon,
+  label,
+  title,
+  subtitle,
+  onClose,
+  closeLabel,
+  footer,
+  children
+}) {
+  const groups = [];
+  for (const section of sidebar.sections) {
+    const lastGroup = groups.at(-1);
+    if (!lastGroup || lastGroup.label !== section.group) {
+      groups.push({ label: section.group, items: [section] });
+    } else {
+      lastGroup.items.push(section);
+    }
+  }
+  return /* @__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(AccentBar, { gradient, className: "rounded-tl-2xl lg:rounded-tr-none" }),
+      /* @__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 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-[0.22em] text-slate-500 dark:text-slate-400", children: label ?? "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", { id: "modal-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 })
+      ] }),
+      sidebar.identity && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5", children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProfileIdentityCard,
+        {
+          displayName: sidebar.identity.displayName,
+          profileInitial: sidebar.identity.profileInitial,
+          avatarUrl: sidebar.identity.avatarUrl,
+          email: sidebar.identity.email,
+          role: sidebar.identity.role,
+          showEmail: sidebar.identity.showEmail ?? true
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "mt-5 flex-1 space-y-6 overflow-y-auto px-5 pr-4", "aria-label": title, children: groups.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 }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: group.items.map((section) => {
+          const Icon = section.icon;
+          const isActive = sidebar.activeSectionId === section.id;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => sidebar.onSectionChange(section.id),
+              className: `flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200 ${isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"}`,
+              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", { 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
+          );
+        }) })
+      ] }, group.label ?? group.items.map((s) => s.id).join("-"))) }),
+      sidebar.footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 px-5", children: sidebar.footer })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+      gradient ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(AccentBar, { 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 })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { onClick: onClose, label: closeLabel })
+  ] });
+}
 function GlassModal({
   open,
   onClose,
+  gradient,
+  icon,
+  label,
+  title,
+  subtitle,
+  headerActions,
   children,
-  panelClassName = "rounded-[2rem]",
-  contentClassName = "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6",
+  footer,
+  onSubmit,
+  showFormFooter,
+  cancelLabel,
+  submitLabel,
+  isLoading = false,
+  submitDisabled = false,
+  sidebar,
+  maxWidth = "4xl",
+  closeLabel = "Close",
+  className = "",
   zIndex = "z-50",
+  panelClassName,
+  contentClassName,
   overlayTestId,
-  panelTestId,
-  ariaLabelledBy
+  panelTestId
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": ariaLabelledBy, children: [
+  const hasTitle = !!title;
+  const sidebarElement = React12.Children.toArray(children).find(
+    (c) => React12.isValidElement(c) && isSlotType(c, SIDEBAR_TYPE)
+  );
+  const footerElement = findSlot(children, FOOTER_TYPE);
+  const nonSlotChildren = filterNonSlots(children);
+  const resolvedFooter = footer ?? (footerElement ? footerElement.props.children : void 0) ?? (showFormFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: onClose, disabled: isLoading, outline: true, className: "w-full sm:w-auto", "data-testid": "form-modal-cancel", children: cancelLabel ?? "Cancel" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: submitDisabled, loading: isLoading, loadingText: submitLabel, color: "ios-glass-blue", className: "w-full sm:w-auto", "data-testid": "form-modal-submit", children: submitLabel ?? "Save" })
+  ] }) : void 0);
+  const handleSubmit = React12.useCallback((event) => {
+    event.preventDefault();
+    onSubmit?.(event);
+  }, [onSubmit]);
+  if (!hasTitle) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName ?? "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: panelClassName ?? "rounded-2xl", "data-testid": panelTestId, children }) })
+    ] });
+  }
+  if (sidebar && !sidebarElement) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: `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)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
+        PropBasedSidebarLayout,
+        {
+          sidebar,
+          gradient,
+          icon,
+          label,
+          title,
+          subtitle,
+          onClose,
+          closeLabel,
+          footer: resolvedFooter,
+          children: nonSlotChildren
+        }
+      ) }) })
+    ] });
+  }
+  if (sidebarElement) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 flex items-center justify-center overflow-y-auto p-2 sm:p-4 lg:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: `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)] ${className}`, "data-testid": panelTestId, children: /* @__PURE__ */ jsxRuntime.jsx(
+        SidebarLayout,
+        {
+          sidebarElement,
+          gradient,
+          icon,
+          label,
+          title,
+          subtitle,
+          onClose,
+          closeLabel,
+          footer: resolvedFooter,
+          className: ""
+        }
+      ) }) })
+    ] });
+  }
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    gradient && /* @__PURE__ */ jsxRuntime.jsx(AccentBar, { gradient }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CloseBtn, { onClick: onClose, label: closeLabel }),
+      (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", { id: "modal-title", "data-testid": "modal-title", 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: nonSlotChildren }),
+    resolvedFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: resolvedFooter })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Headless6.Dialog, { open, onClose, className: `relative ${zIndex}`, "aria-labelledby": "modal-title", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50", "data-testid": overlayTestId }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: panelClassName, "data-testid": panelTestId, children }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(Headless6.DialogPanel, { className: `liquid-surface-strong w-full overflow-hidden rounded-2xl mx-auto mt-[4vh] sm:mt-[8vh] ${SIZE_CLASSES2[maxWidth]} ${className}`, "data-testid": panelTestId, children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner }) })
   ] });
 }
+GlassModal.Sidebar = Sidebar;
+GlassModal.Section = Section;
+GlassModal.Group = Group;
+GlassModal.Identity = Identity;
+GlassModal.SidebarFooter = SidebarFooterSlot;
+GlassModal.Footer = FooterSlot;
 function Text({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
@@ -6031,143 +6399,6 @@ 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 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 = "",
-  zIndex
-}) {
-  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,
-          "data-testid": "modal-close",
-          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 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" })
-        }
-      ),
-      (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", { id: "modal-title", "data-testid": "modal-title", 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", { "data-testid": "modal-footer", className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: footer })
-  ] });
-  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}`,
-      ariaLabelledBy: "modal-title",
-      zIndex,
-      overlayTestId: "modal-overlay",
-      panelTestId: "modal-panel",
-      children: onSubmit ? /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: inner }) : inner
-    }
-  );
-}
-function GlassFormModal({
-  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",
-        "data-testid": "form-modal-cancel",
-        children: cancelLabel
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        type: "submit",
-        disabled: submitDisabled,
-        loading: isLoading,
-        loadingText: submitLabel,
-        color: "ios-glass-blue",
-        className: "w-full sm:w-auto",
-        "data-testid": "form-modal-submit",
-        children: submitLabel
-      }
-    )
-  ] }) }) : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "form-modal", role: "dialog", "aria-modal": "true", "aria-label": title, children: /* @__PURE__ */ jsxRuntime.jsx(
-    GlassModalShell,
-    {
-      open,
-      onClose,
-      title,
-      subtitle,
-      icon,
-      gradient,
-      maxWidth,
-      onSubmit,
-      footer: defaultFooter,
-      children
-    }
-  ) });
-}
 function ContextMenu({
   position,
   onClose,
@@ -10251,189 +10482,6 @@ function PreferenceSection({
     children
   ] });
 }
-function ProfileIdentityCard({
-  displayName,
-  profileInitial,
-  avatarUrl,
-  email,
-  showEmail,
-  role
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-2xl liquid-surface p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-12 w-12 items-center justify-center rounded-full bg-indigo-500/20 text-indigo-600 dark:text-indigo-300", children: avatarUrl ? (
-      // eslint-disable-next-line @next/next/no-img-element
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarUrl, alt: displayName, className: "h-12 w-12 rounded-full object-cover" })
-    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: profileInitial }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-semibold text-slate-900 dark:text-white", children: displayName }),
-      showEmail ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-slate-500 dark:text-slate-400", children: email ?? "" }) : null,
-      role ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: role }) : null
-    ] })
-  ] }) });
-}
-function GlassSidebarModal({
-  open,
-  onClose,
-  title,
-  subtitle,
-  gradient,
-  icon,
-  label,
-  sections,
-  activeSectionId,
-  onSectionChange,
-  children,
-  closeLabel = "Close",
-  identity,
-  sidebarFooter,
-  footer
-}) {
-  const sectionGroups = sections.reduce((groups, section) => {
-    const currentGroup = groups.at(-1);
-    if (!currentGroup || currentGroup.label !== section.group) {
-      groups.push({
-        label: section.group,
-        sections: [section]
-      });
-      return groups;
-    }
-    currentGroup.sections.push(section);
-    return groups;
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    GlassModal,
-    {
-      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-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-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", { 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(
-            ProfileIdentityCard,
-            {
-              displayName: identity.displayName,
-              profileInitial: identity.profileInitial,
-              avatarUrl: identity.avatarUrl,
-              email: identity.email,
-              role: identity.role,
-              showEmail: identity.showEmail ?? true
-            }
-          ) }) : 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;
-              const isActive = activeSectionId === section.id;
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onSectionChange(section.id),
-                  className: [
-                    "flex w-full items-center gap-3 rounded-2xl px-4 py-3 text-left text-sm font-medium transition-all duration-200",
-                    isActive ? "liquid-surface liquid-surface-active text-slate-950 dark:text-white" : "text-slate-600 hover:bg-white/30 hover:text-slate-950 dark:text-slate-300 dark:hover:bg-white/[0.06] dark:hover:text-white"
-                  ].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", { 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
-              );
-            }) })
-          ] }, group.label ?? group.sections.map((section) => section.id).join("-"))) }),
-          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: [
-          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",
-          {
-            type: "button",
-            onClick: onClose,
-            "aria-label": closeLabel,
-            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" })
-          }
-        )
-      ] })
-    }
-  );
-}
-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((s) => s.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
@@ -10977,18 +11025,19 @@ function SettingsModal({
     signOut.label
   ] }) : sidebarFooter;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    GlassSidebarModal,
+    GlassModal,
     {
       open,
       onClose,
       title,
       subtitle,
-      sections: dialogSections,
-      activeSectionId,
-      onSectionChange: handleSectionChange,
-      closeLabel,
-      identity,
-      sidebarFooter: footer,
+      sidebar: {
+        sections: dialogSections,
+        activeSectionId,
+        onSectionChange: handleSectionChange,
+        identity,
+        footer
+      },
       children: renderContent()
     }
   );
@@ -20295,11 +20344,7 @@ exports.GERMANY_STATE_COORDINATES = GERMANY_STATE_COORDINATES;
 exports.GERMANY_STATE_PALETTES = GERMANY_STATE_PALETTES;
 exports.GeoMapCanvas = GeoMapCanvas;
 exports.GeoMapLegend = GeoMapLegend;
-exports.GlassDetailModal = GlassDetailModal;
-exports.GlassFormModal = GlassFormModal;
 exports.GlassModal = GlassModal;
-exports.GlassModalShell = GlassModalShell;
-exports.GlassSidebarModal = GlassSidebarModal;
 exports.Gradient = Gradient;
 exports.GradientBackground = GradientBackground;
 exports.GrowthIndicator = GrowthIndicator;
@@ -20832,5 +20877,5 @@ exports.useGeoMapState = useGeoMapState;
 exports.useNotifications = useNotifications;
 exports.usePlatformShellStore = usePlatformShellStore;
 exports.usePullToRefresh = usePullToRefresh;
-//# sourceMappingURL=chunk-CJIOFLOY.js.map
-//# sourceMappingURL=chunk-CJIOFLOY.js.map
+//# sourceMappingURL=chunk-TLZ3SAQW.js.map
+//# sourceMappingURL=chunk-TLZ3SAQW.js.map