minimal-shared 0.0.2

package/dist/hooks/use-scroll-offset-top/use-scroll-offset-top.js

@@ -0,0 +1,29 @@
+// src/hooks/use-scroll-offset-top/use-scroll-offset-top.ts
+import { useRef, useState, useEffect, useCallback } from "react";
+function useScrollOffsetTop(defaultValue = 0) {
+  const elementRef = useRef(null);
+  const [offsetTop, setOffsetTop] = useState(false);
+  const handleScroll = useCallback(() => {
+    const windowScrollY = window.scrollY;
+    if (elementRef.current) {
+      const elementOffsetTop = elementRef.current.offsetTop;
+      setOffsetTop(windowScrollY > elementOffsetTop - defaultValue);
+    } else {
+      setOffsetTop(windowScrollY > defaultValue);
+    }
+  }, [defaultValue]);
+  useEffect(() => {
+    handleScroll();
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, [handleScroll]);
+  return {
+    elementRef,
+    offsetTop
+  };
+}
+export {
+  useScrollOffsetTop
+};

package/dist/hooks/use-set-state/index.d.ts

@@ -0,0 +1 @@
+export { UseSetStateReturn, useSetState } from './use-set-state.js';

package/dist/hooks/use-set-state/index.js

@@ -0,0 +1 @@
+export * from './use-set-state';

package/dist/hooks/use-set-state/use-set-state.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Custom hook to manage state with utility functions to set state, set a specific field, and reset state.
+ *
+ * @param {T} initialState - The initial state value.
+ *
+ * @returns {UseSetStateReturn<T>} - An object containing:
+ * - `state`: The current state.
+ * - `onReset`: A function to reset the state to the initial value.
+ * - `setState`: A function to update the state.
+ * - `setField`: A function to update a specific field in the state.
+ *
+ * @example
+ * const { state, setState, setField, onReset } = useSetState({ name: '', age: 0 });
+ *
+ * return (
+ *   <div>
+ *     <p>Name: {state.name}</p>
+ *     <p>Age: {state.age}</p>
+ *     <button onClick={() => setField('name', 'John')}>Set Name</button>
+ *     <button onClick={onReset}>Reset</button>
+ *   </div>
+ * );
+ */
+type UseSetStateReturn<T> = {
+    state: T;
+    onReset: () => void;
+    setState: (updateState: T | Partial<T>) => void;
+    setField: (name: keyof T, updateValue: T[keyof T]) => void;
+};
+declare function useSetState<T>(initialState: T): UseSetStateReturn<T>;
+
+export { type UseSetStateReturn, useSetState };

package/dist/hooks/use-set-state/use-set-state.js

@@ -0,0 +1,26 @@
+// src/hooks/use-set-state/use-set-state.ts
+import { useState, useCallback } from "react";
+function useSetState(initialState) {
+  const [state, set] = useState(initialState);
+  const setState = useCallback((updateState) => {
+    set((prevValue) => ({ ...prevValue, ...updateState }));
+  }, []);
+  const setField = useCallback(
+    (name, updateValue) => {
+      setState({ [name]: updateValue });
+    },
+    [setState]
+  );
+  const onReset = useCallback(() => {
+    set(initialState);
+  }, [initialState]);
+  return {
+    state,
+    setState,
+    setField,
+    onReset
+  };
+}
+export {
+  useSetState
+};

package/dist/hooks/use-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { UseTabsReturn, useTabs } from './use-tabs.js';
+import 'react';

package/dist/hooks/use-tabs/index.js

@@ -0,0 +1 @@
+export * from './use-tabs';

package/dist/hooks/use-tabs/use-tabs.d.ts

@@ -0,0 +1,30 @@
+import { Dispatch, SetStateAction, SyntheticEvent } from 'react';
+
+/**
+ * Custom hook to manage the state of tabs.
+ *
+ * @param {string} defaultValue - The initial value of the tab.
+ *
+ * @returns {UseTabsReturn} - An object containing:
+ * - `value`: The current value of the tab.
+ * - `setValue`: A function to manually set the value of the tab.
+ * - `onChange`: A function to handle the change event when a new tab is selected.
+ *
+ * @example
+ * const { value, onChange } = useTabs('tab1');
+ *
+ * return (
+ *   <Tabs value={value} onChange={onChange}>
+ *     <Tab label="Tab 1" value="tab1" />
+ *     <Tab label="Tab 2" value="tab2" />
+ *   </Tabs>
+ * );
+ */
+type UseTabsReturn = {
+    value: string;
+    setValue: Dispatch<SetStateAction<string>>;
+    onChange: (event: SyntheticEvent, newValue: string) => void;
+};
+declare function useTabs(defaultValue: string): UseTabsReturn;
+
+export { type UseTabsReturn, useTabs };

package/dist/hooks/use-tabs/use-tabs.js

@@ -0,0 +1,16 @@
+// src/hooks/use-tabs/use-tabs.ts
+import { useState, useCallback } from "react";
+function useTabs(defaultValue) {
+  const [value, setValue] = useState(defaultValue);
+  const onChange = useCallback((event, newValue) => {
+    setValue(newValue);
+  }, []);
+  return {
+    value,
+    setValue,
+    onChange
+  };
+}
+export {
+  useTabs
+};

package/dist/hooks/use-text-input/index.d.ts

@@ -0,0 +1,2 @@
+export { UseTextInputReturn, useTextInput } from './use-text-input.js';
+import 'react';

package/dist/hooks/use-text-input/index.js

@@ -0,0 +1 @@
+export * from './use-text-input';

package/dist/hooks/use-text-input/use-text-input.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, SetStateAction } from 'react';
+
+/**
+ * Custom hook to manage text input state.
+ *
+ * @param {string} [defaultValue=''] - The default value for the input.
+ * @returns {UseTextInputReturn} The current value, change handler, and setValue function.
+ */
+type UseTextInputReturn = {
+    value: string;
+    setValue: Dispatch<SetStateAction<string>>;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare function useTextInput(defaultValue?: string): UseTextInputReturn;
+
+export { type UseTextInputReturn, useTextInput };

package/dist/hooks/use-text-input/use-text-input.js

@@ -0,0 +1,16 @@
+// src/hooks/use-text-input/use-text-input.ts
+import { useState, useCallback } from "react";
+function useTextInput(defaultValue = "") {
+  const [value, setValue] = useState(defaultValue);
+  const onChange = useCallback((event) => {
+    setValue(event.target.value);
+  }, []);
+  return {
+    value,
+    setValue,
+    onChange
+  };
+}
+export {
+  useTextInput
+};

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export { hasParams, isExternalLink, removeLastSlash, removeParams } from './utils/url/url.js';
+export { pxToRem, remToPx, setFont } from './utils/font/font.js';
+export { ChannelPalette, InputPalette, createPaletteChannel, hexToRgbChannel, varAlpha } from './utils/color/color.js';
+export { hasKeys } from './utils/object/object.js';
+export { uuidv4 } from './utils/uuidv4/uuidv4.js';
+export { StateProps, mergeClasses } from './utils/classes/classes.js';
+export { getCookie, removeCookie, setCookie } from './utils/cookies/cookies.js';
+export { isActiveLink } from './utils/active-link/active-link.js';
+export { getStorage, localStorageAvailable, localStorageGetItem, removeStorage, setStorage } from './utils/local-storage/local-storage.js';
+export { UseTabsReturn, useTabs } from './hooks/use-tabs/use-tabs.js';
+export { UseBooleanReturn, useBoolean } from './hooks/use-boolean/use-boolean.js';
+export { UsePopoverReturn, usePopover } from './hooks/use-popover/use-popover.js';
+export { UseCookiesReturn, useCookies } from './hooks/use-cookies/use-cookies.js';
+export { UseDebounceReturn, useDebounce } from './hooks/use-debounce/use-debounce.js';
+export { UseSetStateReturn, useSetState } from './hooks/use-set-state/use-set-state.js';
+export { UseIsClientReturn, useIsClient } from './hooks/use-is-client/use-is-client.js';
+export { UseTextInputReturn, useTextInput } from './hooks/use-text-input/use-text-input.js';
+export { UseBackToTopReturn, useBackToTop } from './hooks/use-back-to-top/use-back-to-top.js';
+export { UseClientRectReturn, useClientRect } from './hooks/use-client-rect/use-client-rect.js';
+export { UseMultiSelectReturn, updateSelectedItems, useMultiSelect } from './hooks/use-multi-select/use-multi-select.js';
+export { UseDoubleClickReturn, useDoubleClick } from './hooks/use-double-click/use-double-click.js';
+export { UseLocalStorageReturn, useLocalStorage } from './hooks/use-local-storage/use-local-storage.js';
+export { usePopoverHover } from './hooks/use-popover-hover/use-popover-hover.js';
+export { UseCountdownDateReturn, useCountdownDate } from './hooks/use-countdown-date/use-countdown-date.js';
+export { useEventListener } from './hooks/use-event-listener/use-event-listener.js';
+export { UseScrollOffsetTopReturn, useScrollOffsetTop } from './hooks/use-scroll-offset-top/use-scroll-offset-top.js';
+export { UseCountdownSecondsReturn, useCountdownSeconds } from './hooks/use-countdown-seconds/use-countdown-seconds.js';
+export { CopiedValue, CopyFn, UseCopyToClipboardReturn, useCopyToClipboard } from './hooks/use-copy-to-clipboard/use-copy-to-clipboard.js';
+import 'react';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './utils';
+export * from './hooks';

package/dist/utils/active-link/active-link.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Determines if a given link is active based on the current pathname.
+ *
+ * @param {string} pathnameProps - The current pathname.
+ * @param {string} itemPath - The path of the item to check.
+ * @param {boolean} [deep=true] - Whether to perform a deep check, including child paths and parameters.
+ *
+ * @returns {boolean} - True if the link is active, false otherwise.
+ *
+ * @example
+ * const isActive = isActiveLink('/dashboard/user', '/dashboard/user', true);
+ * console.log(isActive); // true
+ */
+declare function isActiveLink(pathnameProps: string, itemPath: string, deep?: boolean): boolean;
+
+export { isActiveLink };

package/dist/utils/active-link/active-link.js

@@ -0,0 +1,43 @@
+// src/utils/url/url.ts
+var hasParams = (url) => {
+  const queryString = url.split("?")[1];
+  return queryString ? new URLSearchParams(queryString).toString().length > 0 : false;
+};
+function removeLastSlash(pathname) {
+  if (pathname !== "/" && pathname.endsWith("/")) {
+    return pathname.slice(0, -1);
+  }
+  return pathname;
+}
+function removeParams(url) {
+  try {
+    const urlObj = new URL(url, window.location.origin);
+    return removeLastSlash(urlObj.pathname);
+  } catch {
+    return url;
+  }
+}
+function isExternalLink(url) {
+  return url.startsWith("http");
+}
+
+// src/utils/active-link/active-link.ts
+function isActiveLink(pathnameProps, itemPath, deep = true) {
+  const pathname = removeLastSlash(pathnameProps);
+  const pathHasParams = hasParams(itemPath);
+  const notValid = itemPath.startsWith("#") || isExternalLink(itemPath);
+  if (notValid) {
+    return false;
+  }
+  const isDeep = deep || pathHasParams;
+  if (isDeep) {
+    const defaultActive = pathname.includes(itemPath);
+    const originItemPath = removeParams(itemPath);
+    const hasParamsActive = pathHasParams && originItemPath === pathname;
+    return defaultActive || hasParamsActive;
+  }
+  return pathname === itemPath;
+}
+export {
+  isActiveLink
+};

package/dist/utils/active-link/index.d.ts

@@ -0,0 +1 @@
+export { isActiveLink } from './active-link.js';

package/dist/utils/active-link/index.js

@@ -0,0 +1 @@
+export * from './active-link';

package/dist/utils/classes/classes.d.ts

@@ -0,0 +1,25 @@
+type StateProps = {
+    [key: string]: boolean | undefined | [boolean, string];
+};
+/**
+ * Merges class names with state-based class names.
+ *
+ * @param {string | string[] | null} className - The base class name(s).
+ * @param {StateProps} state - The state object containing boolean or [boolean, string] pairs.
+ * @returns {string} - The merged class names.
+ *
+ * @example
+ *
+ * const classNames = mergeClasses('item__base', {
+ *   ['active__class']: true,
+ *   ['open__class']: true,
+ *   ['disabled__class']: false,
+ *   ['hover__class']: undefined,
+ * });
+ *
+ * console.log(classNames);
+ * Output: 'item__base active__class open__class'
+ */
+declare function mergeClasses(className?: string | (string | undefined)[] | null, state?: StateProps): string;
+
+export { type StateProps, mergeClasses };

package/dist/utils/classes/classes.js

@@ -0,0 +1,14 @@
+// src/utils/classes/classes.ts
+function mergeClasses(className, state) {
+  const classList = className ? Array.isArray(className) ? className : [className] : [];
+  const dynamicStateClassesArray = Object.entries(state || {}).filter(([key, value]) => value !== void 0 && value !== false).map(([key, value]) => {
+    if (Array.isArray(value)) {
+      return value[0] ? value[1] : "";
+    }
+    return value ? key : "";
+  }).filter(Boolean);
+  return [...classList.filter(Boolean), ...dynamicStateClassesArray].join(" ");
+}
+export {
+  mergeClasses
+};

package/dist/utils/classes/index.d.ts

@@ -0,0 +1 @@
+export { StateProps, mergeClasses } from './classes.js';

package/dist/utils/classes/index.js

@@ -0,0 +1 @@
+export * from './classes';

package/dist/utils/color/color.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Converts a hex color to RGB channels.
+ *
+ * @param {string} hexColor - The hex color string.
+ * @returns {string} - The RGB channels string.
+ * @throws {Error} - Throws an error if the hex color is invalid.
+ *
+ * @example
+ * const rgbChannel = hexToRgbChannel("#C8FAD6");
+ * console.log(rgbChannel); // "200 250 214"
+ */
+declare function hexToRgbChannel(hexColor: string): string;
+/**
+ * Converts a hex palette color to RGB channels palette.
+ *
+ * @typedef {Object} InputPalette - The input palette object with hex color strings.
+ * @property {string} lighter - The lighter hex color.
+ * @property {string} light - The light hex color.
+ * @property {string} main - The main hex color.
+ *
+ * @typedef {Object} ChannelPalette - The output palette object with RGB channels.
+ * @property {string} lighterChannel - The lighter RGB channels.
+ * @property {string} lightChannel - The light RGB channels.
+ * @property {string} mainChannel - The main RGB channels.
+ *
+ * @param {InputPalette} hexPalette - The input palette object.
+ * @returns {ChannelPalette} - The output palette object with RGB channels.
+ *
+ * @example
+ * const palette = createPaletteChannel({
+ *   lighter: "#C8FAD6",
+ *   light: "#5BE49B",
+ *   main: "#00A76F",
+ * });
+ * console.log(palette);
+ * // {
+ * //   lighter: "#C8FAD6",
+ * //   light: "#5BE49B",
+ * //   main: "#00A76F",
+ * //   lighterChannel: "200 250 214",
+ * //   lightChannel: "91 228 155",
+ * //   mainChannel: "0 167 111",
+ * // }
+ */
+type InputPalette = Record<string, string | undefined>;
+type ChannelPalette<T extends InputPalette> = T & {
+    [K in keyof T as `${string & K}Channel`]: string;
+};
+declare function createPaletteChannel<T extends InputPalette>(hexPalette: T): ChannelPalette<T>;
+/**
+ * Adds an alpha channel to a color.
+ *
+ * @param {string} color - The color string in RGB channels or CSS variable format.
+ * @param {number} [opacity=1] - The opacity value.
+ * @returns {string} - The color string with alpha channel.
+ * @throws {Error} - Throws an error if the color format is unsupported.
+ *
+ * @example
+ * const rgbaColor = varAlpha('200 250 214', 0.8);
+ * console.log(rgbaColor); // "rgba(200 250 214 / 0.8)"
+ *
+ * const rgbaVarColor = varAlpha('var(--palette-primary-lighterChannel)', 0.8);
+ * console.log(rgbaVarColor); // "rgba(var(--palette-primary-lighterChannel) / 0.8)"
+ */
+declare function varAlpha(color: string, opacity?: number): string;
+
+export { type ChannelPalette, type InputPalette, createPaletteChannel, hexToRgbChannel, varAlpha };

package/dist/utils/color/color.js

@@ -0,0 +1,47 @@
+// src/utils/color/color.ts
+function hexToRgbChannel(hexColor) {
+  if (!hexColor) {
+    throw new Error("Hex color is undefined!");
+  }
+  if (!/^#[0-9A-F]{6}$/i.test(hexColor)) {
+    throw new Error(`Invalid hex color: ${hexColor}`);
+  }
+  const r = parseInt(hexColor.substring(1, 3), 16);
+  const g = parseInt(hexColor.substring(3, 5), 16);
+  const b = parseInt(hexColor.substring(5, 7), 16);
+  return `${r} ${g} ${b}`;
+}
+function createPaletteChannel(hexPalette) {
+  const channelPalette = {};
+  Object.entries(hexPalette).forEach(([key, value]) => {
+    if (value) {
+      channelPalette[`${key}Channel`] = hexToRgbChannel(value);
+    }
+  });
+  return { ...hexPalette, ...channelPalette };
+}
+function varAlpha(color, opacity = 1) {
+  if (!color) {
+    throw new Error("[Alpha]: Color is undefined!");
+  }
+  const unsupported = color.startsWith("#") || color.startsWith("rgb") || color.startsWith("rgba") || !color.includes("var") && color.includes("Channel");
+  if (unsupported) {
+    throw new Error(
+      `[Alpha]: Unsupported color format "${color}".
+       Supported formats are:
+       - RGB channels: "0 184 217".
+       - CSS variables with "Channel" prefix: "var(--palette-common-blackChannel, #000000)".
+       Unsupported formats are:
+       - Hex: "#00B8D9".
+       - RGB: "rgb(0, 184, 217)".
+       - RGBA: "rgba(0, 184, 217, 1)".
+       `
+    );
+  }
+  return `rgba(${color} / ${opacity})`;
+}
+export {
+  createPaletteChannel,
+  hexToRgbChannel,
+  varAlpha
+};

package/dist/utils/color/index.d.ts

@@ -0,0 +1 @@
+export { ChannelPalette, InputPalette, createPaletteChannel, hexToRgbChannel, varAlpha } from './color.js';

package/dist/utils/color/index.js

@@ -0,0 +1 @@
+export * from './color';

package/dist/utils/cookies/cookies.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Retrieves a cookie value by key.
+ *
+ * @param {string} key - The key of the cookie to retrieve.
+ * @returns {any | null} - The parsed value of the cookie, or null if not found or an error occurs.
+ *
+ * @example
+ * const user = getCookie('user');
+ * console.log(user); // { name: 'John', age: 30 }
+ */
+declare function getCookie(key: string): any | null;
+/**
+ * Sets a cookie with a specified key, value, and expiration time.
+ *
+ * @template T
+ * @param {string} key - The key of the cookie to set.
+ * @param {T} value - The value of the cookie to set.
+ * @param {number} [daysUntilExpiration=0] - The number of days until the cookie expires. Defaults to session cookie if not set.
+ *
+ * @example
+ * setCookie('user', { name: 'John', age: 30 }, 7);
+ */
+declare function setCookie<T>(key: string, value: T, daysUntilExpiration?: number): void;
+/**
+ * Removes a cookie by key.
+ *
+ * @param {string} key - The key of the cookie to remove.
+ *
+ * @example
+ * removeCookie('user');
+ */
+declare function removeCookie(key: string): void;
+
+export { getCookie, removeCookie, setCookie };

package/dist/utils/cookies/cookies.js

@@ -0,0 +1,46 @@
+// src/utils/cookies/cookies.ts
+function getCookie(key) {
+  try {
+    const keyName = `${key}=`;
+    const cDecoded = decodeURIComponent(document.cookie);
+    const cArr = cDecoded.split("; ");
+    for (const val of cArr) {
+      if (val.startsWith(keyName)) {
+        const cookieValue = val.substring(keyName.length);
+        try {
+          return JSON.parse(cookieValue);
+        } catch {
+          return cookieValue;
+        }
+      }
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+function setCookie(key, value, daysUntilExpiration = 0) {
+  try {
+    const serializedValue = encodeURIComponent(JSON.stringify(value));
+    let cookieOptions = `${key}=${serializedValue}; path=/`;
+    if (daysUntilExpiration > 0) {
+      const expirationDate = new Date(Date.now() + daysUntilExpiration * 24 * 60 * 60 * 1e3);
+      cookieOptions += `; expires=${expirationDate.toUTCString()}`;
+    }
+    document.cookie = cookieOptions;
+  } catch (error) {
+    console.error("Error while setting cookie:", error);
+  }
+}
+function removeCookie(key) {
+  try {
+    document.cookie = `${key}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
+  } catch (error) {
+    console.error("Error while removing cookie:", error);
+  }
+}
+export {
+  getCookie,
+  removeCookie,
+  setCookie
+};

package/dist/utils/cookies/index.d.ts

@@ -0,0 +1 @@
+export { getCookie, removeCookie, setCookie } from './cookies.js';

package/dist/utils/cookies/index.js

@@ -0,0 +1 @@
+export * from './cookies';

package/dist/utils/font/font.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Sets the font family.
+ *
+ * @param {string} [fontName] - The name of the font to set.
+ * @returns {string} - The complete font family string.
+ *
+ * @example
+ * const fontFamily = setFont('CustomFont');
+ * console.log(fontFamily); // "CustomFont, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol""
+ */
+declare function setFont(fontName?: string): string;
+/**
+ * Converts rem to px.
+ *
+ * @param {string} value - The rem value to convert.
+ * @returns {number} - The equivalent value in pixels.
+ * @throws {Error} - Throws an error if the rem value is invalid.
+ *
+ * @example
+ * const pixels = remToPx('1.5rem');
+ * console.log(pixels); // 24
+ */
+declare function remToPx(value: string): number;
+/**
+ * Converts px to rem.
+ *
+ * @param {number} value - The pixel value to convert.
+ * @returns {string} - The equivalent value in rem.
+ * @throws {Error} - Throws an error if the pixel value is invalid.
+ *
+ * @example
+ * const remValue = pxToRem(24);
+ * console.log(remValue); // "1.5rem"
+ */
+declare function pxToRem(value: number): string;
+
+export { pxToRem, remToPx, setFont };

package/dist/utils/font/font.js

@@ -0,0 +1,20 @@
+// src/utils/font/font.ts
+var DEFAULT_FONT_FAMILY = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`;
+function setFont(fontName) {
+  return fontName ? `"${fontName}", ${DEFAULT_FONT_FAMILY}` : DEFAULT_FONT_FAMILY;
+}
+function remToPx(value) {
+  const remValue = parseFloat(value);
+  return Math.round(remValue * 16);
+}
+function pxToRem(value) {
+  if (typeof value !== "number" || isNaN(value)) {
+    throw new Error(`Invalid pixel value: ${value}`);
+  }
+  return `${value / 16}rem`;
+}
+export {
+  pxToRem,
+  remToPx,
+  setFont
+};

package/dist/utils/font/index.d.ts

@@ -0,0 +1 @@
+export { pxToRem, remToPx, setFont } from './font.js';

package/dist/utils/font/index.js

@@ -0,0 +1 @@
+export * from './font';

package/dist/utils/index.d.ts

@@ -0,0 +1,9 @@
+export { hasParams, isExternalLink, removeLastSlash, removeParams } from './url/url.js';
+export { pxToRem, remToPx, setFont } from './font/font.js';
+export { ChannelPalette, InputPalette, createPaletteChannel, hexToRgbChannel, varAlpha } from './color/color.js';
+export { hasKeys } from './object/object.js';
+export { uuidv4 } from './uuidv4/uuidv4.js';
+export { StateProps, mergeClasses } from './classes/classes.js';
+export { getCookie, removeCookie, setCookie } from './cookies/cookies.js';
+export { isActiveLink } from './active-link/active-link.js';
+export { getStorage, localStorageAvailable, localStorageGetItem, removeStorage, setStorage } from './local-storage/local-storage.js';

package/dist/utils/index.js

@@ -0,0 +1,17 @@
+export * from './url';
+
+export * from './font';
+
+export * from './color';
+
+export * from './object';
+
+export * from './uuidv4';
+
+export * from './classes';
+
+export * from './cookies';
+
+export * from './active-link';
+
+export * from './local-storage';

package/dist/utils/local-storage/index.d.ts

@@ -0,0 +1 @@
+export { getStorage, localStorageAvailable, localStorageGetItem, removeStorage, setStorage } from './local-storage.js';

package/dist/utils/local-storage/index.js

@@ -0,0 +1 @@
+export * from './local-storage';