@datatechsolutions/ui 3.8.0 → 3.9.0

package/dist/{chunk-FNA66TT4.js → chunk-MT66VKLS.js}

@@ -3019,16 +3019,20 @@ function SearchBar({
   onRemoveFilter,
   onClearAll,
   endContent,
+  actions,
   noBorder = false,
   showCancelButton = false,
   onCancel,
-  filterChipStyleConfig
+  filterChipStyleConfig,
+  filtersModal
 }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
   const [isFocused, setIsFocused] = React9.useState(false);
   const inputRef = React9.useRef(null);
   const hasFilters = activeFilters.length > 0 || searchTerm.length > 0;
   const defaultPlaceholder = placeholder || t("searchPlaceholder");
+  const filtersModalCount = filtersModal?.count ?? 0;
+  const resolvedFiltersTitle = filtersModal?.title ?? t("filters");
   const handleFocus = React9.useCallback(() => {
     setIsFocused(true);
     chunkUZ3CMNUJ_js.triggerHaptic("light");
@@ -3051,85 +3055,166 @@ function SearchBar({
   const containerClasses = noBorder ? "flex flex-wrap items-center gap-2 p-3 bg-transparent" : `liquid-surface flex flex-wrap items-center gap-2 p-3 rounded-2xl
        transition-all duration-200
        ${isFocused ? "ring-2 ring-indigo-500/70 ring-offset-1" : ""}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      framerMotion.motion.div,
-      {
-        className: containerClasses,
-        layout: true,
-        transition: { duration: 0.2 },
-        style: { flex: 1 },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ActiveFilterChips,
-            {
-              filters: activeFilters,
-              onRemoveFilter,
-              styleConfig: filterChipStyleConfig ?? defaultFilterTypeConfig
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-[200px] relative", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              HeroIcons.MagnifyingGlassIcon,
-              {
-                className: `absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 transition-colors duration-200
-              ${isFocused ? "text-indigo-600 dark:text-indigo-400" : "text-slate-400"}`
-              }
-            ),
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "search", "data-testid": "search-toolbar", className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        framerMotion.motion.div,
+        {
+          className: containerClasses,
+          layout: true,
+          transition: { duration: 0.2 },
+          style: { flex: 1 },
+          children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
+              ActiveFilterChips,
               {
-                ref: inputRef,
-                type: "text",
-                placeholder: activeFilters.length > 0 ? t("refineSearch") : defaultPlaceholder,
-                value: searchTerm,
-                onChange: (e) => onSearchChange(e.target.value),
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                className: "w-full h-11 pl-10 pr-10 text-base bg-transparent\n              text-slate-900 dark:text-white\n              placeholder:text-slate-400 dark:placeholder:text-slate-500\n              focus:outline-none"
+                filters: activeFilters,
+                onRemoveFilter,
+                styleConfig: filterChipStyleConfig ?? defaultFilterTypeConfig
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
-              framerMotion.motion.button,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-[200px] relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                HeroIcons.MagnifyingGlassIcon,
+                {
+                  className: `absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 transition-colors duration-200
+                ${isFocused ? "text-indigo-600 dark:text-indigo-400" : "text-slate-400"}`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "text",
+                  placeholder: activeFilters.length > 0 ? t("refineSearch") : defaultPlaceholder,
+                  value: searchTerm,
+                  onChange: (e) => onSearchChange(e.target.value),
+                  onFocus: handleFocus,
+                  onBlur: handleBlur,
+                  "data-testid": "search-input",
+                  className: "w-full h-11 pl-10 pr-10 text-base bg-transparent\n                text-slate-900 dark:text-white\n                placeholder:text-slate-400 dark:placeholder:text-slate-500\n                focus:outline-none"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: searchTerm && /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.button,
+                {
+                  initial: { opacity: 0, scale: 0.8 },
+                  animate: { opacity: 1, scale: 1 },
+                  exit: { opacity: 0, scale: 0.8 },
+                  transition: { duration: 0.15 },
+                  onClick: handleClear,
+                  className: "absolute right-2 top-1/2 -translate-y-1/2 p-1.5 rounded-full\n                    bg-white/40 dark:bg-white/[0.08]\n                    text-slate-500 dark:text-slate-300\n                    hover:bg-white/60 dark:hover:bg-white/[0.12]\n                    transition-colors",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-4 w-4" })
+                }
+              ) })
+            ] }),
+            endContent,
+            hasFilters && onClearAll && !showCancelButton && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
               {
-                initial: { opacity: 0, scale: 0.8 },
-                animate: { opacity: 1, scale: 1 },
-                exit: { opacity: 0, scale: 0.8 },
-                transition: { duration: 0.15 },
-                onClick: handleClear,
-                className: "absolute right-2 top-1/2 -translate-y-1/2 p-1.5 rounded-full\n                  bg-white/40 dark:bg-white/[0.08]\n                  text-slate-500 dark:text-slate-300\n                  hover:bg-white/60 dark:hover:bg-white/[0.12]\n                  transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-4 w-4" })
+                onClick: () => {
+                  chunkUZ3CMNUJ_js.triggerHaptic("light");
+                  onClearAll();
+                },
+                className: "p-2 rounded-xl text-slate-400 hover:text-slate-600 dark:hover:text-white\n                hover:bg-white/40 dark:hover:bg-white/[0.08] transition-colors",
+                title: t("clearFilters"),
+                children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
               }
-            ) })
-          ] }),
-          endContent,
-          hasFilters && onClearAll && !showCancelButton && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: () => {
-                chunkUZ3CMNUJ_js.triggerHaptic("light");
-                onClearAll();
-              },
-              className: "p-2 rounded-xl text-slate-400 hover:text-slate-600 dark:hover:text-white\n              hover:bg-white/40 dark:hover:bg-white/[0.08] transition-colors",
-              title: t("clearFilters"),
-              children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-5 w-5" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showCancelButton && isFocused && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.button,
-      {
-        initial: { opacity: 0, x: -10, width: 0 },
-        animate: { opacity: 1, x: 0, width: "auto" },
-        exit: { opacity: 0, x: -10, width: 0 },
-        transition: { duration: 0.2 },
-        onClick: handleCancel,
-        className: "text-indigo-600 dark:text-indigo-400 font-medium whitespace-nowrap px-2",
-        children: t("cancel")
-      }
-    ) })
+            )
+          ]
+        }
+      ),
+      filtersModal && /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkBHOT22QL_js.Button,
+        {
+          type: "button",
+          onClick: filtersModal.onOpen,
+          outline: true,
+          className: "h-12",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.FunnelIcon, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedFiltersTitle }),
+            filtersModalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-500 px-1.5 py-0.5 text-[10px] font-bold text-white", children: filtersModalCount })
+          ]
+        }
+      ),
+      actions,
+      /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showCancelButton && isFocused && /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.button,
+        {
+          initial: { opacity: 0, x: -10, width: 0 },
+          animate: { opacity: 1, x: 0, width: "auto" },
+          exit: { opacity: 0, x: -10, width: 0 },
+          transition: { duration: 0.2 },
+          onClick: handleCancel,
+          className: "text-indigo-600 dark:text-indigo-400 font-medium whitespace-nowrap px-2",
+          children: t("cancel")
+        }
+      ) })
+    ] }),
+    filtersModal && /* @__PURE__ */ jsxRuntime.jsx(Headless3.Transition, { show: filtersModal.open, as: React9.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { as: "div", className: "relative z-50", onClose: filtersModal.onClose, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Headless3.TransitionChild,
+        {
+          as: React9.Fragment,
+          enter: "ease-out duration-200",
+          enterFrom: "opacity-0",
+          enterTo: "opacity-100",
+          leave: "ease-in duration-150",
+          leaveFrom: "opacity-100",
+          leaveTo: "opacity-0",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 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 max-w-2xl items-start justify-center pt-[8vh]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Headless3.TransitionChild,
+        {
+          as: React9.Fragment,
+          enter: "ease-out duration-250",
+          enterFrom: "opacity-0 scale-95",
+          enterTo: "opacity-100 scale-100",
+          leave: "ease-in duration-180",
+          leaveFrom: "opacity-100 scale-100",
+          leaveTo: "opacity-0 scale-95",
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b liquid-divider px-5 py-4", children: [
+              filtersModal.context ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: filtersModal.context.icon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.FunnelIcon, { className: "h-3.5 w-3.5" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: filtersModal.context.label }),
+                filtersModal.context.countLabel ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-slate-400 dark:text-white/50", children: [
+                  "\xB7 ",
+                  filtersModal.context.countLabel
+                ] }) : null
+              ] }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold tracking-tight text-slate-900 dark:text-slate-100", children: resolvedFiltersTitle })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: filtersModal.children }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t liquid-divider p-4", children: [
+              filtersModal.onClear && filtersModalCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                chunkBHOT22QL_js.Button,
+                {
+                  type: "button",
+                  onClick: filtersModal.onClear,
+                  outline: true,
+                  size: "sm",
+                  children: t("clearFilters")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                chunkBHOT22QL_js.Button,
+                {
+                  type: "button",
+                  onClick: filtersModal.onClose,
+                  color: "ios-glass-blue",
+                  size: "sm",
+                  children: t("done")
+                }
+              )
+            ] })
+          ] })
+        }
+      ) }) })
+    ] }) })
   ] });
 }
 function InfoPopover({ title, content, triggerLabel = "Info" }) {
@@ -6404,7 +6489,7 @@ var sizes2 = {
   "4xl": "sm:max-w-4xl",
   "5xl": "sm:max-w-5xl"
 };
-function Dialog4({
+function Dialog5({
   size = "lg",
   className,
   children,
@@ -7875,128 +7960,6 @@ function StepNavigationButtons({
     )
   ] });
 }
-function SearchFilterToolbar({
-  label,
-  query,
-  onQueryChange,
-  placeholder,
-  filtersOpen = false,
-  onOpenFilters,
-  onCloseFilters,
-  filtersTitle,
-  activeFiltersCount = 0,
-  onClearFilters,
-  actions,
-  filterPills,
-  filtersContext,
-  filtersHeaderIcon,
-  children
-}) {
-  const tCommon = chunkYXN2K77G_js.useTranslations("common");
-  const resolvedFiltersTitle = filtersTitle || tCommon("filters");
-  const resolvedFiltersContext = filtersContext ?? {
-    icon: filtersHeaderIcon ?? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.FunnelIcon, { className: "h-3.5 w-3.5" }),
-    label
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "search", "data-testid": "search-toolbar", className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface flex flex-1 items-center gap-2 flex-wrap min-h-12 rounded-xl px-3.5 py-1.5 transition-colors duration-200 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500/70 dark:focus-within:ring-offset-gray-900", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.MagnifyingGlassIcon, { className: "h-5 w-5 shrink-0 text-slate-400 dark:text-slate-500" }),
-        filterPills,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            value: query,
-            onChange: (event) => onQueryChange(event.target.value),
-            placeholder,
-            "aria-label": label,
-            "data-testid": "search-input",
-            className: "min-w-[100px] flex-1 bg-transparent py-1 text-base text-gray-900 outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 placeholder:text-slate-400 dark:text-white dark:placeholder:text-slate-500"
-          }
-        )
-      ] }),
-      !!children && onOpenFilters && /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkBHOT22QL_js.Button,
-        {
-          type: "button",
-          onClick: onOpenFilters,
-          outline: true,
-          className: "h-12",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.FunnelIcon, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: tCommon("filters") }),
-            activeFiltersCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-500 px-1.5 py-0.5 text-[10px] font-bold text-white", children: activeFiltersCount })
-          ]
-        }
-      ),
-      actions
-    ] }),
-    !!children && onCloseFilters && /* @__PURE__ */ jsxRuntime.jsx(Headless3.Transition, { show: filtersOpen, as: React9.Fragment, children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.Dialog, { as: "div", className: "relative z-50", onClose: onCloseFilters, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Headless3.TransitionChild,
-        {
-          as: React9.Fragment,
-          enter: "ease-out duration-200",
-          enterFrom: "opacity-0",
-          enterTo: "opacity-100",
-          leave: "ease-in duration-150",
-          leaveFrom: "opacity-100",
-          leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsxRuntime.jsx(Headless3.DialogBackdrop, { className: "fixed inset-0 bg-slate-900/35 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 max-w-2xl items-start justify-center pt-[8vh]", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Headless3.TransitionChild,
-        {
-          as: React9.Fragment,
-          enter: "ease-out duration-250",
-          enterFrom: "opacity-0 scale-95",
-          enterTo: "opacity-100 scale-100",
-          leave: "ease-in duration-180",
-          leaveFrom: "opacity-100 scale-100",
-          leaveTo: "opacity-0 scale-95",
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Headless3.DialogPanel, { className: "liquid-surface-strong w-full overflow-hidden rounded-2xl", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/30 px-5 py-4 dark:border-white/10", children: [
-              resolvedFiltersContext ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-2 text-slate-600 dark:text-white/70", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedFiltersContext.icon }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: resolvedFiltersContext.label }),
-                resolvedFiltersContext.countLabel ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-slate-400 dark:text-white/50", children: [
-                  "\xB7 ",
-                  resolvedFiltersContext.countLabel
-                ] }) : null
-              ] }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold tracking-tight text-slate-900 dark:text-slate-100", children: resolvedFiltersTitle })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[72vh] overflow-y-auto p-4 sm:p-5", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-white/30 p-4 dark:border-white/10", children: [
-              onClearFilters && activeFiltersCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
-                {
-                  type: "button",
-                  onClick: onClearFilters,
-                  outline: true,
-                  size: "sm",
-                  children: tCommon("clearFilters")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
-                {
-                  type: "button",
-                  onClick: onCloseFilters,
-                  color: "ios-glass-blue",
-                  size: "sm",
-                  children: tCommon("done")
-                }
-              )
-            ] })
-          ] })
-        }
-      ) }) })
-    ] }) })
-  ] });
-}
 var COLOR_MAP = {
   blue: {
     activeGradient: "bg-gradient-to-br from-blue-500 to-blue-600 ring-2 ring-indigo-500/70 shadow-lg",
@@ -9767,23 +9730,6 @@ function ManagementSurface({ children, className = "", ...props }) {
     }
   );
 }
-function ManagementPageLayout({
-  hero,
-  summary,
-  content,
-  mobileAction,
-  children,
-  testId,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? "space-y-4", "data-testid": testId, children: [
-    hero,
-    summary,
-    content,
-    mobileAction,
-    children
-  ] });
-}
 var dateFnsLocales2 = {
   "pt-BR": locale.ptBR,
   "en": locale.enUS,
@@ -20109,7 +20055,7 @@ exports.DeleteSwipeAction = DeleteSwipeAction;
 exports.Description = Description3;
 exports.DetailsPopover = DetailsPopover;
 exports.DevModeBanner = DevModeBanner;
-exports.Dialog = Dialog4;
+exports.Dialog = Dialog5;
 exports.DialogActions = DialogActions;
 exports.DialogBody = DialogBody;
 exports.DialogDescription = DialogDescription;
@@ -20237,7 +20183,6 @@ exports.MEXICO_MAP_CENTER = MEXICO_MAP_CENTER;
 exports.MEXICO_STATE_COORDINATES = MEXICO_STATE_COORDINATES;
 exports.MEXICO_STATE_PALETTES = MEXICO_STATE_PALETTES;
 exports.MX_THEME_CONFIG = MX_THEME_CONFIG;
-exports.ManagementPageLayout = ManagementPageLayout;
 exports.ManagementSurface = ManagementSurface;
 exports.MapZoomControls = MapZoomControls;
 exports.MarketPricesCard = MarketPricesCard;
@@ -20354,7 +20299,6 @@ exports.SafeArea = SafeArea;
 exports.SafeAreaSpacer = SafeAreaSpacer;
 exports.SafeAreaView = SafeAreaView;
 exports.SearchBar = SearchBar;
-exports.SearchFilterToolbar = SearchFilterToolbar;
 exports.SearchInput = SearchInput;
 exports.SectionCard = SectionCard;
 exports.SectionHeader = SectionHeader;
@@ -20684,5 +20628,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-FNA66TT4.js.map
-//# sourceMappingURL=chunk-FNA66TT4.js.map
+//# sourceMappingURL=chunk-MT66VKLS.js.map
+//# sourceMappingURL=chunk-MT66VKLS.js.map