@datatechsolutions/ui 2.7.134 → 2.7.136

package/dist/{chunk-LHQT6AIP.mjs → chunk-ZTFOZJ55.mjs}

@@ -5383,9 +5383,10 @@ function GlassModal({
   onClose,
   children,
   panelClassName = "rounded-[2rem]",
-  contentClassName = "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6"
+  contentClassName = "fixed inset-0 flex items-center justify-center overflow-y-auto p-3 sm:p-5 lg:p-6",
+  zIndex = "z-50"
 }) {
-  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "relative z-50", children: [
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: `relative ${zIndex}`, children: [
     /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md dark:bg-black/50" }),
     /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsx(DialogPanel, { className: panelClassName, children }) })
   ] });
@@ -5848,92 +5849,136 @@ function FilterBadge({ count }) {
 function FeedItemCard({ children, className = "" }) {
   return /* @__PURE__ */ 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 = "",
+  zIndex
 }) {
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    onSubmit?.(e);
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(event);
   };
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "liquid-surface shrink-0 border-b border-white/30 dark:border-white/10 rounded-t-2xl", children: /* @__PURE__ */ jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        icon && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: icon }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(DialogTitle, { className: "text-base sm:text-lg font-semibold text-slate-900 dark:text-white", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-slate-500 dark:text-slate-400 mt-0.5", children: subtitle })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          icon: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "w-5 h-5" }),
-          label: "Close",
-          onClick: onClose,
-          variant: "ghost"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-6 py-4 sm:py-6", children }) }),
-    showFooter && /* @__PURE__ */ jsx("div", { className: "liquid-surface shrink-0 border-t border-white/30 dark:border-white/10 rounded-b-2xl", children: /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    gradient && /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient}` }),
+    /* @__PURE__ */ jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
       /* @__PURE__ */ 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__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
         }
       ),
-      /* @__PURE__ */ 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__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
+        icon,
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 pr-10", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-slate-900 dark:text-white sm:text-2xl", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: subtitle })
+        ] }),
+        headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children }),
+    footer && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: footer })
   ] });
-  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "relative z-50", children: [
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm" }),
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-4 sm:inset-6 lg:inset-10 flex items-center justify-center", children: /* @__PURE__ */ jsx(
-      DialogPanel,
+  return /* @__PURE__ */ 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}`,
+      zIndex,
+      children: onSubmit ? /* @__PURE__ */ 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__ */ jsx("div", { className: "flex flex-col sm:flex-row justify-end gap-2 sm:gap-3", children: footer || /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        className: `liquid-surface-strong w-full h-full ${MAX_WIDTH_CLASSES[maxWidth]} flex flex-col rounded-2xl overflow-hidden`,
-        children: onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: "flex-1 flex flex-col overflow-hidden", children: content }) : /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col overflow-hidden", children: content })
+        type: "button",
+        onClick: onClose,
+        disabled: isLoading,
+        outline: true,
+        className: "w-full sm:w-auto",
+        children: cancelLabel
       }
-    ) })
-  ] });
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "submit",
+        disabled: submitDisabled,
+        loading: isLoading,
+        loadingText: submitLabel,
+        color: "ios-glass-blue",
+        className: "w-full sm:w-auto",
+        children: submitLabel
+      }
+    )
+  ] }) }) : void 0;
+  return /* @__PURE__ */ jsx(
+    GlassModalShell,
+    {
+      open,
+      onClose,
+      title,
+      subtitle,
+      icon,
+      gradient,
+      maxWidth,
+      onSubmit,
+      footer: defaultFooter,
+      children
+    }
+  );
 }
 function ContextMenu({
   position,
@@ -9825,77 +9870,6 @@ 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__ */ jsxs(Fragment, { children: [
-    gradient && /* @__PURE__ */ jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${gradient}` }),
-    /* @__PURE__ */ jsxs("div", { className: "relative px-5 pb-4 pt-5 sm:px-8 sm:pt-6", children: [
-      /* @__PURE__ */ 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__ */ jsx(XMarkIcon$1, { className: "h-5 w-5" })
-        }
-      ),
-      (icon || label) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
-        icon,
-        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 pr-10", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-slate-900 dark:text-white sm:text-2xl", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: subtitle })
-        ] }),
-        headerActions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: headerActions })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "max-h-[72vh] overflow-y-auto px-5 pb-5 sm:px-8 sm:pb-8", children }),
-    footer && /* @__PURE__ */ jsx("div", { className: "border-t border-white/20 px-5 py-4 dark:border-white/10 sm:px-8", children: footer })
-  ] });
-  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, className: "relative z-50", children: [
-    /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-slate-900/40 backdrop-blur-md" }),
-    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 overflow-y-auto p-3 sm:p-6", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex min-h-full items-start justify-center pt-[4vh] sm:pt-[8vh]", children: /* @__PURE__ */ jsx(
-      DialogPanel,
-      {
-        className: `liquid-surface-strong w-full overflow-hidden rounded-2xl ${SIZE_CLASSES2[maxWidth]} ${className}`,
-        children: onSubmit ? /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: inner }) : inner
-      }
-    ) }) })
-  ] });
-}
 function Fieldset2({
   className,
   ...props
@@ -13876,5 +13850,5 @@ function PlatformShell({
 }
 
 export { ActionMenu, ActionSheet, ActiveFilterChips, AnalysisSkeleton, AnimatedNumber, AnimatedTableRow, AppLogo, AppNavigation, AppShell, ArchiveSwipeAction, AuthLayout, Avatar, AvatarButton, BRAZIL_ACCENT_MAP, BRAZIL_MACRO_REGIONS, BRAZIL_MAP_CENTER, BRAZIL_STATE_COORDINATES, BRAZIL_STATE_PALETTES, BR_THEME_CONFIG, BackupCodeGrid, BadRequestPage, Badge, BaseForm, BentoCard, BooleanFlagsPicker, BottomSafeArea, BrandFilterSkeleton, BrandedLoader, Breadcrumb, Button, Card, CardActionMenu, CardContent, CardDescription, CardDivider, CardFooter, CardGridSkeleton, CardHeader, CardSectionHeader, CardTitle, CategoryBadge, CategoryTab, CategoryTabs, ChipPicker, CircularRefreshIndicator, Code, CollapsibleGroupedList, CompactSegmentedControl, ContactCard, ContactSection, Container, ContextMenu, CookieConsent, CopyableId, CountPill, CreateActionButton, DashboardProgressShell, DataPagination, DatePicker, DeleteSwipeAction, Description4 as Description, DetailsPopover, DevModeBanner, Dialog4 as Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle3 as DialogTitle, Divider, Dock, DockContainer, DockSkeleton, DotRefreshIndicator, Dropdown, DropdownButton, DropdownDivider, DropdownItem, DropdownLabel, DropdownMenu, DropdownSelect, DynamicIsland, DynamicIslandConfirm, DynamicIslandNotification, EdgeSwipeIndicator, EdgeSwipeProvider, EditSwipeAction, EmptyState, EntityCard, EntityDrawer, ErrorMessage, ErrorState, ExpandableHistoryList, ExpandingPageIndicator, FUEL_PRICE_LOADER, FavoriteSwipeAction, FeatureCard, FeedItemCard, Field2 as Field, FieldGroup, Fieldset2 as Fieldset, FilterBadge, FilterPill, FilterSectionHeader, FilterTileButton, FloatingActionButton, FlyoutMenu, FlyoutNavGrid, FlyoutQuickActions, ForceTouchMenu, Form, FormActions, FormActionsRow, FormCheckbox, FormField, FormGrid, FormInput, FormModal, FormPriceInput, FormSection, FormSelect, FormTextarea, FormToggle, GeoMapCanvas, GeoMapLegend, GlassModal, GlassModalShell, Gradient, GradientBackground, GrowthIndicator, Heading, HeroPanel, HeroSection, IconButton, InfoPopover, InlineForm, InlineSpinner, Input, InteractiveGeoMap, ItemSummary, KORI_ERP_LOADER, Label2 as Label, LabeledToggle, LanguageSwitcher, LaunchpadGrid, Lead, Legend2 as Legend, LiquidFilterInput, ListCard, ListCardItem, ListItem, LoadingOverlay, ManagementPageLayout, ManagementSurface, MapZoomControls, MetricCard, MonthPicker, MultiColumnPicker, NavigationProgress, NoDataState, NoResultsState, NotFoundPage, NotificationBadge, NotificationBellButton, NotificationProvider, OfficeCard, OfflineState, OptionGrid, OtpInput, PageEmptyState, PageHeader, PageHeading, PageIndicator, PageLoadingState, PageSectionHeader, Pagination, PasswordInput, PasswordStrengthMeter, Pill, PlatformShell, PlusGrid, PlusGridItem, PlusGridRow, PreferenceSection, PriceChangeBadge, ProfileIdentityCard, Progress, ProgressIndicator, PullToRefreshContainer, PullToRefreshIndicator, RadiantHeading, RadiantStatCard, RadiantSubheading, RegionFilterSkeleton, RoleBadge, SafeArea, SafeAreaSpacer, SafeAreaView, SearchBar, SearchFilterToolbar, SearchInput, SectionCard, SectionHeader, SectionHeaderSkeleton, SegmentedControl, Select, SelectableChipPicker, SelectableListPicker, SelectableOptionsGrid, SelectableTableRow, SelectionCard, ServerErrorPage, SettingsDialog, SettingsModal, Sheet, SocialLoginButtons, SortableTableHeader, Spinner, Stat, StatCard, StatCardSkeleton, StatusBadge, StatusToggle, StepFormPage, StepNavigationButtons, StepTimeline, Strong, Subheading, SwipeableRow, Switch2 as Switch, Table, TableBody, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, TableSkeleton, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TagBadge, Text, TextLink, Textarea, ThemeSwitch, ThemeToggle, ThemeToggleCompact, TimePicker, ToggleSwitch, TouchTarget, US_ACCENT_MAP, US_MACRO_REGIONS, US_MAP_CENTER, US_STATE_COORDINATES, US_STATE_PALETTES, US_THEME_CONFIG, UserAvatar, UserMobileInfo, WINDSOCK_LOADER, WIRE_LOADER, WheelPicker, WindsockIcon, buildDockActions, buildFlyoutNavItems, buildLaunchpadItems, buttonPress, buttonPressReduced, buttonTap, cardHover, cardHoverReduced, cardPress, createMotionProps, durations, durationsReduced, easings, fadeOnly, fadeScale, filterByPermission, formatCurrency, formatDate, formatPercentage, getBrazilAccent, getBrazilColors, getBrazilFlagUrl, getBrazilGradient, getBrazilHexColor, getBrazilPalette, getStatusColor, getSubdivisionAccent, getSubdivisionColors, getSubdivisionFlagUrl, getSubdivisionGradient, getSubdivisionHexColor, getSubdivisionPalette, getTransition, getUsAccent, getUsColors, getUsFlagUrl, getUsGradient, getUsHexColor, getUsPalette, getVariants, iosColors, isValidBrazilState, isValidSubdivision, isValidUsState, listItem, listItemReduced, notificationBanner, notificationBannerReduced, pageControlDot, prefersReducedMotion, registerSubdivisionTheme, resolveGlassAccentRgb, selectIsAuthenticated, selectShowShellChrome, selectUserInitial, selectUserName, shimmerClass, shimmerWhiteClass, slideDown, slideRight, slideUp, springPresets, springPresetsReduced, staggerContainer, swipeActionThreshold, swipeConstraints, useGeoMapState, useNotifications, usePlatformShellStore, usePullToRefresh };
-//# sourceMappingURL=chunk-LHQT6AIP.mjs.map
-//# sourceMappingURL=chunk-LHQT6AIP.mjs.map
+//# sourceMappingURL=chunk-ZTFOZJ55.mjs.map
+//# sourceMappingURL=chunk-ZTFOZJ55.mjs.map