lkd-web-kit 0.7.14 → 0.7.16

package/dist/components/EmptyState/index.cjs

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

package/dist/components/Icon.cjs

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

package/dist/components/InfinityLoadMoreButton/index.cjs

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
+const clsx = require('clsx');
 const React = require('react');
 
 const InfinityLoadMoreButton = ({
@@ -14,7 +15,9 @@ const InfinityLoadMoreButton = ({
   ...props
 }) => {
   const { entry, ref } = hooks.useIntersection({
-    root: parentRef?.current ?? void 0
+    root: parentRef?.current,
+    rootMargin: "0px 0px 0px 0px",
+    threshold: 0.5
   });
   const {
     loadMore = "Cargar más",
@@ -22,17 +25,21 @@ const InfinityLoadMoreButton = ({
     end = "Fin de la lista"
   } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  const isIntersecting = entry?.isIntersecting ?? false;
   React.useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && isIntersecting) fetchNextPage();
-  }, [hasNextPage, isFetchingNextPage, fetchNextPage, isIntersecting]);
-  return /* @__PURE__ */ require$$2.jsx(
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
+      fetchNextPage();
+  }, [entry?.isIntersecting]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
     core.Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      disabled: !hasNextPage || isFetchingNextPage,
-      variant: "subtle",
+      className: clsx(
+        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
+        "font-medium"
+      ),
+      variant: "transparent",
+      color: !hasNextPage ? "gray" : void 0,
       ...props,
       children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
     }

package/dist/components/InfinityLoadMoreButton/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button } from '@mantine/core';
 import { useIntersection } from '@mantine/hooks';
+import clsx from 'clsx';
 import { useEffect } from 'react';
 
 const InfinityLoadMoreButton = ({
@@ -10,7 +11,9 @@ const InfinityLoadMoreButton = ({
   ...props
 }) => {
   const { entry, ref } = useIntersection({
-    root: parentRef?.current ?? void 0
+    root: parentRef?.current,
+    rootMargin: "0px 0px 0px 0px",
+    threshold: 0.5
   });
   const {
     loadMore = "Cargar más",
@@ -18,17 +21,21 @@ const InfinityLoadMoreButton = ({
     end = "Fin de la lista"
   } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  const isIntersecting = entry?.isIntersecting ?? false;
   useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && isIntersecting) fetchNextPage();
-  }, [hasNextPage, isFetchingNextPage, fetchNextPage, isIntersecting]);
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
+      fetchNextPage();
+  }, [entry?.isIntersecting]);
   return /* @__PURE__ */ jsx(
     Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      disabled: !hasNextPage || isFetchingNextPage,
-      variant: "subtle",
+      className: clsx(
+        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
+        "font-medium"
+      ),
+      variant: "transparent",
+      color: !hasNextPage ? "gray" : void 0,
       ...props,
       children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
     }

package/dist/components/{SelectInfinity → InfinitySelect}/index.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
@@ -71,7 +71,7 @@ function InfinitySelect({
     getScrollElement: () => scrollRef.current
   });
   const scrollRef = React.useRef(null);
-  return /* @__PURE__ */ require$$2.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     core.Combobox,
     {
       store: combobox,
@@ -91,10 +91,10 @@ function InfinitySelect({
       },
       ...comboboxProps,
       children: [
-        /* @__PURE__ */ require$$2.jsx(core.Combobox.Target, { children: /* @__PURE__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
           core.InputBase,
           {
-            rightSection: props.readOnly ? null : value ? /* @__PURE__ */ require$$2.jsx(core.Input.ClearButton, { onClick: _reset }) : /* @__PURE__ */ require$$2.jsx(core.Combobox.Chevron, {}),
+            rightSection: props.readOnly ? null : value ? /* @__PURE__ */ jsxRuntime.jsx(core.Input.ClearButton, { onClick: _reset }) : /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Chevron, {}),
             component: "input",
             rightSectionPointerEvents: value ? void 0 : "none",
             readOnly: !searchable || props.readOnly,
@@ -106,7 +106,8 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly)
+                searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
@@ -122,18 +123,22 @@ function InfinitySelect({
             variant: props.readOnly ? "filled" : "default"
           }
         ) }),
-        /* @__PURE__ */ require$$2.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ require$$2.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ jsxRuntime.jsx(
           core.Combobox.Options,
           {
+            mih: 50,
             mah: 200,
             style: {
               overflowY: "auto"
             },
             ref: scrollRef,
-            children: [
-              data.length > 0 ? /* @__PURE__ */ require$$2.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
+            children: data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
                 const option = data[virtualItem.index];
-                const virtualItemProps = virtualStyles.getVirtualItemProps(virtualItem, virtualizer);
+                const virtualItemProps = virtualStyles.getVirtualItemProps(
+                  virtualItem,
+                  virtualizer
+                );
                 return /* @__PURE__ */ React.createElement(
                   core.Combobox.Option,
                   {
@@ -147,8 +152,8 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !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(core.Center, { children: /* @__PURE__ */ require$$2.jsx(
+              }) }),
+              virtualizer.getTotalSize() !== 0 && /* @__PURE__ */ jsxRuntime.jsx(core.Center, { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
                 index$1.InfinityLoadMoreButton,
                 {
                   infinity,
@@ -157,7 +162,7 @@ function InfinitySelect({
                   ...loadMoreButtonProps
                 }
               ) })
-            ]
+            ] }) : !infinity.isFetching ? /* @__PURE__ */ jsxRuntime.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null
           }
         ) })
       ]

package/dist/components/{SelectInfinity → InfinitySelect}/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useEffect, useRef, createElement } from 'react';
 import { useCombobox, Combobox, InputBase, Input, Center } from '@mantine/core';
 import { useUncontrolled } from '@mantine/hooks';
@@ -102,7 +102,8 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly)
+                searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
@@ -118,18 +119,22 @@ function InfinitySelect({
             variant: props.readOnly ? "filled" : "default"
           }
         ) }),
-        /* @__PURE__ */ jsx(Combobox.Dropdown, { children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Combobox.Dropdown, { children: /* @__PURE__ */ jsx(
           Combobox.Options,
           {
+            mih: 50,
             mah: 200,
             style: {
               overflowY: "auto"
             },
             ref: scrollRef,
-            children: [
-              data.length > 0 ? /* @__PURE__ */ jsx("div", { ...getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
+            children: data.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { ...getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
                 const option = data[virtualItem.index];
-                const virtualItemProps = getVirtualItemProps(virtualItem, virtualizer);
+                const virtualItemProps = getVirtualItemProps(
+                  virtualItem,
+                  virtualizer
+                );
                 return /* @__PURE__ */ createElement(
                   Combobox.Option,
                   {
@@ -143,8 +148,8 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
-              /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(
+              }) }),
+              virtualizer.getTotalSize() !== 0 && /* @__PURE__ */ jsx(Center, { className: "mt-2", children: /* @__PURE__ */ jsx(
                 InfinityLoadMoreButton,
                 {
                   infinity,
@@ -153,7 +158,7 @@ function InfinitySelect({
                   ...loadMoreButtonProps
                 }
               ) })
-            ]
+            ] }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null
           }
         ) })
       ]

package/dist/components/MyCheckboxGroup/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
 const MyCheckboxGroup = ({
@@ -12,7 +12,7 @@ const MyCheckboxGroup = ({
   ...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(
+  return /* @__PURE__ */ jsxRuntime.jsx(core.CheckboxGroup, { ...checkboxGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
     core.Checkbox,
     {
       ...option

package/dist/components/MyDateInput/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyDateInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyDateInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   dates.DateInput,
   {
-    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const CalendarIcon = ({ size = "sm", ...props }) => {
-  return /* @__PURE__ */ require$$2.jsxs(
+  return /* @__PURE__ */ jsxRuntime.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__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -21,7 +21,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -30,7 +30,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -39,7 +39,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             fillRule: "evenodd",
@@ -48,7 +48,7 @@ const CalendarIcon = ({ size = "sm", ...props }) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ require$$2.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             fillRule: "evenodd",

package/dist/components/MyDatePickerInput/index.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('./CalendarIcon.cjs');
 
-const MyDatePickerInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyDatePickerInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   dates.DatePickerInput,
   {
-    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyDateTimePicker = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyDateTimePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   dates.DateTimePicker,
   {
-    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const dates = require('@mantine/dates');
 const CalendarIcon = require('../MyDatePickerInput/CalendarIcon.cjs');
 
-const MyMonthPickerInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyMonthPickerInput = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   dates.MonthPickerInput,
   {
-    leftSection: /* @__PURE__ */ require$$2.jsx(CalendarIcon, { size: props.size }),
+    leftSection: /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyMultiSelect = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyMultiSelect = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const notifications = require('@mantine/notifications');
 ;/* empty css                                                     */
 
-const MyNotifications = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyNotifications = (props) => /* @__PURE__ */ jsxRuntime.jsx(
   notifications.Notifications,
   {
     position: "top-center",

package/dist/components/MyNumberInput/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyNumberInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyNumberInput = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = 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__ */ require$$2.jsx(core.Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ require$$2.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ require$$2.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Radio.Group, { ...radioGroupProps, children: /* @__PURE__ */ jsxRuntime.jsx(Container, { gap, children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
     core.Radio,
     {
       ...option

package/dist/components/MySelect/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MySelect = (props) => /* @__PURE__ */ require$$2.jsx(
+const MySelect = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTextInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyTextInput = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTextarea = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyTextarea = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyTimeInput = (props) => /* @__PURE__ */ require$$2.jsx(
+const MyTimeInput = (props) => /* @__PURE__ */ jsxRuntime.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 require$$2 = require('react/jsx-runtime');
+const jsxRuntime = 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__ */ require$$2.jsx(core.Stack, { gap: 0, children: items.map(({ href, isActive, ...navLinkProps }) => {
+  return /* @__PURE__ */ jsxRuntime.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__ */ require$$2.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(
         core.NavLink,
         {
           active,
@@ -25,7 +25,7 @@ const NavItems = ({ items, activeStrategy = "includes" }) => {
         navLinkProps.label
       );
     }
-    return /* @__PURE__ */ require$$2.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       core.NavLink,
       {
         active: isActive,

package/dist/contexts/NavigationHistoryContext/hook.cjs

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const navigation = require('next/navigation');
-const router = require('../../_virtual/router.cjs');
+const router = require('next/router');
 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();
+  const router$1 = router.useRouter();
   if (!context) {
     throw new Error("useNavigationHistory debe usarse dentro de un NavigationHistoryProvider");
   }

package/dist/contexts/NavigationHistoryContext/hook.js

@@ -1,12 +1,12 @@
 import { useSearchParams } from 'next/navigation';
-import { r as routerExports } from '../../_virtual/router.js';
+import { useRouter } from 'next/router';
 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();
+  const router = useRouter();
   if (!context) {
     throw new Error("useNavigationHistory debe usarse dentro de un NavigationHistoryProvider");
   }