lkd-web-kit 0.3.18 → 0.3.19

package/dist/hocs/withForm.cjs

@@ -0,0 +1,51 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactHookForm = require('react-hook-form');
+const zodValidator = require('../form/utils/zodValidator.cjs');
+
+const withForm = (WrappedComponent, getControllerProps) => {
+  const FormField = (props) => {
+    const { validate, name = "", placeholder, label, description, ...withFormRestProps } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name,
+        defaultValue: "",
+        rules: {
+          validate: validate && !props.disabled ? zodValidator.zodValidator(validate) : void 0
+        },
+        disabled: props.disabled,
+        ...getControllerProps?.(props),
+        render: (renderProps) => {
+          const {
+            fieldState: { error }
+          } = renderProps;
+          const fieldProps = {
+            ...renderProps,
+            props: {
+              ...props,
+              validate: void 0
+            },
+            field: {
+              ...renderProps.field,
+              label,
+              placeholder,
+              description,
+              error: error?.message
+            },
+            ...withFormRestProps
+          };
+          return /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...fieldProps });
+        }
+      }
+    );
+  };
+  FormField.displayName = `WithForm(${WrappedComponent.displayName})`;
+  return FormField;
+};
+
+exports.withForm = withForm;

package/dist/{index38.mjs → hocs/withForm.js}

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { Controller } from 'react-hook-form';
-import { zodValidator } from './index23.mjs';
+import { zodValidator } from '../form/utils/zodValidator.js';
 
 const withForm = (WrappedComponent, getControllerProps) => {
   const FormField = (props) => {

package/dist/hocs/withModalManager.cjs

@@ -0,0 +1,38 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+
+const withModalManager = (WrappedComponent) => {
+  const Component = ({
+    removeModal,
+    opened,
+    ...props
+  }) => {
+    const [isOpen, setIsOpen] = react.useState(false);
+    const onClose = () => {
+      setIsOpen(false);
+      setTimeout(() => removeModal(), 200);
+      props.onClose?.();
+    };
+    react.useEffect(() => {
+      if (opened) setTimeout(() => setIsOpen(true), 0);
+      else onClose();
+    }, [opened]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      WrappedComponent,
+      {
+        ...props,
+        opened: isOpen,
+        onClose
+      }
+    );
+  };
+  Component.displayName = `WithModalManager(${WrappedComponent.displayName})`;
+  return Component;
+};
+
+exports.withModalManager = withModalManager;

package/dist/hooks/useBreakpoint.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@mantine/core');
+
+const useBreakpoint = (breakpoint) => {
+  const result = core.useMatches({
+    [breakpoint]: true
+  });
+  return !!result;
+};
+
+exports.useBreakpoint = useBreakpoint;

package/dist/hooks/useFetchNextPageOnScroll.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useOnScrollProgress = require('./useOnScrollProgress.cjs');
+
+const useFetchNextPageOnScroll = ({
+  infinity,
+  scrollRef,
+  disabled = false
+}) => {
+  useOnScrollProgress.useOnScrollProgress({
+    triggerPercentage: 0.9,
+    callback: () => {
+      if (infinity.hasNextPage) infinity.fetchNextPage();
+    },
+    scrollRef,
+    disabled
+  });
+};
+
+exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll;

package/dist/{index41.mjs → hooks/useFetchNextPageOnScroll.js}

@@ -1,5 +1,5 @@
 'use client';
-import { useOnScrollProgress } from './index42.mjs';
+import { useOnScrollProgress } from './useOnScrollProgress.js';
 
 const useFetchNextPageOnScroll = ({
   infinity,

package/dist/hooks/useOnScrollProgress.cjs

@@ -0,0 +1,39 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const useOnScrollProgress = ({
+  triggerPercentage,
+  callback,
+  scrollRef,
+  disabled = false
+}) => {
+  if (triggerPercentage < 0 || triggerPercentage > 1)
+    throw new Error("El porcentaje debe estar entre 0 y 1");
+  react.useEffect(() => {
+    if (disabled || scrollRef && scrollRef.current === null) return;
+    let hasTriggered = false;
+    const handleScroll = () => {
+      const el = scrollRef?.current;
+      const target = el ?? document.documentElement;
+      const scrollHeight = target.scrollHeight - target.clientHeight;
+      const scrollTop = el ? target.scrollTop : window.scrollY;
+      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+      if (!hasTriggered && scrollProgress >= triggerPercentage) {
+        callback();
+        hasTriggered = true;
+      }
+    };
+    const scrollTarget = scrollRef?.current ?? window;
+    scrollTarget.addEventListener("scroll", handleScroll);
+    handleScroll();
+    return () => {
+      scrollTarget.removeEventListener("scroll", handleScroll);
+    };
+  }, [triggerPercentage, callback, scrollRef, disabled]);
+};
+
+exports.useOnScrollProgress = useOnScrollProgress;

package/dist/hooks/useUpdateSearchParams.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigation = require('next/navigation');
+
+const useUpdateSearchParams = () => {
+  const searchParams = navigation.useSearchParams();
+  const updateSearchParams = (newSearchparams) => {
+    const params = new URLSearchParams(searchParams.toString());
+    Object.entries(newSearchparams).forEach(([key, value]) => {
+      if (value === null) {
+        params.delete(key);
+        return;
+      }
+      params.set(key, String(value));
+    });
+    window?.history?.pushState(null, "", `?${params.toString()}`);
+  };
+  return { updateSearchParams, searchParams };
+};
+
+exports.useUpdateSearchParams = useUpdateSearchParams;

package/dist/index.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('./components/EmptyState/index.cjs');
+const index$1 = require('./components/InfinityLoader/index.cjs');
+const NavItems = require('./components/NavItems.cjs');
+const Icon = require('./components/Icon.cjs');
+const index$2 = require('./components/MyDatePickerInput/index.cjs');
+const index$3 = require('./components/MyDateTimePicker/index.cjs');
+const index$4 = require('./components/MyNotifications/index.cjs');
+const index$5 = require('./components/MyNumberInput/index.cjs');
+const index$6 = require('./components/MySelect/index.cjs');
+const index$7 = require('./components/MyTextarea/index.cjs');
+const index$8 = require('./components/MyTextInput/index.cjs');
+const index$9 = require('./components/MyTimeInput/index.cjs');
+const index$a = require('./components/SelectInfinity/index.cjs');
+const index$b = require('./components/MyMultiSelect/index.cjs');
+const index$c = require('./components/MyMonthPickerInput/index.cjs');
+const httpStatus = require('./consts/http-status.cjs');
+const revalidate = require('./consts/revalidate.cjs');
+const index$d = require('./contexts/NavigationHistoryContext/index.cjs');
+const index$e = require('./contexts/PageDataContext/index.cjs');
+const Form = require('./form/Form.cjs');
+const FormButtonSubmit = require('./form/FormButtonSubmit.cjs');
+const zodValidator = require('./form/utils/zodValidator.cjs');
+const nullableButRequired = require('./form/utils/nullable-but-required.cjs');
+const optionalButRequired = require('./form/utils/optional-but-required.cjs');
+const FormCheckbox = require('./form/base/FormCheckbox.cjs');
+const FormDatePickerInput = require('./form/base/FormDatePickerInput.cjs');
+const FormDateTimePicker = require('./form/base/FormDateTimePicker.cjs');
+const FormNumberInput = require('./form/base/FormNumberInput.cjs');
+const FormRadioGroup = require('./form/base/FormRadioGroup.cjs');
+const FormSelect = require('./form/base/FormSelect.cjs');
+const FormSelectInfinity = require('./form/base/FormSelectInfinity.cjs');
+const FormTextarea = require('./form/base/FormTextarea.cjs');
+const FormTextInput = require('./form/base/FormTextInput.cjs');
+const FormTimeInput = require('./form/base/FormTimeInput.cjs');
+const FormMultiSelect = require('./form/base/FormMultiSelect.cjs');
+const FormMonthPickerInput = require('./form/base/FormMonthPickerInput.cjs');
+const withForm = require('./hocs/withForm.cjs');
+const withModalManager = require('./hocs/withModalManager.cjs');
+const useBreakpoint = require('./hooks/useBreakpoint.cjs');
+const useFetchNextPageOnScroll = require('./hooks/useFetchNextPageOnScroll.cjs');
+const useOnScrollProgress = require('./hooks/useOnScrollProgress.cjs');
+const useUpdateSearchParams = require('./hooks/useUpdateSearchParams.cjs');
+const breakpointsWithPx = require('./mantine/breakpoints-with-px.cjs');
+const toTailwindColors = require('./mantine/to-tailwind-colors.cjs');
+const myDefaultTheme = require('./mantine/my-default-theme.cjs');
+const formatBytes = require('./utils/formatBytes.cjs');
+const addBodyJsonHook = require('./utils/ky/addBodyJsonHook.cjs');
+const parseJson = require('./utils/ky/parseJson.cjs');
+const groupBy = require('./utils/array/groupBy.cjs');
+const shuffleArray = require('./utils/array/shuffleArray.cjs');
+const newHref = require('./utils/newHref.cjs');
+const isInfinityEmpty = require('./utils/isInfinityEmpty.cjs');
+
+
+
+exports.EmptyState = index.EmptyState;
+exports.InfinityLoader = index$1.InfinityLoader;
+exports.NavItems = NavItems.NavItems;
+exports.Icon = Icon.Icon;
+exports.MyDatePickerInput = index$2.MyDatePickerInput;
+exports.MyDateTimePicker = index$3.MyDateTimePicker;
+exports.MyNotifications = index$4.MyNotifications;
+exports.MyNumberInput = index$5.MyNumberInput;
+exports.MySelect = index$6.MySelect;
+exports.MyTextarea = index$7.MyTextarea;
+exports.MyTextInput = index$8.MyTextInput;
+exports.MyTimeInput = index$9.MyTimeInput;
+exports.SelectInfinity = index$a.SelectInfinity;
+exports.MyMultiSelect = index$b.MyMultiSelect;
+exports.MyMonthPickerInput = index$c.MyMonthPickerInput;
+exports.HttpStatus = httpStatus.HttpStatus;
+exports.Revalidate = revalidate.Revalidate;
+exports.NavigationHistoryProvider = index$d.NavigationHistoryProvider;
+exports.QP_BACK_URL_NAME = index$d.QP_BACK_URL_NAME;
+exports.useNavigationHistory = index$d.useNavigationHistory;
+exports.PageDataProvider = index$e.PageDataProvider;
+exports.usePageData = index$e.usePageData;
+exports.Form = Form.Form;
+exports.FormButtonSubmit = FormButtonSubmit.FormButtonSubmit;
+exports.zodValidator = zodValidator.zodValidator;
+exports.nullableButRequired = nullableButRequired.nullableButRequired;
+exports.optionalButRequired = optionalButRequired.optionalButRequired;
+exports.FormCheckbox = FormCheckbox.FormCheckbox;
+exports.FormDatePickerInput = FormDatePickerInput.FormDatePickerInput;
+exports.FormDateTimePicker = FormDateTimePicker.FormDateTimePicker;
+exports.FormNumberInput = FormNumberInput.FormNumberInput;
+exports.FormRadioGroup = FormRadioGroup.FormRadioGroup;
+exports.FormSelect = FormSelect.FormSelect;
+exports.FormSelectInfinity = FormSelectInfinity.FormSelectInfinity;
+exports.FormTextarea = FormTextarea.FormTextarea;
+exports.FormTextInput = FormTextInput.FormTextInput;
+exports.FormTimeInput = FormTimeInput.FormTimeInput;
+exports.numberToTimeInput = FormTimeInput.numberToTimeInput;
+exports.timeInputToNumber = FormTimeInput.timeInputToNumber;
+exports.FormMultiSelect = FormMultiSelect.FormMultiSelect;
+exports.FormMonthPickerInput = FormMonthPickerInput.FormMonthPickerInput;
+exports.withForm = withForm.withForm;
+exports.withModalManager = withModalManager.withModalManager;
+exports.useBreakpoint = useBreakpoint.useBreakpoint;
+exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll.useFetchNextPageOnScroll;
+exports.useOnScrollProgress = useOnScrollProgress.useOnScrollProgress;
+exports.useUpdateSearchParams = useUpdateSearchParams.useUpdateSearchParams;
+exports.breakpointsWithPx = breakpointsWithPx.breakpointsWithPx;
+exports.toTailwindColors = toTailwindColors.toTailwindColors;
+exports.myDefaultTheme = myDefaultTheme.myDefaultTheme;
+exports.formatBytes = formatBytes.formatBytes;
+exports.addBodyJsonHook = addBodyJsonHook.addBodyJsonHook;
+exports.parseJSON = parseJson.parseJSON;
+exports.groupBy = groupBy.groupBy;
+exports.indexBy = groupBy.indexBy;
+exports.shuffleArray = shuffleArray.shuffleArray;
+exports.newHref = newHref.newHref;
+exports.isInfinityEmpty = isInfinityEmpty.isInfinityEmpty;

package/dist/index.js

@@ -0,0 +1,52 @@
+export { EmptyState } from './components/EmptyState/index.js';
+export { InfinityLoader } from './components/InfinityLoader/index.js';
+export { NavItems } from './components/NavItems.js';
+export { Icon } from './components/Icon.js';
+export { MyDatePickerInput } from './components/MyDatePickerInput/index.js';
+export { MyDateTimePicker } from './components/MyDateTimePicker/index.js';
+export { MyNotifications } from './components/MyNotifications/index.js';
+export { MyNumberInput } from './components/MyNumberInput/index.js';
+export { MySelect } from './components/MySelect/index.js';
+export { MyTextarea } from './components/MyTextarea/index.js';
+export { MyTextInput } from './components/MyTextInput/index.js';
+export { MyTimeInput } from './components/MyTimeInput/index.js';
+export { SelectInfinity } from './components/SelectInfinity/index.js';
+export { MyMultiSelect } from './components/MyMultiSelect/index.js';
+export { MyMonthPickerInput } from './components/MyMonthPickerInput/index.js';
+export { HttpStatus } from './consts/http-status.js';
+export { Revalidate } from './consts/revalidate.js';
+export { NavigationHistoryProvider, QP_BACK_URL_NAME, useNavigationHistory } from './contexts/NavigationHistoryContext/index.js';
+export { PageDataProvider, usePageData } from './contexts/PageDataContext/index.js';
+export { Form } from './form/Form.js';
+export { FormButtonSubmit } from './form/FormButtonSubmit.js';
+export { zodValidator } from './form/utils/zodValidator.js';
+export { nullableButRequired } from './form/utils/nullable-but-required.js';
+export { optionalButRequired } from './form/utils/optional-but-required.js';
+export { FormCheckbox } from './form/base/FormCheckbox.js';
+export { FormDatePickerInput } from './form/base/FormDatePickerInput.js';
+export { FormDateTimePicker } from './form/base/FormDateTimePicker.js';
+export { FormNumberInput } from './form/base/FormNumberInput.js';
+export { FormRadioGroup } from './form/base/FormRadioGroup.js';
+export { FormSelect } from './form/base/FormSelect.js';
+export { FormSelectInfinity } from './form/base/FormSelectInfinity.js';
+export { FormTextarea } from './form/base/FormTextarea.js';
+export { FormTextInput } from './form/base/FormTextInput.js';
+export { FormTimeInput, numberToTimeInput, timeInputToNumber } from './form/base/FormTimeInput.js';
+export { FormMultiSelect } from './form/base/FormMultiSelect.js';
+export { FormMonthPickerInput } from './form/base/FormMonthPickerInput.js';
+export { withForm } from './hocs/withForm.js';
+export { withModalManager } from './hocs/withModalManager.js';
+export { useBreakpoint } from './hooks/useBreakpoint.js';
+export { useFetchNextPageOnScroll } from './hooks/useFetchNextPageOnScroll.js';
+export { useOnScrollProgress } from './hooks/useOnScrollProgress.js';
+export { useUpdateSearchParams } from './hooks/useUpdateSearchParams.js';
+export { breakpointsWithPx } from './mantine/breakpoints-with-px.js';
+export { toTailwindColors } from './mantine/to-tailwind-colors.js';
+export { myDefaultTheme } from './mantine/my-default-theme.js';
+export { formatBytes } from './utils/formatBytes.js';
+export { addBodyJsonHook } from './utils/ky/addBodyJsonHook.js';
+export { parseJSON } from './utils/ky/parseJson.js';
+export { groupBy, indexBy } from './utils/array/groupBy.js';
+export { shuffleArray } from './utils/array/shuffleArray.js';
+export { newHref } from './utils/newHref.js';
+export { isInfinityEmpty } from './utils/isInfinityEmpty.js';

package/dist/mantine/breakpoints-with-px.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const breakpointsWithPx = {
+  xs: "576px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  ["2xl"]: "1536px"
+};
+
+exports.breakpointsWithPx = breakpointsWithPx;

package/dist/mantine/my-default-theme.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@mantine/core');
+const breakpointsWithPx = require('./breakpoints-with-px.cjs');
+
+const myDefaultTheme = {
+  breakpoints: breakpointsWithPx.breakpointsWithPx,
+  cursorType: "pointer",
+  components: {
+    Notification: core.Notification.extend({
+      defaultProps: {
+        withBorder: true
+      }
+    }),
+    AppShell: core.AppShell.extend({
+      defaultProps: {
+        padding: 0
+      }
+    }),
+    Select: core.Select.extend({
+      defaultProps: {
+        allowDeselect: false,
+        withCheckIcon: false,
+        clearable: true
+      }
+    }),
+    Menu: core.Menu.extend({
+      defaultProps: {
+        position: "bottom-end"
+      }
+    }),
+    Tooltip: core.Tooltip.extend({
+      defaultProps: {
+        multiline: true,
+        maw: 300
+      }
+    })
+  }
+};
+
+exports.myDefaultTheme = myDefaultTheme;

package/dist/{index46.mjs → mantine/my-default-theme.js}

@@ -1,5 +1,5 @@
 import { Tooltip, Menu, Select, AppShell, Notification } from '@mantine/core';
-import { breakpointsWithPx } from './index44.mjs';
+import { breakpointsWithPx } from './breakpoints-with-px.js';
 
 const myDefaultTheme = {
   breakpoints: breakpointsWithPx,

package/dist/mantine/to-tailwind-colors.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const toTailwindColors = (colors) => Object.entries(colors).reduce(
+  (acc, [key, value]) => {
+    acc[key] = value.reduce(
+      (acc2, color, index) => {
+        acc2[index] = color;
+        return acc2;
+      },
+      {}
+    );
+    return acc;
+  },
+  {}
+);
+
+exports.toTailwindColors = toTailwindColors;

package/dist/utils/array/groupBy.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function indexBy(arr, getKey, getValue) {
+  if (getValue)
+    return arr.reduce(
+      (acc, item) => {
+        const key = getKey(item);
+        if (key === void 0) return acc;
+        acc[key] = getValue(item);
+        return acc;
+      },
+      {}
+    );
+  return arr.reduce(
+    (acc, item) => {
+      const key = getKey(item);
+      if (key === void 0) return acc;
+      acc[key] = item;
+      return acc;
+    },
+    {}
+  );
+}
+const groupBy = (arr, getKey) => {
+  const groups = {};
+  arr?.forEach((item) => {
+    const key = getKey(item);
+    if (key === null) return;
+    if (Array.isArray(key)) {
+      key.forEach((k) => {
+        if (!groups[k]) groups[k] = [];
+        groups[k]?.push(item);
+      });
+      return;
+    }
+    if (!groups[key]) groups[key] = [];
+    groups[key]?.push(item);
+  });
+  return groups;
+};
+
+exports.groupBy = groupBy;
+exports.indexBy = indexBy;

package/dist/utils/array/shuffleArray.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shuffleArray = (array) => {
+  const shuffledArray = [...array];
+  let currentIndex = shuffledArray.length, randomIndex;
+  while (currentIndex > 0) {
+    randomIndex = Math.floor(Math.random() * currentIndex);
+    currentIndex--;
+    [shuffledArray[currentIndex], shuffledArray[randomIndex]] = [
+      shuffledArray[randomIndex],
+      shuffledArray[currentIndex]
+    ];
+  }
+  return shuffledArray;
+};
+
+exports.shuffleArray = shuffleArray;

package/dist/utils/formatBytes.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+function formatBytes(bytes, decimals = 2) {
+  if (!+bytes) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+
+exports.formatBytes = formatBytes;

package/dist/utils/isInfinityEmpty.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const isInfinityEmpty = (data) => data?.pages[0].data.length === 0;
+
+exports.isInfinityEmpty = isInfinityEmpty;

package/dist/utils/ky/addBodyJsonHook.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const parseJson = require('./parseJson.cjs');
+
+const addBodyJsonHook = async (error) => {
+  error.response.bodyJson = await parseJson.parseJSON(error.response);
+  return error;
+};
+
+exports.addBodyJsonHook = addBodyJsonHook;

package/dist/{index48.mjs → utils/ky/addBodyJsonHook.js}

@@ -1,4 +1,4 @@
-import { parseJSON } from './index49.mjs';
+import { parseJSON } from './parseJson.js';
 
 const addBodyJsonHook = async (error) => {
   error.response.bodyJson = await parseJSON(error.response);

package/dist/utils/ky/parseJson.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const parseJSON = async (response) => {
+  return response.text().then(function(text) {
+    return text ? JSON.parse(text) : {};
+  });
+};
+
+exports.parseJSON = parseJSON;

package/dist/utils/newHref.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const queryString = require('query-string');
+
+const newHref = (fn) => (args) => {
+  const href = typeof fn === "string" ? fn : fn(
+    args ?? {
+      params: {},
+      searchParams: {}
+    }
+  );
+  if (args?.searchParams) {
+    const qs = queryString.stringify(args.searchParams, {
+      skipEmptyString: true,
+      skipNull: true
+    });
+    return `${href}${qs ? `?${qs}` : ""}`;
+  }
+  return href;
+};
+
+exports.newHref = newHref;

package/package.json

@@ -1,11 +1,20 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.3.18",
+  "version": "0.3.19",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
-  "main": "./dist/index.mjs",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist"