lkd-web-kit 0.7.8 → 0.7.10

package/dist/components/EmptyState/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const Icon = require('../Icon.cjs');
 const core = require('@mantine/core');
 
@@ -13,7 +13,7 @@ const pxBySize = {
 };
 const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
   const { colors } = core.useMantineTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ require$$2.jsxs(
     "div",
     {
       style: {
@@ -25,7 +25,7 @@ const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
       },
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(
+        icon && /* @__PURE__ */ require$$2.jsx(
           Icon.Icon,
           {
             i: icon,
@@ -35,7 +35,7 @@ const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
             }
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           core.Text,
           {
             c: "gray.6",
@@ -46,7 +46,7 @@ const EmptyState = ({ label, action, icon, size = "md", ...props }) => {
             children: label
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: action })
+        /* @__PURE__ */ require$$2.jsx("div", { children: action })
       ]
     }
   );

package/dist/components/Icon.cjs

@@ -3,10 +3,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 
 const Icon = ({ i: I, size = "md", style, rotate, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ require$$2.jsx(
     I,
     {
       ...typeof size === "number" ? {

package/dist/components/InfinityLoader/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
 const React = require('react');
@@ -31,9 +31,9 @@ const InfinityLoader = ({
   const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
   const showEndMessage = infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage;
   if (!showLoader && !showEndMessage) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref });
+    return /* @__PURE__ */ require$$2.jsx("div", { ref });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ require$$2.jsx(
     core.Center,
     {
       ref,
@@ -43,7 +43,7 @@ const InfinityLoader = ({
         fontSize: "14px",
         ...props.style
       },
-      children: showLoader ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { ...loaderProps }) : showEndMessage ? endMessage : null
+      children: showLoader ? /* @__PURE__ */ require$$2.jsx(core.Loader, { ...loaderProps }) : showEndMessage ? endMessage : null
     }
   );
 };

package/dist/components/MyCheckboxGroup/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$2 = require('react/jsx-runtime');
+const core = require('@mantine/core');
+
+const MyCheckboxGroup = ({
+  options,
+  orientation = "horizontal",
+  gap = "md",
+  ...checkboxGroupProps
+}) => {
+  const Container = orientation === "horizontal" ? core.Group : core.Stack;
+  return /* @__PURE__ */ require$$2.jsx(core.CheckboxGroup, { ...checkboxGroupProps, children: /* @__PURE__ */ require$$2.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ require$$2.jsx(
+    core.Checkbox,
+    {
+      ...option
+    },
+    String(option.value) || String(index)
+  )) }) });
+};
+
+exports.MyCheckboxGroup = MyCheckboxGroup;

package/dist/components/MyCheckboxGroup/index.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { CheckboxGroup, Group, Stack, Checkbox } from '@mantine/core';
+
+const MyCheckboxGroup = ({
+  options,
+  orientation = "horizontal",
+  gap = "md",
+  ...checkboxGroupProps
+}) => {
+  const Container = orientation === "horizontal" ? Group : Stack;
+  return /* @__PURE__ */ jsx(CheckboxGroup, { ...checkboxGroupProps, children: /* @__PURE__ */ jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      ...option
+    },
+    String(option.value) || String(index)
+  )) }) });
+};
+
+export { MyCheckboxGroup };

package/dist/components/MyDateInput/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyDateInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyDateInput = (props) => /* @__PURE__ */ require$$2.jsx(
   dates.DateInput,
   {
-    leftSection: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
     leftSectionPointerEvents: "none",
     variant: props.readOnly ? "filled" : "default",
     ...props

package/dist/components/MyDatePickerInput/CalendarIcon.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 
 const CalendarIcon = ({ size = "sm", ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ require$$2.jsxs(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -12,7 +12,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
       width: size === "sm" ? 20 : 24,
       height: size === "sm" ? 20 : 24,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -21,7 +21,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -30,7 +30,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -39,7 +39,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -48,7 +48,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(
           "path",
           {
             fillRule: "evenodd",

package/dist/components/MyDatePickerInput/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('./CalendarIcon.cjs');
 
-const MyDatePickerInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyDatePickerInput = (props) => /* @__PURE__ */ require$$2.jsx(
   dates.DatePickerInput,
   {
-    leftSection: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
     leftSectionPointerEvents: "none",
     variant: props.readOnly ? "filled" : "default",
     ...props

package/dist/components/MyDateTimePicker/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyDateTimePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyDateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(
   dates.DateTimePicker,
   {
-    leftSection: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
     leftSectionPointerEvents: "none",
     variant: props.readOnly ? "filled" : "default",
     ...props

package/dist/components/MyMonthPickerInput/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyMonthPickerInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyMonthPickerInput = (props) => /* @__PURE__ */ require$$2.jsx(
   dates.MonthPickerInput,
   {
-    leftSection: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
     leftSectionPointerEvents: "none",
     variant: props.readOnly ? "filled" : "default",
     ...props

package/dist/components/MyMultiSelect/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyMultiSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyMultiSelect = (props) => /* @__PURE__ */ require$$2.jsx(
   core.MultiSelect,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/MyNotifications/index.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const notifications = require('@mantine/notifications');
 ;/* empty css                                                     */
 
-const MyNotifications = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyNotifications = (props) => /* @__PURE__ */ require$$2.jsx(
   notifications.Notifications,
   {
     position: "top-center",

package/dist/components/MyNumberInput/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyNumberInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyNumberInput = (props) => /* @__PURE__ */ require$$2.jsx(
   core.NumberInput,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/MyRadioGroup/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
 const MyRadioGroup = ({
@@ -12,7 +12,7 @@ const MyRadioGroup = ({
   ...radioGroupProps
 }) => {
   const Container = orientation === "horizontal" ? core.Group : core.Stack;
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ require$$2.jsx(core.Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ require$$2.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ require$$2.jsx(
     core.Radio,
     {
       ...option

package/dist/components/MySelect/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MySelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MySelect = (props) => /* @__PURE__ */ require$$2.jsx(
   core.Select,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextInput/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTextInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyTextInput = (props) => /* @__PURE__ */ require$$2.jsx(
   core.TextInput,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTextarea/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTextarea = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyTextarea = (props) => /* @__PURE__ */ require$$2.jsx(
   core.Textarea,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/MyTimeInput/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTimeInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
+const MyTimeInput = (props) => /* @__PURE__ */ require$$2.jsx(
   core.TextInput,
   {
     variant: props.readOnly ? "filled" : "default",

package/dist/components/NavItems.cjs

@@ -3,17 +3,17 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const Link = require('next/link');
 const navigation = require('next/navigation');
 
 const NavItems = ({ items, activeStrategy = "includes" }) => {
   const pathname = navigation.usePathname();
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 0, children: items.map(({ href, isActive, ...navLinkProps }) => {
+  return /* @__PURE__ */ require$$2.jsx(core.Stack, { gap: 0, children: items.map(({ href, isActive, ...navLinkProps }) => {
     if (href) {
       const active = isActive ?? (activeStrategy === "equals" ? href === pathname : href.includes(pathname));
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ require$$2.jsx(
         core.NavLink,
         {
           active,
@@ -25,7 +25,7 @@ const NavItems = ({ items, activeStrategy = "includes" }) => {
         navLinkProps.label
       );
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ require$$2.jsx(
       core.NavLink,
       {
         active: isActive,

package/dist/components/SelectInfinity/index.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const React = require('react');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
@@ -70,7 +70,7 @@ function InfinitySelect({
     getScrollElement: () => scrollRef.current
   });
   const scrollRef = React.useRef(null);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ require$$2.jsxs(
     core.Combobox,
     {
       store: combobox,
@@ -90,10 +90,10 @@ function InfinitySelect({
       },
       ...comboboxProps,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ require$$2.jsx(core.Combobox.Target, { children: /* @__PURE__ */ require$$2.jsx(
           core.InputBase,
           {
-            rightSection: props.readOnly ? null : value ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.ClearButton, { onClick: _reset }) : /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Chevron, {}),
+            rightSection: props.readOnly ? null : value ? /* @__PURE__ */ require$$2.jsx(core.Input.ClearButton, { onClick: _reset }) : /* @__PURE__ */ require$$2.jsx(core.Combobox.Chevron, {}),
             component: "input",
             rightSectionPointerEvents: value ? void 0 : "none",
             readOnly: !searchable || props.readOnly,
@@ -121,7 +121,7 @@ function InfinitySelect({
             variant: props.readOnly ? "filled" : "default"
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ require$$2.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ require$$2.jsxs(
           core.Combobox.Options,
           {
             mah: 200,
@@ -130,7 +130,7 @@ function InfinitySelect({
             },
             ref: scrollRef,
             children: [
-              data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
+              data.length > 0 ? /* @__PURE__ */ require$$2.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
                 const option = data[virtualItem.index];
                 const virtualItemProps = virtualStyles.getVirtualItemProps(virtualItem, virtualizer);
                 return /* @__PURE__ */ React.createElement(
@@ -146,8 +146,8 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(
+              }) }) : !infinity.isFetching ? /* @__PURE__ */ require$$2.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
+              /* @__PURE__ */ require$$2.jsx(
                 index$1.InfinityLoader,
                 {
                   root: scrollRef,

package/dist/contexts/NavigationHistoryContext/hook.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigation = require('next/navigation');
+const router = require('../../_virtual/router.cjs');
+const React = require('react');
+const index = require('./index.cjs');
+
+const QP_BACK_URL_NAME = "backUrl";
+function useNavigationHistory() {
+  const context = React.useContext(index.NavigationHistoryContext);
+  const router$1 = router.routerExports.useRouter();
+  if (!context) {
+    throw new Error("useNavigationHistory debe usarse dentro de un NavigationHistoryProvider");
+  }
+  const searchParams = navigation.useSearchParams();
+  const { history } = context;
+  const goBack = (fallback) => {
+    const returnUrl = searchParams.get(QP_BACK_URL_NAME);
+    if (returnUrl) {
+      router$1.push(returnUrl);
+      return;
+    }
+    if (history.length <= 1) {
+      router$1.push(fallback ?? "/");
+      return;
+    }
+    const previousRoute = history[history.length - 2];
+    const currentRoute = history[history.length - 1];
+    if (history.length >= 3 && history[history.length - 3] === currentRoute) {
+      router$1.push(fallback ?? "/");
+      return;
+    }
+    router$1.push(previousRoute ?? "/");
+  };
+  return {
+    history,
+    goBack,
+    currentRoute: history.length > 0 ? history[history.length - 1] : null,
+    hasPreviousRoute: history.length > 1,
+    getPreviousRoute: () => history.length >= 2 ? history[history.length - 2] : null
+  };
+}
+
+exports.QP_BACK_URL_NAME = QP_BACK_URL_NAME;
+exports.useNavigationHistory = useNavigationHistory;

package/dist/contexts/NavigationHistoryContext/hook.js

@@ -0,0 +1,42 @@
+import { useSearchParams } from 'next/navigation';
+import { r as routerExports } from '../../_virtual/router.js';
+import { useContext } from 'react';
+import { NavigationHistoryContext } from './index.js';
+
+const QP_BACK_URL_NAME = "backUrl";
+function useNavigationHistory() {
+  const context = useContext(NavigationHistoryContext);
+  const router = routerExports.useRouter();
+  if (!context) {
+    throw new Error("useNavigationHistory debe usarse dentro de un NavigationHistoryProvider");
+  }
+  const searchParams = useSearchParams();
+  const { history } = context;
+  const goBack = (fallback) => {
+    const returnUrl = searchParams.get(QP_BACK_URL_NAME);
+    if (returnUrl) {
+      router.push(returnUrl);
+      return;
+    }
+    if (history.length <= 1) {
+      router.push(fallback ?? "/");
+      return;
+    }
+    const previousRoute = history[history.length - 2];
+    const currentRoute = history[history.length - 1];
+    if (history.length >= 3 && history[history.length - 3] === currentRoute) {
+      router.push(fallback ?? "/");
+      return;
+    }
+    router.push(previousRoute ?? "/");
+  };
+  return {
+    history,
+    goBack,
+    currentRoute: history.length > 0 ? history[history.length - 1] : null,
+    hasPreviousRoute: history.length > 1,
+    getPreviousRoute: () => history.length >= 2 ? history[history.length - 2] : null
+  };
+}
+
+export { QP_BACK_URL_NAME, useNavigationHistory };

package/dist/contexts/NavigationHistoryContext/index.cjs

@@ -3,64 +3,32 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
 const navigation = require('next/navigation');
 const React = require('react');
 
 const NavigationHistoryContext = React.createContext(null);
 function NavigationHistoryProvider({ children }) {
+  const historyRef = React.useRef([]);
+  return /* @__PURE__ */ require$$2.jsxs(NavigationHistoryContext.Provider, { value: { history: historyRef.current }, children: [
+    /* @__PURE__ */ require$$2.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ require$$2.jsx(HistoryTracker, { historyRef }) }),
+    children
+  ] });
+}
+function HistoryTracker({ historyRef }) {
   const pathname = navigation.usePathname();
   const searchParams = navigation.useSearchParams();
-  const [history, setHistory] = React.useState([]);
   React.useEffect(() => {
     const fullPath = searchParams?.size ? `${pathname}?${searchParams.toString()}` : pathname;
     if (fullPath) {
-      setHistory((prev) => {
-        if (prev.length > 0 && prev[prev.length - 1] === fullPath) {
-          return prev;
-        }
-        return [...prev, fullPath];
-      });
-    }
-  }, [pathname, searchParams]);
-  return /* @__PURE__ */ jsxRuntime.jsx(NavigationHistoryContext.Provider, { value: { history }, children });
-}
-const QP_BACK_URL_NAME = "backUrl";
-function useNavigationHistory() {
-  const context = React.useContext(NavigationHistoryContext);
-  const router = navigation.useRouter();
-  if (!context) {
-    throw new Error("useNavigationHistory debe usarse dentro de un NavigationHistoryProvider");
-  }
-  const searchParams = navigation.useSearchParams();
-  const { history } = context;
-  const goBack = (fallback) => {
-    const returnUrl = searchParams.get(QP_BACK_URL_NAME);
-    if (returnUrl) {
-      router.push(returnUrl);
-      return;
-    }
-    if (history.length <= 1) {
-      router.push(fallback ?? "/");
-      return;
-    }
-    const previousRoute = history[history.length - 2];
-    const currentRoute = history[history.length - 1];
-    if (history.length >= 3 && history[history.length - 3] === currentRoute) {
-      router.push(fallback ?? "/");
-      return;
+      const currentHistory = historyRef.current;
+      if (currentHistory.length > 0 && currentHistory[currentHistory.length - 1] === fullPath)
+        return;
+      historyRef.current = [...currentHistory, fullPath];
     }
-    router.push(previousRoute ?? "/");
-  };
-  return {
-    history,
-    goBack,
-    currentRoute: history.length > 0 ? history[history.length - 1] : null,
-    hasPreviousRoute: history.length > 1,
-    getPreviousRoute: () => history.length >= 2 ? history[history.length - 2] : null
-  };
+  }, [pathname, searchParams, historyRef]);
+  return null;
 }
 
+exports.NavigationHistoryContext = NavigationHistoryContext;
 exports.NavigationHistoryProvider = NavigationHistoryProvider;
-exports.QP_BACK_URL_NAME = QP_BACK_URL_NAME;
-exports.useNavigationHistory = useNavigationHistory;