@bolio-ui/core 1.1.8 → 2.0.0-alpha.1

package/esm/index.d.ts

@@ -1,125 +1,131 @@
-export { default as Avatar } from "./Avatar";
-export type { AvatarProps, AvatarGroupProps } from "./Avatar";
-export { default as Badge } from "./Badge";
-export type { BadgeProps, BadgeAnchorProps } from "./Badge";
-export { default as BolioUIProvider } from "./BolioUIProvider";
-export type { BolioUIProviderProps } from "./BolioUIProvider";
-export { default as Breadcrumbs } from "./Breadcrumbs";
-export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbsSeparatorProps } from "./Breadcrumbs";
-export { default as Button } from "./Button";
-export type { ButtonProps } from "./Button";
-export { default as ButtonDropdown } from "./ButtonDropdown";
-export type { ButtonDropdownProps, ButtonDropdownItemProps } from "./ButtonDropdown";
-export { default as ButtonGroup } from "./ButtonGroup";
-export type { ButtonGroupProps } from "./ButtonGroup";
-export { default as Capacity } from "./Capacity";
-export type { CapacityProps } from "./Capacity";
-export { default as Card } from "./Card";
-export type { CardProps, CardContentProps, CardFooterProps } from "./Card";
-export { default as Checkbox } from "./Checkbox";
-export type { CheckboxProps, CheckboxGroupProps } from "./Checkbox";
-export { default as Code } from "./Code";
-export type { CodeProps } from "./Code";
-export { default as Col } from "./Col";
-export type { ColProps } from "./Col";
-export { default as Collapse } from "./Collapse";
-export type { CollapseProps, CollapseGroupProps } from "./Collapse";
-export { default as Container } from "./Container";
-export type { ContainerProps } from "./Container";
-export { default as Description } from "./Description";
-export type { DescriptionProps } from "./Description";
-export { default as Display } from "./Display";
-export type { DisplayProps } from "./Display";
-export { default as Divider } from "./Divider";
-export type { DividerProps } from "./Divider";
-export { default as Dot } from "./Dot";
-export type { DotProps } from "./Dot";
-export { default as Drawer } from "./Drawer";
-export type { DrawerProps } from "./Drawer";
-export { default as Fieldset } from "./Fieldset";
-export type { FieldsetProps, FieldsetTitleProps, FieldsetSubtitleProps, FieldsetGroupProps, FieldsetFooterProps, FieldsetContentProps } from "./Fieldset";
-export { default as Grid } from "./Grid";
-export type { GridProps, GridContainerProps } from "./Grid";
-export { default as Image } from "./Image";
-export type { ImageProps, ImageBrowserProps } from "./Image";
-export { default as Input } from "./Input";
-export type { InputProps, InputPasswordProps } from "./Input";
-export { default as Keyboard } from "./Keyboard";
-export type { KeyboardProps } from "./Keyboard";
-export { default as Link } from "./Link";
-export type { LinkProps } from "./Link";
-export { default as Loading } from "./Loading";
-export type { LoadingProps } from "./Loading";
-export { default as Modal } from "./Modal";
-export type { ModalProps, ModalTitleProps, ModalSubtitleProps, ModalContentProps, ModalActionProps } from "./Modal";
-export { default as Note } from "./Note";
-export type { NoteProps } from "./Note";
-export { default as Page } from "./Page";
-export type { PageProps, PageHeaderProps, PageContentProps, PageFooterProps } from "./Page";
-export { default as Pagination } from "./Pagination";
-export type { PaginationProps, PaginationNextProps, PaginationPreviousProps } from "./Pagination";
-export { default as Popover } from "./Popover";
-export type { PopoverProps, PopoverItemProps } from "./Popover";
-export { default as Progress } from "./Progress";
-export type { ProgressProps } from "./Progress";
-export { default as Radio } from "./Radio";
-export type { RadioProps, RadioGroupProps, RadioDescriptionProps } from "./Radio";
-export { default as Rating } from "./Rating";
-export type { RatingProps } from "./Rating";
-export { default as Row } from "./Row";
-export type { RowProps } from "./Row";
-export { default as Section } from "./Section";
-export type { SectionProps } from "./Section";
-export { default as Select } from "./Select";
-export type { SelectProps, SelectOptionProps } from "./Select";
-export { default as Slider } from "./Slider";
-export type { SliderProps } from "./Slider";
-export { default as Snippet } from "./Snippet";
-export type { SnippetProps } from "./Snippet";
-export { default as Spacer } from "./Spacer";
-export type { SpacerProps } from "./Spacer";
-export { default as Spinner } from "./Spinner";
-export type { SpinnerProps } from "./Spinner";
-export { default as Table } from "./Table";
-export type { TableProps, TableColumnProps } from "./Table";
-export { default as Tabs } from "./Tabs";
-export type { TabsProps } from "./Tabs";
-export { default as Tag } from "./Tag";
-export type { TagProps } from "./Tag";
-export { default as Text } from "./Text";
-export type { TextProps } from "./Text";
-export { default as Textarea } from "./Textarea";
-export type { TextareaProps } from "./Textarea";
-export { default as Themes } from "./Themes";
-export type { BolioUIThemes, BolioUIUserTheme } from "./Themes";
-export { default as Toggle } from "./Toggle";
-export type { ToggleProps } from "./Toggle";
-export { default as Tooltip } from "./Tooltip";
-export type { TooltipProps } from "./Tooltip";
-export { default as useAllThemes } from "./use-all-themes";
-export type { AllThemesConfig } from "./use-all-themes";
-export { default as useToasts } from "./use-toasts";
-export type { Toast, ToastInput, ToastAction, ToastLayout } from "./use-toasts";
-export { default as useBodyScroll } from "./use-body-scroll";
-export type { BodyScrollOptions } from "./use-body-scroll";
-export { default as useClipboard } from "./use-clipboard";
-export type { UseClipboardOptions } from "./use-clipboard";
-export { default as useMediaQuery } from "./use-media-query";
-export type { ResponsiveOptions, ResponsiveBreakpoint } from "./use-media-query";
-export { default as useKeyboard, KeyMod, KeyCode } from "./use-keyboard";
-export type { KeyboardOptions, UseKeyboardHandler } from "./use-keyboard";
-export { default as useInput } from "./use-input";
-export { default as useModal } from "./use-modal";
-export { default as useTabs } from "./use-tabs";
-export { default as useClickAway } from "./use-click-away";
-export { default as useCurrentState } from "./use-current-state";
-export { default as CssBaseline } from "./CssBaseline";
-export { default as useTheme } from "./use-theme";
-export { default as useClasses } from "./use-classes";
-export { default as useScale } from "./use-scale";
-export { withScale, ScalePropKeys, ScaleContext } from "./use-scale";
-export type { ScaleProps, ScaleConfig, GetScalePropsFunction, GetAllScalePropsFunction } from "./use-scale";
-export { useRect } from "./utils/layouts";
-export type { ReactiveDomReact } from "./utils/layouts";
-export { default as Highlight } from "./Shared/highlight";
-export type { HighlightProps } from "./Shared/highlight";
+export { default as Avatar } from './Avatar';
+export type { AvatarProps, AvatarGroupProps } from './Avatar';
+export { default as Badge } from './Badge';
+export type { BadgeProps, BadgeAnchorProps } from './Badge';
+export { default as BolioUIProvider } from './BolioUIProvider';
+export type { BolioUIProviderProps } from './BolioUIProvider';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbsSeparatorProps } from './Breadcrumbs';
+export { default as Button } from './Button';
+export type { ButtonProps } from './Button';
+export { default as ButtonDropdown } from './ButtonDropdown';
+export type { ButtonDropdownProps, ButtonDropdownItemProps } from './ButtonDropdown';
+export { default as ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';
+export { default as Calendar } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export { default as Capacity } from './Capacity';
+export type { CapacityProps } from './Capacity';
+export { default as Card } from './Card';
+export type { CardProps, CardContentProps, CardFooterProps } from './Card';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxGroupProps } from './Checkbox';
+export { default as Code } from './Code';
+export type { CodeProps } from './Code';
+export { default as Col } from './Col';
+export type { ColProps } from './Col';
+export { default as Collapse } from './Collapse';
+export type { CollapseProps, CollapseGroupProps } from './Collapse';
+export { default as Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxOption } from './Combobox';
+export { default as Container } from './Container';
+export type { ContainerProps } from './Container';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
+export { default as Description } from './Description';
+export type { DescriptionProps } from './Description';
+export { default as Display } from './Display';
+export type { DisplayProps } from './Display';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Dot } from './Dot';
+export type { DotProps } from './Dot';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Fieldset } from './Fieldset';
+export type { FieldsetProps, FieldsetTitleProps, FieldsetSubtitleProps, FieldsetGroupProps, FieldsetFooterProps, FieldsetContentProps } from './Fieldset';
+export { default as Grid } from './Grid';
+export type { GridProps, GridContainerProps } from './Grid';
+export { default as Image } from './Image';
+export type { ImageProps, ImageBrowserProps } from './Image';
+export { default as Input } from './Input';
+export type { InputProps, InputPasswordProps } from './Input';
+export { default as Keyboard } from './Keyboard';
+export type { KeyboardProps } from './Keyboard';
+export { default as Link } from './Link';
+export type { LinkProps } from './Link';
+export { default as Loading } from './Loading';
+export type { LoadingProps } from './Loading';
+export { default as Modal } from './Modal';
+export type { ModalProps, ModalTitleProps, ModalSubtitleProps, ModalContentProps, ModalActionProps } from './Modal';
+export { default as Note } from './Note';
+export type { NoteProps } from './Note';
+export { default as Page } from './Page';
+export type { PageProps, PageHeaderProps, PageContentProps, PageFooterProps } from './Page';
+export { default as Pagination } from './Pagination';
+export type { PaginationProps, PaginationNextProps, PaginationPreviousProps } from './Pagination';
+export { default as Popover } from './Popover';
+export type { PopoverProps, PopoverItemProps } from './Popover';
+export { default as Progress } from './Progress';
+export type { ProgressProps } from './Progress';
+export { default as Radio } from './Radio';
+export type { RadioProps, RadioGroupProps, RadioDescriptionProps } from './Radio';
+export { default as Rating } from './Rating';
+export type { RatingProps } from './Rating';
+export { default as Row } from './Row';
+export type { RowProps } from './Row';
+export { default as Section } from './Section';
+export type { SectionProps } from './Section';
+export { default as Select } from './Select';
+export type { SelectProps, SelectOptionProps } from './Select';
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';
+export { default as Snippet } from './Snippet';
+export type { SnippetProps } from './Snippet';
+export { default as Spacer } from './Spacer';
+export type { SpacerProps } from './Spacer';
+export { default as Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
+export { default as Table } from './Table';
+export type { TableProps, TableColumnProps } from './Table';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Textarea } from './Textarea';
+export type { TextareaProps } from './Textarea';
+export { default as Themes } from './Themes';
+export type { BolioUIThemes, BolioUIUserTheme } from './Themes';
+export { default as Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';
+export { default as Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';
+export { default as useAllThemes } from './use-all-themes';
+export type { AllThemesConfig } from './use-all-themes';
+export { default as useToasts } from './use-toasts';
+export type { Toast, ToastInput, ToastAction, ToastLayout } from './use-toasts';
+export { default as useBodyScroll } from './use-body-scroll';
+export type { BodyScrollOptions } from './use-body-scroll';
+export { default as useClipboard } from './use-clipboard';
+export type { UseClipboardOptions } from './use-clipboard';
+export { default as useMediaQuery } from './use-media-query';
+export type { ResponsiveOptions, ResponsiveBreakpoint } from './use-media-query';
+export { default as useKeyboard, KeyMod, KeyCode } from './use-keyboard';
+export type { KeyboardOptions, UseKeyboardHandler } from './use-keyboard';
+export { default as useInput } from './use-input';
+export { default as useModal } from './use-modal';
+export { default as useTabs } from './use-tabs';
+export { default as useClickAway } from './use-click-away';
+export { default as useCurrentState } from './use-current-state';
+export { default as CssBaseline } from './CssBaseline';
+export { default as useTheme } from './use-theme';
+export { default as useClasses } from './use-classes';
+export { default as useScale } from './use-scale';
+export { withScale, ScalePropKeys, ScaleContext } from './use-scale';
+export type { ScaleProps, ScaleConfig, GetScalePropsFunction, GetAllScalePropsFunction } from './use-scale';
+export { useRect } from './utils/layouts';
+export type { ReactiveDomReact } from './utils/layouts';
+export { default as Highlight } from './Shared/highlight';
+export type { HighlightProps } from './Shared/highlight';

package/esm/index.js

@@ -1,6 +1,8 @@
+'use client';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-/// <reference types="styled-jsx" />
+/// <reference types="styled-jsx/global" />
+
 export { default as Avatar } from './Avatar';
 export { default as Badge } from './Badge';
 export { default as BolioUIProvider } from './BolioUIProvider';
@@ -8,13 +10,16 @@ export { default as Breadcrumbs } from './Breadcrumbs';
 export { default as Button } from './Button';
 export { default as ButtonDropdown } from './ButtonDropdown';
 export { default as ButtonGroup } from './ButtonGroup';
+export { default as Calendar } from './Calendar';
 export { default as Capacity } from './Capacity';
 export { default as Card } from './Card';
 export { default as Checkbox } from './Checkbox';
 export { default as Code } from './Code';
 export { default as Col } from './Col';
 export { default as Collapse } from './Collapse';
+export { default as Combobox } from './Combobox';
 export { default as Container } from './Container';
+export { default as DatePicker } from './DatePicker';
 export { default as Description } from './Description';
 export { default as Display } from './Display';
 export { default as Divider } from './Divider';

package/esm/use-all-themes/all-themes-context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BolioUIThemes } from "../Themes/Presets";
-export declare type AllThemesConfig = {
+import { BolioUIThemes } from '../Themes/Presets';
+export type AllThemesConfig = {
     themes: Array<BolioUIThemes>;
 };
 export declare const AllThemesContext: React.Context<AllThemesConfig>;

package/esm/use-all-themes/index.d.ts

@@ -1,3 +1,3 @@
-import { useAllThemes } from "./all-themes-context";
-export type { AllThemesConfig } from "./all-themes-context";
+import { useAllThemes } from './all-themes-context';
+export type { AllThemesConfig } from './all-themes-context';
 export default useAllThemes;

package/esm/use-all-themes/index.js

@@ -1,2 +1,3 @@
+'use client';
 import { useAllThemes } from './all-themes-context';
 export default useAllThemes;

package/esm/use-body-scroll/index.d.ts

@@ -1,3 +1,3 @@
-import useBodyScroll from "./use-body-scroll";
-export type { BodyScrollOptions } from "./use-body-scroll";
+import useBodyScroll from './use-body-scroll';
+export type { BodyScrollOptions } from './use-body-scroll';
 export default useBodyScroll;

package/esm/use-body-scroll/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useBodyScroll from './use-body-scroll';
 export default useBodyScroll;

package/esm/use-body-scroll/use-body-scroll.d.ts

@@ -1,9 +1,9 @@
 import { Dispatch, RefObject, SetStateAction } from 'react';
-export declare type ElementStackItem = {
+export type ElementStackItem = {
     overflow: string;
     paddingRight: string;
 };
-export declare type BodyScrollOptions = {
+export type BodyScrollOptions = {
     scrollLayer?: boolean;
     delayReset?: number;
 };

package/esm/use-body-scroll/use-body-scroll.js

@@ -6,35 +6,28 @@ var defaultOptions = {
   delayReset: 0
 };
 var elementStack = new Map();
-
 var getOwnerPaddingRight = function getOwnerPaddingRight(element) {
   var owner = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   var view = owner.defaultView || window;
   return Number.parseInt(view.getComputedStyle(element).paddingRight, 10) || 0;
 };
-
 var getOwnerScrollbarWidth = function getOwnerScrollbarWidth(element) {
   var doc = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
   return Math.abs(window.innerWidth - doc.documentElement.clientWidth);
 };
-
 function useBodyScroll(elementRef, options) {
   if (typeof document === 'undefined') return [false, function (t) {
     return t;
   }];
   var elRef = elementRef || useRef(document.body);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hidden = _useState2[0],
-      setHidden = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hidden = _useState2[0],
+    setHidden = _useState2[1];
   var safeOptions = _extends({}, defaultOptions, options || {});
-
   useEffect(function () {
     if (!elRef || !elRef.current) return;
     var lastOverflow = elRef.current.style.overflow;
-
     if (hidden) {
       if (elementStack.has(elRef.current)) return;
       var paddingRight = getOwnerPaddingRight(elRef.current);
@@ -46,11 +39,10 @@ function useBodyScroll(elementRef, options) {
       elRef.current.style.overflow = 'hidden';
       elRef.current.style.paddingRight = "".concat(paddingRight + scrollbarWidth, "px");
       return;
-    } // reset element overflow
-
+    }
 
+    // reset element overflow
     if (!elementStack.has(elRef.current)) return;
-
     var reset = function reset(el) {
       var store = elementStack.get(el);
       if (!store) return;
@@ -58,7 +50,6 @@ function useBodyScroll(elementRef, options) {
       el.style.paddingRight = store.paddingRight;
       elementStack["delete"](el);
     };
-
     var timer = window.setTimeout(function () {
       reset(elRef.current);
       window.clearTimeout(timer);
@@ -66,5 +57,4 @@ function useBodyScroll(elementRef, options) {
   }, [hidden, elRef]);
   return [hidden, setHidden];
 }
-
 export default useBodyScroll;

package/esm/use-classes/index.d.ts

@@ -1,2 +1,2 @@
-import { default as useClasses } from "./use-classes";
+import { default as useClasses } from './use-classes';
 export default useClasses;

package/esm/use-classes/index.js

@@ -1,2 +1,3 @@
+'use client';
 import { default as useClasses } from './use-classes';
 export default useClasses;

package/esm/use-classes/use-classes.d.ts

@@ -1,4 +1,4 @@
-export declare type classNamesObject = Record<string, boolean | string | number | null | undefined>;
-export declare type className = string | classNamesObject | null | undefined | boolean | number;
+export type classNamesObject = Record<string, boolean | string | number | null | undefined>;
+export type className = string | classNamesObject | null | undefined | boolean | number;
 declare const useClasses: (...classNames: Array<className>) => string;
 export default useClasses;

package/esm/use-classes/use-classes.js

@@ -1,41 +1,32 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 var classObjectToString = function classObjectToString(className) {
   var keys = Object.keys(className);
   var len = keys.length;
   var str = '';
-
   for (var index = 0; index < len; index++) {
     var key = keys[index];
     var val = className[keys[index]];
     if (!val) continue;
     str = str ? "".concat(str, " ").concat(String(key)) : String(key);
   }
-
   return str;
 };
-
 var isObjectClassName = function isObjectClassName(value) {
   return _typeof(value) === 'object' && !Array.isArray(value);
 };
-
 var useClasses = function useClasses() {
   var len = arguments.length;
   var classes = '';
   if (len === 0) return classes;
-
   for (var index = 0; index < len; index++) {
     var val = index < 0 || arguments.length <= index ? undefined : arguments[index];
     if (!val) continue;
-
     if (isObjectClassName(val)) {
       classes += " ".concat(classObjectToString(val));
     } else {
       classes += " ".concat(String(val).trim());
     }
   }
-
   return classes.trim();
 };
-
 export default useClasses;

package/esm/use-click-away/index.d.ts

@@ -1,2 +1,2 @@
-import useClickAway from "./use-click-away";
+import useClickAway from './use-click-away';
 export default useClickAway;

package/esm/use-click-away/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useClickAway from './use-click-away';
 export default useClickAway;

package/esm/use-click-away/use-click-away.d.ts

@@ -1,4 +1,4 @@
 import { MutableRefObject } from 'react';
-export declare type ClickAwayGetContainer = () => HTMLElement | null;
+export type ClickAwayGetContainer = () => HTMLElement | null;
 declare const useClickAway: (ref: MutableRefObject<HTMLElement | null>, handler: (event: Event) => void) => void;
 export default useClickAway;

package/esm/use-click-away/use-click-away.js

@@ -1,5 +1,4 @@
 import { useEffect, useRef } from 'react';
-
 var useClickAway = function useClickAway(ref, handler) {
   var handlerRef = useRef(handler);
   useEffect(function () {
@@ -11,12 +10,10 @@ var useClickAway = function useClickAway(ref, handler) {
       if (!event || !el || el.contains(event.target)) return;
       handlerRef.current(event);
     };
-
     document.addEventListener('click', callback);
     return function () {
       return document.removeEventListener('click', callback);
     };
   }, [ref]);
 };
-
 export default useClickAway;

package/esm/use-clipboard/index.d.ts

@@ -1,3 +1,3 @@
-import useClipboard from "./use-clipboard";
-export type { UseClipboardOptions, UseClipboardResult } from "./use-clipboard";
+import useClipboard from './use-clipboard';
+export type { UseClipboardOptions, UseClipboardResult } from './use-clipboard';
 export default useClipboard;

package/esm/use-clipboard/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useClipboard from './use-clipboard';
 export default useClipboard;

package/esm/use-clipboard/use-clipboard.d.ts

@@ -1,7 +1,7 @@
-export declare type UseClipboardOptions = {
+export type UseClipboardOptions = {
     onError: () => unknown;
 };
-export declare type UseClipboardResult = {
+export type UseClipboardResult = {
     copy: (text: string) => void;
 };
 declare const useClipboard: (options?: UseClipboardOptions) => UseClipboardResult;

package/esm/use-clipboard/use-clipboard.js

@@ -6,11 +6,9 @@ var defaultOptions = {
     return useWarning('Failed to copy.', 'use-clipboard');
   }
 };
-
 var useClipboard = function useClipboard() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultOptions;
   var el = usePortal('clipboard');
-
   var copyText = function copyText(el, text) {
     if (!el || !text) return;
     var selection = window.getSelection();
@@ -21,20 +19,16 @@ var useClipboard = function useClipboard() {
     selection.removeAllRanges();
     range.selectNode(el);
     selection.addRange(range);
-
     try {
       window.document.execCommand('copy');
     } catch (e) {
       options.onError && options.onError();
     }
-
     selection.removeAllRanges();
-
     if (el) {
       el.textContent = '';
     }
   };
-
   var copy = useCallback(function (text) {
     copyText(el, text);
   }, [el]);
@@ -42,5 +36,4 @@ var useClipboard = function useClipboard() {
     copy: copy
   };
 };
-
 export default useClipboard;

package/esm/use-current-state/index.d.ts

@@ -1,2 +1,2 @@
-import useCurrentState from "./use-current-state";
+import useCurrentState from './use-current-state';
 export default useCurrentState;

package/esm/use-current-state/index.js

@@ -1,2 +1,3 @@
+'use client';
 import useCurrentState from './use-current-state';
 export default useCurrentState;

package/esm/use-current-state/use-current-state.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-export declare type CurrentStateType<S> = [
+export type CurrentStateType<S> = [
     S,
     Dispatch<SetStateAction<S>>,
     MutableRefObject<S>

package/esm/use-current-state/use-current-state.js

@@ -1,26 +1,21 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useRef, useState } from 'react';
-
 var useCurrentState = function useCurrentState(initialState) {
   var _useState = useState(function () {
-    return typeof initialState === 'function' ? initialState() : initialState;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      return typeof initialState === 'function' ? initialState() : initialState;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var ref = useRef(initialState);
   useEffect(function () {
     ref.current = state;
   }, [state]);
-
   var setValue = function setValue(val) {
     var result = typeof val === 'function' ? val(ref.current) : val;
     ref.current = result;
     setState(result);
   };
-
   return [state, setValue, ref];
 };
-
 export default useCurrentState;