@lidofinance/lido-ui 3.26.1 → 4.0.0-alpha.1

package/README.md

@@ -1,25 +1,27 @@
-# Lido UI Components
+# Lido UI Components v4
 
-> React components for Lido Finance projects.
+> React components (v4) for Lido Finance projects. (Released February 2025)
 
 Check out our Storybook at [https://ui.lido.fi](https://ui.lido.fi)
 
+For release a new version of the library you need to create a commit with `!` like this - `feat!: ui v4`
+
 ## Breaking Changes
 
-`useSystemTheme` hook will no longer return light theme as a fallback when system theme was not identified. A check needs to be added after upgrading.
+`useBreakpoint` has been deleted, because getting styles in js is a legacy of styled-components, but the library has switched to module-css. This can be created locally in your project.
 
 ## Getting Started
 
-Simply add `lido-ui` to your dependencies:
+1. Simply add `lido-ui` to your dependencies:
 
 ```bash
 yarn add @lidofinance/lido-ui
 ```
 
-Then, import Lido theme provider and wrap your components in `_app.js`:
+2. Import Lido theme provider and wrap your components in `_app.js`:
 
 ```js
-import { ThemeProvider } from '../lido-ui'
+import { ThemeProvider } from '@lidofinance/lido-ui'
 
 function App({ Component }) {
   return (
@@ -30,12 +32,23 @@ function App({ Component }) {
 }
 ```
 
+3. Import styles into your `_app.js` file:
+```tsx
+import '@lidofinance/lido-ui/index.css';
+```
+
+4. To use typography across your application, you need to import the provided CSS styles for typography.
+Insert the following line at the top of `_app.js` file to import the typography styles
+```tsx
+import '@lidofinance/lido-ui/styles/typography.css';
+```
+
 ## Usage
 
 Simply import any components and use in your project:
 
 ```js
-import { Button } from '../lido-ui'
+import { Button } from '@lidofinance/lido-ui'
 ```
 
 ## Developing
@@ -47,45 +60,27 @@ import { Button } from '../lido-ui'
 
 ### Initial setup
 
-1. To get started, install the dependencies:
-
+1. Install the required node version
 ```
-yarn install
+nvm use
 ```
 
-2. Build the packages:
+2. To get started, install the dependencies:
 
 ```
-yarn build
-```
-
-3. Run the storybook:
-
-```
-yarn dev
+yarn install
 ```
 
-### Adding a new package
-
-#### Add files
-
-1. Add a new package directory into the `packages` dir.
-2. Add `package.json`, check other packages to find out what you can copy from their `package.json` files.
-3. Fill in correctly the `name` field in the `package.json`.
-4. Add `README.md` and `LICENSE.txt`. You can copy `tsconfig.json` and `.npmignore` from other packages.
-5. Add the `src` directory, where the package's code will be placed.
-
-#### Run commands in the following order
+3. Build the packages:
 
 ```
-yarn combine
+yarn build
 ```
 
-It triggers a script, which updates the main `lido-ui` package. The script finds all packages, including the new one,
-and adds them to dependencies of `lido-ui` and to exports in its index file.
+4. Run the storybook:
 
 ```
-yarn install && yarn build
+yarn dev
 ```
 
 ## Publishing
@@ -93,7 +88,3 @@ yarn install && yarn build
 Packages are automatically published to npm when you push to master. The publication is based on [semantic-release](https://github.com/semantic-release/semantic-release) and [@qiwi/multi-semantic-release](https://github.com/qiwi/multi-semantic-release).
 
 For correct version detection, please follow the [conventional commit format](https://www.conventionalcommits.org/en/v1.0.0/).
-
-## Linking
-
-To include a local version of modified lido in your project, run `yarn link` in `packages/lido` and run `yarn link lido` in project you want to use it in. Make sure to run `yarn unlink lido` after it's no longer needed.

package/dist/cjs/button/Button.js

@@ -3,60 +3,88 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
-const ButtonStyles = require('./ButtonStyles.js');
-const useRipple = require('./useRipple.js');
+const cn = require('classnames');
+const Button_module = require('./Button.module.css.js');
+require('../links/link/Link.js');
+const DynamicLink = require('../links/dynamic-link/DynamicLink.js');
+const index = require('../icons/index.js');
+const WaveLoader = require('./waveLoader/WaveLoader.js');
 const jsxRuntime = require('react/jsx-runtime');
 
-const loaderSizes = {
-  xxs: 'small',
-  xs: 'small',
-  sm: 'small',
-  md: 'medium',
-  lg: 'medium'
-};
 const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    size = 'md',
-    variant = 'filled',
-    color = 'primary',
-    square = false,
-    fullwidth = false,
-    loading = false,
-    active = false,
-    onClick,
-    disabled,
+    color = 'default',
+    shape = 'oval',
+    icon,
+    href,
+    withArrow,
+    size = 'm',
+    className,
     children,
+    loading,
+    textStyle = 'semibold',
+    loaderVariant,
     ...rest
   } = _ref;
-  const {
-    handleClick,
-    ripple
-  } = useRipple.useRipple({
-    onClick
+  const isCircle = shape === 'circle';
+  const content = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(WaveLoader.WaveLoader, {
+      isVisible: loading,
+      variant: loaderVariant,
+      scale: size === 'l' ? 1 : size === 'xl' ? 1.2 : 0.8,
+      "data-testid": "button__wave"
+    }), icon && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: isCircle ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/React.cloneElement(icon, {
+          ...icon.props,
+          className: cn(Button_module.icon, icon.props.className)
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Button_module.iconWrapper,
+        children: /*#__PURE__*/React.cloneElement(icon, {
+          ...icon.props,
+          className: cn(Button_module.icon, icon.props.className)
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: !isCircle ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
+          className: cn(Button_module.content, Button_module[textStyle]),
+          children: [children, withArrow && /*#__PURE__*/jsxRuntime.jsx(index.ArrowRight, {
+            className: Button_module.arrow
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: Button_module.spacer
+        })]
+      }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: withArrow && /*#__PURE__*/jsxRuntime.jsx(index.ArrowRight, {
+          className: Button_module.arrow
+        })
+      })
+    })]
   });
-  const loaderSize = loaderSizes[size];
-  return /*#__PURE__*/jsxRuntime.jsxs(ButtonStyles.ButtonStyle, {
-    $size: size,
-    $variant: variant,
-    $fullwidth: fullwidth,
-    $color: color,
-    $square: square,
-    $loading: loading,
-    $active: active,
-    onClick: handleClick,
-    disabled: disabled || loading,
-    type: "button",
+  const props = {
+    className: cn(Button_module.button, className, Button_module[`size--${size}`], Button_module[color], Button_module[shape], {
+      [Button_module.withIcon]: Boolean(icon),
+      [Button_module[`${shape}-${size}`]]: shape === 'circle',
+      [Button_module[shape]]: shape === 'circle'
+    }),
+    children: content,
+    ...rest
+  };
+  if (href) {
+    return /*#__PURE__*/jsxRuntime.jsx(DynamicLink.DynamicLink, {
+      ref: ref,
+      href: href,
+      ...props
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
     ref: ref,
-    ...rest,
-    children: [/*#__PURE__*/jsxRuntime.jsx(ButtonStyles.ButtonContentStyle, {
-      $hidden: loading,
-      children: children
-    }), loading && /*#__PURE__*/jsxRuntime.jsx(ButtonStyles.ButtonLoaderStyle, {
-      size: loaderSize
-    }), !active && ripple]
+    ...props
   });
 });
-Button.displayName = 'Butotn';
+Button.displayName = 'Button';
 
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ButtonStyle,\n  ButtonContentStyle,\n  ButtonLoaderStyle,\n} from './ButtonStyles.js'\nimport { ButtonProps } from './types.js'\nimport { useRipple } from './useRipple.js'\n\nconst loaderSizes = {\n  xxs: 'small',\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n} as const\n\nexport const Button = forwardRef(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      square = false,\n      fullwidth = false,\n      loading = false,\n      active = false,\n      onClick,\n      disabled,\n      children,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const { handleClick, ripple } = useRipple({ onClick })\n    const loaderSize = loaderSizes[size]\n\n    return (\n      <ButtonStyle\n        $size={size}\n        $variant={variant}\n        $fullwidth={fullwidth}\n        $color={color}\n        $square={square}\n        $loading={loading}\n        $active={active}\n        onClick={handleClick}\n        disabled={disabled || loading}\n        type='button'\n        ref={ref}\n        {...rest}\n      >\n        <ButtonContentStyle $hidden={loading}>{children}</ButtonContentStyle>\n        {loading && <ButtonLoaderStyle size={loaderSize} />}\n        {!active && ripple}\n      </ButtonStyle>\n    )\n  },\n)\nButton.displayName = 'Butotn'\n"],"names":["loaderSizes","xxs","xs","sm","md","lg","Button","forwardRef","ref","size","variant","color","square","fullwidth","loading","active","onClick","disabled","children","rest","handleClick","ripple","useRipple","loaderSize","_jsxs","ButtonStyle","_jsx","ButtonContentStyle","ButtonLoaderStyle","displayName"],"mappings":";;;;;;;;;AASA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,GAAG,EAAE,OADa;AAElBC,EAAAA,EAAE,EAAE,OAFc;AAGlBC,EAAAA,EAAE,EAAE,OAHc;AAIlBC,EAAAA,EAAE,EAAE,QAJc;AAKlBC,EAAAA,EAAE,EAAE,QAAA;AALc,CAApB,CAAA;MAQaC,MAAM,gBAAGC,gBAAU,CAC9B,CAAA,IAAA,EAcEC,GAdF,KAeK;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,QAFZ;AAGEC,IAAAA,KAAK,GAAG,SAHV;AAIEC,IAAAA,MAAM,GAAG,KAJX;AAKEC,IAAAA,SAAS,GAAG,KALd;AAMEC,IAAAA,OAAO,GAAG,KANZ;AAOEC,IAAAA,MAAM,GAAG,KAPX;IAQEC,OARF;IASEC,QATF;IAUEC,QAVF;IAWE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;AAAeC,IAAAA,MAAAA;AAAf,GAAA,GAA0BC,mBAAS,CAAC;AAAEN,IAAAA,OAAAA;AAAF,GAAD,CAAzC,CAAA;AACA,EAAA,MAAMO,UAAU,GAAGvB,WAAW,CAACS,IAAD,CAA9B,CAAA;AAEA,EAAA,oBACEe,gBAACC,wBAAD,EAAA;AACE,IAAA,KAAK,EAAEhB,IADT;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,UAAU,EAAEG,SAHd;AAIE,IAAA,MAAM,EAAEF,KAJV;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,QAAQ,EAAEE,OANZ;AAOE,IAAA,OAAO,EAAEC,MAPX;AAQE,IAAA,OAAO,EAAEK,WARX;IASE,QAAQ,EAAEH,QAAQ,IAAIH,OATxB;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,GAAG,EAAEN,GAXP;AAAA,IAAA,GAYMW,IAZN;AAAA,IAAA,QAAA,EAAA,cAcEO,eAACC,+BAAD,EAAA;AAAoB,MAAA,OAAO,EAAEb,OAA7B;MAAA,QAAuCI,EAAAA,QAAAA;AAAvC,KAAA,CAdF,EAeGJ,OAAO,iBAAIY,cAAA,CAACE,8BAAD,EAAA;AAAmB,MAAA,IAAI,EAAEL,UAAAA;AAAzB,KAAA,CAfd,EAgBG,CAACR,MAAD,IAAWM,MAhBd,CAAA;GADF,CAAA,CAAA;AAoBD,CAxC6B,EAAzB;AA0CPf,MAAM,CAACuB,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../packages/button/Button.tsx"],"sourcesContent":["import {\n  cloneElement,\n  ForwardedRef,\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactElement,\n  RefObject,\n} from 'react'\nimport cn from 'classnames'\nimport styles from './Button.module.css'\nimport { DynamicLink } from '../links'\nimport { ArrowRight } from '../icons'\nimport { WaveLoader, WaveLoaderVariant } from './waveLoader/WaveLoader'\n\nexport type ButtonProps = (\n  | (ComponentPropsWithoutRef<'a'> & {\n      href: string\n    })\n  | (ComponentPropsWithoutRef<'button'> & {\n      href?: never\n    })\n) & {\n  color?: ButtonColor\n  shape?: ButtonShape\n  icon?: ReactElement\n  withArrow?: boolean\n  size?: ButtonSize\n  loading?: boolean\n  textStyle?: ButtonTextStyle\n  loaderVariant?: WaveLoaderVariant\n}\n\nexport type ButtonSize = 's' | 'm' | 'l' | 'xl' | 'xxl' // \"s\" and \"xxl\" sizes are only for Circle shape\nexport type ButtonTextStyle = 'normal' | 'semibold' | 'subhead' | 'description'\nexport type ButtonColor =\n  | 'default'\n  | 'secondary'\n  | 'outline'\n  | 'success'\n  | 'transparent'\nexport type ButtonShape = 'oval' | 'circle'\n\nexport const Button = forwardRef(\n  (\n    {\n      color = 'default',\n      shape = 'oval',\n      icon,\n      href,\n      withArrow,\n      size = 'm',\n      className,\n      children,\n      loading,\n      textStyle = 'semibold',\n      loaderVariant,\n      ...rest\n    }: ButtonProps,\n    ref?: ForwardedRef<HTMLAnchorElement | HTMLButtonElement>,\n  ) => {\n    const isCircle = shape === 'circle'\n\n    const content = (\n      <>\n        <WaveLoader\n          isVisible={loading}\n          variant={loaderVariant}\n          scale={size === 'l' ? 1 : size === 'xl' ? 1.2 : 0.8}\n          data-testid='button__wave'\n        />\n        {icon && (\n          <>\n            {isCircle ? (\n              <>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </>\n            ) : (\n              <span className={styles.iconWrapper}>\n                {cloneElement(icon, {\n                  ...icon.props,\n                  className: cn(styles.icon, icon.props.className),\n                })}\n              </span>\n            )}\n          </>\n        )}\n\n        <>\n          {!isCircle ? (\n            <>\n              <span className={cn(styles.content, styles[textStyle])}>\n                {children}\n                {withArrow && <ArrowRight className={styles.arrow} />}\n              </span>\n              <span className={styles.spacer} />\n            </>\n          ) : (\n            <>{withArrow && <ArrowRight className={styles.arrow} />}</>\n          )}\n        </>\n      </>\n    )\n\n    const props = {\n      className: cn(\n        styles.button,\n        className,\n        styles[`size--${size}`],\n        styles[color],\n        styles[shape],\n        {\n          [styles.withIcon]: Boolean(icon),\n          [styles[`${shape}-${size}`]]: shape === 'circle',\n          [styles[shape]]: shape === 'circle',\n        },\n      ),\n      children: content,\n      ...(rest as object),\n    }\n\n    if (href) {\n      return (\n        <DynamicLink\n          ref={ref as RefObject<HTMLAnchorElement>}\n          href={href}\n          {...props}\n        />\n      )\n    }\n\n    return <button ref={ref as RefObject<HTMLButtonElement>} {...props} />\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","color","shape","icon","href","withArrow","size","className","children","loading","textStyle","loaderVariant","rest","isCircle","content","_jsxs","_Fragment","_jsx","WaveLoader","isVisible","variant","scale","cloneElement","props","cn","styles","iconWrapper","ArrowRight","arrow","spacer","button","withIcon","Boolean","DynamicLink","displayName"],"mappings":"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"}

package/dist/cjs/button/Button.module.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"button":"Button-module_button__0HFtl","arrow":"Button-module_arrow__d3Bzj","icon":"Button-module_icon__1CQNo","size--l":"Button-module_size--l__Nvoeu","size--xl":"Button-module_size--xl__O3Rcv","circle":"Button-module_circle__fWex4","content":"Button-module_content__RUTEy","spacer":"Button-module_spacer__ojPHa","withIcon":"Button-module_withIcon__smH-y","iconWrapper":"Button-module_iconWrapper__wQYMx","size--s":"Button-module_size--s__ZnSdg","size--m":"Button-module_size--m__3rHqF","size--xxl":"Button-module_size--xxl__7TJ3Q","normal":"Button-module_normal__48FH-","semibold":"Button-module_semibold__h12tM","subhead":"Button-module_subhead__hesHw","description":"Button-module_description__1dbcV","default":"Button-module_default__glQiC","secondary":"Button-module_secondary__pTxz0","outline":"Button-module_outline__Ukk-k","success":"Button-module_success__3A4XP","transparent":"Button-module_transparent__c4nnr","circle-s":"Button-module_circle-s__Lz8vm","circle-m":"Button-module_circle-m__JS9K8","circle-l":"Button-module_circle-l__smFdi","circle-xl":"Button-module_circle-xl__QtZsc","circle-xxl":"Button-module_circle-xxl__6rLNO"};
+
+module.exports = styles;
+//# sourceMappingURL=Button.module.css.js.map

package/dist/cjs/button/Button.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/button/waveLoader/WaveLoader.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const React = require('react');
+const WaveLoader_module = require('./WaveLoader.module.css.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const DISAPPEAR_ANIMATION_DURATION = 250;
+const WaveLoader = _ref => {
+  let {
+    isVisible: isVisibleProp,
+    scale = 1,
+    variant = 'opaque',
+    className,
+    ...rest
+  } = _ref;
+  const wrap = React.useRef(null);
+  const [isVisible, setVisible] = React.useState(isVisibleProp);
+  const isAppearing = !isVisible && isVisibleProp;
+  const isDisappearing = isVisible && !isVisibleProp;
+  React.useEffect(() => {
+    if (isAppearing) setVisible(true);
+    if (isDisappearing && wrap.current) {
+      setTimeout(() => {
+        setVisible(false);
+      }, DISAPPEAR_ANIMATION_DURATION);
+    }
+  }, [isAppearing, isDisappearing]);
+  if (!isVisible) return null;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ref: wrap,
+    className: cn(WaveLoader_module.wrap, className, {
+      [WaveLoader_module.disappearing]: isDisappearing
+    }),
+    style: {
+      '--wave-svg-scale': scale
+    },
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: cn(WaveLoader_module.wave, WaveLoader_module.high, WaveLoader_module[`variant--${variant}`])
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: cn(WaveLoader_module.wave, WaveLoader_module.low, WaveLoader_module[`variant--${variant}`])
+    })]
+  });
+};
+
+exports.WaveLoader = WaveLoader;
+//# sourceMappingURL=WaveLoader.js.map

package/dist/cjs/button/waveLoader/WaveLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveLoader.js","sources":["../../../../packages/button/waveLoader/WaveLoader.tsx"],"sourcesContent":["import cn from 'classnames'\nimport {\n  useEffect,\n  useRef,\n  useState,\n  CSSProperties,\n  ComponentPropsWithoutRef,\n} from 'react'\nimport s from './WaveLoader.module.css'\n\nconst DISAPPEAR_ANIMATION_DURATION = 250\n\nexport type WaveLoaderProps = ComponentPropsWithoutRef<'div'> & {\n  scale?: number\n  variant?: WaveLoaderVariant\n  isVisible?: boolean\n}\n\nexport type WaveLoaderVariant = 'transparent' | 'opaque'\n\nexport const WaveLoader = ({\n  isVisible: isVisibleProp,\n  scale = 1,\n  variant = 'opaque',\n  className,\n  ...rest\n}: WaveLoaderProps) => {\n  const wrap = useRef<HTMLDivElement | null>(null)\n  const [isVisible, setVisible] = useState(isVisibleProp)\n  const isAppearing = !isVisible && isVisibleProp\n  const isDisappearing = isVisible && !isVisibleProp\n\n  useEffect(() => {\n    if (isAppearing) setVisible(true)\n    if (isDisappearing && wrap.current) {\n      setTimeout(() => {\n        setVisible(false)\n      }, DISAPPEAR_ANIMATION_DURATION)\n    }\n  }, [isAppearing, isDisappearing])\n\n  if (!isVisible) return null\n\n  return (\n    <div\n      ref={wrap}\n      className={cn(s.wrap, className, { [s.disappearing]: isDisappearing })}\n      style={{ '--wave-svg-scale': scale } as CSSProperties}\n      {...rest}\n    >\n      <div className={cn(s.wave, s.high, s[`variant--${variant}`])} />\n      <div className={cn(s.wave, s.low, s[`variant--${variant}`])} />\n    </div>\n  )\n}\n"],"names":["DISAPPEAR_ANIMATION_DURATION","WaveLoader","_ref","isVisible","isVisibleProp","scale","variant","className","rest","wrap","useRef","setVisible","useState","isAppearing","isDisappearing","useEffect","current","setTimeout","_jsxs","ref","cn","s","disappearing","style","children","_jsx","wave","high","low"],"mappings":";;;;;;;;;AAUA,MAAMA,4BAA4B,GAAG,GAAG,CAAA;AAU3BC,MAAAA,UAAU,GAAGC,IAAA,IAMH;EAAA,IANI;AACzBC,IAAAA,SAAS,EAAEC,aAAa;AACxBC,IAAAA,KAAK,GAAG,CAAC;AACTC,IAAAA,OAAO,GAAG,QAAQ;IAClBC,SAAS;IACT,GAAGC,IAAAA;AACY,GAAC,GAAAN,IAAA,CAAA;AAChB,EAAA,MAAMO,IAAI,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;EAChD,MAAM,CAACP,SAAS,EAAEQ,UAAU,CAAC,GAAGC,cAAQ,CAACR,aAAa,CAAC,CAAA;AACvD,EAAA,MAAMS,WAAW,GAAG,CAACV,SAAS,IAAIC,aAAa,CAAA;AAC/C,EAAA,MAAMU,cAAc,GAAGX,SAAS,IAAI,CAACC,aAAa,CAAA;AAElDW,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIF,WAAW,EAAEF,UAAU,CAAC,IAAI,CAAC,CAAA;AACjC,IAAA,IAAIG,cAAc,IAAIL,IAAI,CAACO,OAAO,EAAE;AAClCC,MAAAA,UAAU,CAAC,MAAM;QACfN,UAAU,CAAC,KAAK,CAAC,CAAA;OAClB,EAAEX,4BAA4B,CAAC,CAAA;AAClC,KAAA;AACF,GAAC,EAAE,CAACa,WAAW,EAAEC,cAAc,CAAC,CAAC,CAAA;AAEjC,EAAA,IAAI,CAACX,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,EAAA,oBACEe,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEV,IAAK;IACVF,SAAS,EAAEa,EAAE,CAACC,iBAAC,CAACZ,IAAI,EAAEF,SAAS,EAAE;MAAE,CAACc,iBAAC,CAACC,YAAY,GAAGR,cAAAA;AAAe,KAAC,CAAE;AACvES,IAAAA,KAAK,EAAE;AAAE,MAAA,kBAAkB,EAAElB,KAAAA;KAAyB;AAAA,IAAA,GAClDG,IAAI;AAAAgB,IAAAA,QAAA,gBAERC,cAAA,CAAA,KAAA,EAAA;AAAKlB,MAAAA,SAAS,EAAEa,EAAE,CAACC,iBAAC,CAACK,IAAI,EAAEL,iBAAC,CAACM,IAAI,EAAEN,iBAAC,CAAC,CAAYf,SAAAA,EAAAA,OAAO,EAAE,CAAC,CAAA;KAAI,CAAC,eAChEmB,cAAA,CAAA,KAAA,EAAA;AAAKlB,MAAAA,SAAS,EAAEa,EAAE,CAACC,iBAAC,CAACK,IAAI,EAAEL,iBAAC,CAACO,GAAG,EAAEP,iBAAC,CAAC,CAAYf,SAAAA,EAAAA,OAAO,EAAE,CAAC,CAAA;AAAE,KAAE,CAAC,CAAA;AAAA,GAC5D,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/button/waveLoader/WaveLoader.module.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const s = {"wave":"WaveLoader-module_wave__0RQ7z","wrap":"WaveLoader-module_wrap__6liFz","appearing":"WaveLoader-module_appearing__L-qcU","disappearing":"WaveLoader-module_disappearing__aN4U9","high":"WaveLoader-module_high__dV1T3","they-float-high":"WaveLoader-module_they-float-high__uz7zp","low":"WaveLoader-module_low__Fqo6T","they-float-low":"WaveLoader-module_they-float-low__zaQ0B","variant--transparent":"WaveLoader-module_variant--transparent__nQw6n","variant--opaque":"WaveLoader-module_variant--opaque__9ga9I"};
+
+module.exports = s;
+//# sourceMappingURL=WaveLoader.module.css.js.map

package/dist/cjs/button/waveLoader/WaveLoader.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaveLoader.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/checkbox/Checkbox.js

@@ -3,37 +3,36 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
-const CheckboxStyles = require('./CheckboxStyles.js');
-const Text = require('../text/Text.js');
-const Box = require('../box/Box.js');
+const Checkbox_module = require('./Checkbox.module.css.js');
+const cn = require('classnames');
 const jsxRuntime = require('react/jsx-runtime');
 
-const Checkbox = /*#__PURE__*/React.forwardRef((_ref, inputRef) => {
+const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
+    variant = 'accent',
+    size = 's',
+    disabled = false,
     className,
     style,
-    wrapperRef,
-    disabled,
     children,
-    label,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs(CheckboxStyles.CheckboxWrapperStyle, {
-    className: className,
+  return /*#__PURE__*/jsxRuntime.jsxs("label", {
+    className: cn(className, Checkbox_module.container, {
+      [Checkbox_module.containerDisabled]: disabled
+    }),
     style: style,
-    ref: wrapperRef,
-    children: [/*#__PURE__*/jsxRuntime.jsx(CheckboxStyles.CheckboxInputStyle, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("input", {
+      ref: ref,
+      className: cn(Checkbox_module.input, Checkbox_module[variant], Checkbox_module[`inputSize--${size.toUpperCase()}`]),
       type: "checkbox",
       disabled: disabled,
-      ref: inputRef,
       ...rest
-    }), /*#__PURE__*/jsxRuntime.jsx(CheckboxStyles.CheckboxIconStyle, {}), label && /*#__PURE__*/jsxRuntime.jsx(Box.Box, {
-      ml: 8,
-      children: /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
-        size: "xxs",
-        color: disabled ? 'secondary' : 'default',
-        children: label
-      })
+    }), /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: cn(Checkbox_module.text, Checkbox_module[`textSize--${size.toUpperCase()}`], {
+        [Checkbox_module.textDisabled]: disabled
+      }),
+      children: children
     })]
   });
 });

package/dist/cjs/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      style,\n      wrapperRef,\n      disabled,\n      children,\n      label,\n      ...rest\n    }: CheckboxProps,\n    inputRef?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <CheckboxWrapperStyle\n        className={className}\n        style={style}\n        ref={wrapperRef}\n      >\n        <CheckboxInputStyle\n          type='checkbox'\n          disabled={disabled}\n          ref={inputRef}\n          {...rest}\n        />\n        <CheckboxIconStyle />\n        {label && (\n          <Box ml={8}>\n            <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n              {label}\n            </Text>\n          </Box>\n        )}\n      </CheckboxWrapperStyle>\n    )\n  },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","CheckboxWrapperStyle","_jsx","CheckboxInputStyle","CheckboxIconStyle","Box","Text","displayName"],"mappings":";;;;;;;;;;MAUaA,QAAQ,gBAAGC,gBAAU,CAChC,CAAA,IAAA,EAUEC,QAVF,KAWK;EAAA,IAVH;IACEC,SADF;IAEEC,KAFF;IAGEC,UAHF;IAIEC,QAJF;IAKEC,QALF;IAMEC,KANF;IAOE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,gBAACC,mCAAD,EAAA;AACE,IAAA,SAAS,EAAER,SADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,GAAG,EAAEC,UAHP;AAAA,IAAA,QAAA,EAAA,cAKEO,eAACC,iCAAD,EAAA;AACE,MAAA,IAAI,EAAC,UADP;AAEE,MAAA,QAAQ,EAAEP,QAFZ;AAGE,MAAA,GAAG,EAAEJ,QAHP;MAAA,GAIMO,IAAAA;KATR,CAAA,eAWEG,eAACE,gCAAD,EAAA,EAAA,CAXF,EAYGN,KAAK,iBACJI,eAACG,OAAD,EAAA;AAAK,MAAA,EAAE,EAAE,CAAT;AAAA,MAAA,QAAA,eACEH,eAACI,SAAD,EAAA;AAAM,QAAA,IAAI,EAAC,KAAX;AAAiB,QAAA,KAAK,EAAEV,QAAQ,GAAG,WAAH,GAAiB,SAAjD;QAAA,QACGE,EAAAA,KAAAA;AADH,OAAA,CAAA;KAdN,CAAA,CAAA;GADF,CAAA,CAAA;AAsBD,CAnC+B,EAA3B;AAqCPR,QAAQ,CAACiB,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ComponentProps, forwardRef, ForwardedRef } from 'react'\nimport styles from './Checkbox.module.css'\nimport cn from 'classnames'\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'type' | 'size'> & {\n  variant?: CheckboxVariant\n  size?: CheckboxSize\n}\n\nexport type CheckboxVariant = 'accent' | 'primary'\nexport type CheckboxSize = 'xs' | 's' | 'm' | 'l'\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      variant = 'accent',\n      size = 's',\n      disabled = false,\n      className,\n      style,\n      children,\n      ...rest\n    }: CheckboxProps,\n    ref: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <label\n        className={cn(className, styles.container, {\n          [styles.containerDisabled]: disabled,\n        })}\n        style={style}\n      >\n        <input\n          ref={ref}\n          className={cn(\n            styles.input,\n            styles[variant],\n            styles[`inputSize--${size.toUpperCase()}`],\n          )}\n          type='checkbox'\n          disabled={disabled}\n          {...rest}\n        />\n        <span\n          className={cn(\n            styles.text,\n            styles[`textSize--${size.toUpperCase()}`],\n            {\n              [styles.textDisabled]: disabled,\n            },\n          )}\n        >\n          {children}\n        </span>\n      </label>\n    )\n  },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","ref","variant","size","disabled","className","style","children","rest","_jsxs","cn","styles","container","containerDisabled","_jsx","input","toUpperCase","type","text","textDisabled","displayName"],"mappings":";;;;;;;;;AAYO,MAAMA,QAAQ,gBAAGC,gBAAU,CAChC,CAAAC,IAAA,EAUEC,GAAmC,KAChC;EAAA,IAVH;AACEC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,IAAI,GAAG,GAAG;AACVC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,KAAK;IACLC,QAAQ;IACR,GAAGC,IAAAA;AACU,GAAC,GAAAR,IAAA,CAAA;AAGhB,EAAA,oBACES,eAAA,CAAA,OAAA,EAAA;IACEJ,SAAS,EAAEK,EAAE,CAACL,SAAS,EAAEM,eAAM,CAACC,SAAS,EAAE;MACzC,CAACD,eAAM,CAACE,iBAAiB,GAAGT,QAAAA;AAC9B,KAAC,CAAE;AACHE,IAAAA,KAAK,EAAEA,KAAM;AAAAC,IAAAA,QAAA,gBAEbO,cAAA,CAAA,OAAA,EAAA;AACEb,MAAAA,GAAG,EAAEA,GAAI;MACTI,SAAS,EAAEK,EAAE,CACXC,eAAM,CAACI,KAAK,EACZJ,eAAM,CAACT,OAAO,CAAC,EACfS,eAAM,CAAC,cAAcR,IAAI,CAACa,WAAW,EAAE,CAAE,CAAA,CAC3C,CAAE;AACFC,MAAAA,IAAI,EAAC,UAAU;AACfb,MAAAA,QAAQ,EAAEA,QAAS;MAAA,GACfI,IAAAA;KACL,CAAC,eACFM,cAAA,CAAA,MAAA,EAAA;AACET,MAAAA,SAAS,EAAEK,EAAE,CACXC,eAAM,CAACO,IAAI,EACXP,eAAM,CAAC,CAAA,UAAA,EAAaR,IAAI,CAACa,WAAW,EAAE,CAAA,CAAE,CAAC,EACzC;QACE,CAACL,eAAM,CAACQ,YAAY,GAAGf,QAAAA;AACzB,OACF,CAAE;AAAAG,MAAAA,QAAA,EAEDA,QAAAA;AAAQ,KACL,CAAC,CAAA;AAAA,GACF,CAAC,CAAA;AAEZ,CACF,EAAC;AACDT,QAAQ,CAACsB,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/checkbox/Checkbox.module.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"container":"Checkbox-module_container__KMNmB","text":"Checkbox-module_text__FICh9","input":"Checkbox-module_input__lcAFg","inputSize--XS":"Checkbox-module_inputSize--XS__akCAG","inputSize--S":"Checkbox-module_inputSize--S__bWRRU","inputSize--M":"Checkbox-module_inputSize--M__rgpmJ","inputSize--L":"Checkbox-module_inputSize--L__iq1g3","textSize--L":"Checkbox-module_textSize--L__qf5V0","textSize--M":"Checkbox-module_textSize--M__SLyjC","textSize--S":"Checkbox-module_textSize--S__PtYR7","XS":"Checkbox-module_XS__8Pci-","accent":"Checkbox-module_accent__yn1rL","primary":"Checkbox-module_primary__Qf3gE","containerDisabled":"Checkbox-module_containerDisabled__RPIYp","textDisabled":"Checkbox-module_textDisabled__PTEbV"};
+
+module.exports = styles;
+//# sourceMappingURL=Checkbox.module.css.js.map

package/dist/cjs/checkbox/Checkbox.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/hooks/useEscape.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEscape.js","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,SAAS,GAAIC,QAAD,IAAiC;AACxD,EAAA,MAAMC,aAAa,GAAGC,iBAAW,CAC9BC,KAAD,IAA0B;AACxB,IAAA,IAAIA,KAAK,CAACC,GAAN,KAAc,QAAlB,EAA4B;MAC1BJ,QAAQ,IAAA,CAAA;AACT,KAAA;AACF,GAL8B,EAM/B,CAACA,QAAD,CAN+B,CAAjC,CAAA;AASAK,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCN,aAAnC,CAAA,CAAA;IAEA,OAAO,MAAMK,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCP,aAAtC,CAAb,CAAA;AACD,GAJQ,EAIN,CAACA,aAAD,CAJM,CAAT,CAAA;AAKD;;;;"}
+{"version":3,"file":"useEscape.js","sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useEscape","callback","handleKeyDown","useCallback","event","key","useEffect","window","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,SAAS,GAAIC,QAAqB,IAAW;AACxD,EAAA,MAAMC,aAAa,GAAGC,iBAAW,CAC9BC,KAAoB,IAAK;AACxB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;AAC1BJ,MAAAA,QAAQ,IAAI,CAAA;AACd,KAAA;AACF,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDK,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;IAEjD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC,CAAA;AACnE,GAAC,EAAE,CAACA,aAAa,CAAC,CAAC,CAAA;AACrB;;;;"}

package/dist/cjs/hooks/useInterceptFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterceptFocus.js","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;;;;;AAEO,MAAMA,iBAAiB,GAAG,MAG5B;AACH,EAAA,MAAMC,YAAY,GAAGC,YAAM,CAAiB,IAAjB,CAA3B,CAAA;AAEA,EAAA,MAAMC,YAAY,GAAGC,iBAAW,CAAC,MAAM;AACrC,IAAA,IAAI,EAAEH,YAAY,CAACI,OAAb,YAAgCC,WAAlC,CAAJ,EAAoD,OAAA;IACpDL,YAAY,CAACI,OAAb,CAAqBE,KAArB,EAAA,CAAA;GAF8B,EAG7B,EAH6B,CAAhC,CAAA;AAKA,EAAA,MAAMC,cAAc,GAAGJ,iBAAW,CAAEK,IAAD,IAAuB;AACxDR,IAAAA,YAAY,CAACI,OAAb,GAAuBK,QAAQ,CAACC,aAAhC,CAAA;IAEA,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAL,CAAcH,QAAQ,CAACC,aAAvB,CAAtB,CAAA;AACA,IAAA,IAAIC,aAAJ,EAAmB,OAAA;AAEnBH,IAAAA,IAAI,CAACF,KAAL,EAAA,CAAA;GANgC,EAO/B,EAP+B,CAAlC,CAAA;AASA,EAAA,OAAO,CAACC,cAAD,EAAiBL,YAAjB,CAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useInterceptFocus.js","sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useInterceptFocus","savedElement","useRef","restoreFocus","useCallback","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":";;;;;;AAEaA,MAAAA,iBAAiB,GAAGA,MAG5B;AACH,EAAA,MAAMC,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAEjD,EAAA,MAAMC,YAAY,GAAGC,iBAAW,CAAC,MAAM;AACrC,IAAA,IAAI,EAAEH,YAAY,CAACI,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAA;AACpDL,IAAAA,YAAY,CAACI,OAAO,CAACE,KAAK,EAAE,CAAA;GAC7B,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,cAAc,GAAGJ,iBAAW,CAAEK,IAAiB,IAAK;AACxDR,IAAAA,YAAY,CAACI,OAAO,GAAGK,QAAQ,CAACC,aAAa,CAAA;IAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC,CAAA;AAC3D,IAAA,IAAIC,aAAa,EAAE,OAAA;IAEnBH,IAAI,CAACF,KAAK,EAAE,CAAA;GACb,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,OAAO,CAACC,cAAc,EAAEL,YAAY,CAAC,CAAA;AACvC;;;;"}

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 
+// use this instead of useLayoutEffect for SSR
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;;;;;AAGO,MAAMA,yBAAyB,GACpC,OAAOC,MAAP,KAAkB,WAAlB,GAAgCC,qBAAhC,GAAkDC;;;;"}
+{"version":3,"file":"useIsomorphicLayoutEffect.js","sources":["../../../packages/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\n// use this instead of useLayoutEffect for SSR\nexport const useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect"],"mappings":";;;;;;AAEA;AACO,MAAMA,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,qBAAe,GAAGC;;;;"}

package/dist/cjs/hooks/useLockScroll.js

@@ -18,16 +18,13 @@ const getScrollbarSize = () => {
   document.body.removeChild(tempDiv);
   return scrollbarSize;
 };
-
 const isVerticalScroll = element => {
   const isBody = document.body === element;
   return isBody ? document.documentElement.scrollHeight > window.innerHeight : element.scrollHeight > element.clientHeight;
 };
-
 const getPaddingRight = element => {
   return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
 };
-
 const setStyleProperty = (element, property, value) => {
   if (value) {
     element.style.setProperty(property, value);
@@ -35,7 +32,6 @@ const setStyleProperty = (element, property, value) => {
     element.style.removeProperty(property);
   }
 };
-
 const useLockScroll = function () {
   let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.body;
   const lockScroll = React.useCallback(() => {
@@ -47,7 +43,6 @@ const useLockScroll = function () {
     const paddingRight = getPaddingRight(element) + getScrollbarSize();
     setStyleProperty(element, 'padding-right', `${paddingRight}px`);
     setStyleProperty(element, 'overflow', 'hidden');
-
     const unlockScroll = () => {
       const {
         paddingRight,
@@ -56,7 +51,6 @@ const useLockScroll = function () {
       setStyleProperty(element, 'padding-right', paddingRight);
       setStyleProperty(element, 'overflow', overflow);
     };
-
     return unlockScroll;
   }, [element]);
   React.useLayoutEffect(() => {

package/dist/cjs/hooks/useLockScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? document.documentElement.scrollHeight > window.innerHeight\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string,\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":";;;;;;AAEA,MAAMA,gBAAgB,GAAG,MAAc;AACrC,EAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAhB,CAAA;AAEAC,EAAAA,MAAM,CAACC,MAAP,CAAcJ,OAAO,CAACK,KAAtB,EAA6B;AAC3BC,IAAAA,QAAQ,EAAE,UADiB;AAE3BC,IAAAA,IAAI,EAAE,SAFqB;AAG3BC,IAAAA,KAAK,EAAE,OAHoB;AAI3BC,IAAAA,MAAM,EAAE,OAJmB;AAK3BC,IAAAA,QAAQ,EAAE,QAAA;GALZ,CAAA,CAAA;AAQAT,EAAAA,QAAQ,CAACU,IAAT,CAAcC,WAAd,CAA0BZ,OAA1B,CAAA,CAAA;EACA,MAAMa,aAAa,GAAGb,OAAO,CAACc,WAAR,GAAsBd,OAAO,CAACe,WAApD,CAAA;AACAd,EAAAA,QAAQ,CAACU,IAAT,CAAcK,WAAd,CAA0BhB,OAA1B,CAAA,CAAA;AAEA,EAAA,OAAOa,aAAP,CAAA;AACD,CAhBD,CAAA;;AAkBA,MAAMI,gBAAgB,GAAIC,OAAD,IAAmC;AAC1D,EAAA,MAAMC,MAAM,GAAGlB,QAAQ,CAACU,IAAT,KAAkBO,OAAjC,CAAA;AAEA,EAAA,OAAOC,MAAM,GACTlB,QAAQ,CAACmB,eAAT,CAAyBC,YAAzB,GAAwCC,MAAM,CAACC,WADtC,GAETL,OAAO,CAACG,YAAR,GAAuBH,OAAO,CAACM,YAFnC,CAAA;AAGD,CAND,CAAA;;AAQA,MAAMC,eAAe,GAAIP,OAAD,IAAkC;AACxD,EAAA,OAAOQ,QAAQ,CAACJ,MAAM,CAACK,gBAAP,CAAwBT,OAAxB,CAAA,CAAiCU,YAAlC,EAAgD,EAAhD,CAAR,IAA+D,CAAtE,CAAA;AACD,CAFD,CAAA;;AAIA,MAAMC,gBAAgB,GAAG,CACvBX,OADuB,EAEvBY,QAFuB,EAGvBC,KAHuB,KAId;AACT,EAAA,IAAIA,KAAJ,EAAW;AACTb,IAAAA,OAAO,CAACb,KAAR,CAAc2B,WAAd,CAA0BF,QAA1B,EAAoCC,KAApC,CAAA,CAAA;AACD,GAFD,MAEO;AACLb,IAAAA,OAAO,CAACb,KAAR,CAAc4B,cAAd,CAA6BH,QAA7B,CAAA,CAAA;AACD,GAAA;AACF,CAVD,CAAA;;AAYO,MAAMI,aAAa,GAAG,YAAgD;AAAA,EAAA,IAA/ChB,OAA+C,GAAA,SAAA,CAAA,MAAA,GAAA,CAAA,IAAA,SAAA,CAAA,CAAA,CAAA,KAAA,SAAA,GAAA,SAAA,CAAA,CAAA,CAAA,GAAxBjB,QAAQ,CAACU,IAAe,CAAA;AAC3E,EAAA,MAAMwB,UAAU,GAAGC,iBAAW,CAAC,MAAM;AACnC,IAAA,IAAI,CAACnB,gBAAgB,CAACC,OAAD,CAArB,EAAgC,OAAA;AAEhC,IAAA,MAAMmB,cAAc,GAAG;AACrBT,MAAAA,YAAY,EAAEV,OAAO,CAACb,KAAR,CAAcuB,YADP;AAErBlB,MAAAA,QAAQ,EAAEQ,OAAO,CAACb,KAAR,CAAcK,QAAAA;KAF1B,CAAA;IAKA,MAAMkB,YAAY,GAAGH,eAAe,CAACP,OAAD,CAAf,GAA2BnB,gBAAgB,EAAhE,CAAA;IACA8B,gBAAgB,CAACX,OAAD,EAAU,eAAV,EAA4B,CAAEU,EAAAA,YAAa,IAA3C,CAAhB,CAAA;AACAC,IAAAA,gBAAgB,CAACX,OAAD,EAAU,UAAV,EAAsB,QAAtB,CAAhB,CAAA;;IAEA,MAAMoB,YAAY,GAAG,MAAM;MACzB,MAAM;QAAEV,YAAF;AAAgBlB,QAAAA,QAAAA;AAAhB,OAAA,GAA6B2B,cAAnC,CAAA;AAEAR,MAAAA,gBAAgB,CAACX,OAAD,EAAU,eAAV,EAA2BU,YAA3B,CAAhB,CAAA;AACAC,MAAAA,gBAAgB,CAACX,OAAD,EAAU,UAAV,EAAsBR,QAAtB,CAAhB,CAAA;KAJF,CAAA;;AAOA,IAAA,OAAO4B,YAAP,CAAA;AACD,GApB6B,EAoB3B,CAACpB,OAAD,CApB2B,CAA9B,CAAA;AAsBAqB,EAAAA,qBAAe,CAAC,MAAM;IACpB,MAAMD,YAAY,GAAGH,UAAU,EAA/B,CAAA;AACA,IAAA,OAAOG,YAAP,CAAA;AACD,GAHc,EAGZ,CAACH,UAAD,CAHY,CAAf,CAAA;AAID;;;;"}
+{"version":3,"file":"useLockScroll.js","sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? document.documentElement.scrollHeight > window.innerHeight\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string,\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","documentElement","scrollHeight","window","innerHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","arguments","length","undefined","lockScroll","useCallback","previousValues","unlockScroll","useLayoutEffect"],"mappings":"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"}

package/dist/cjs/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.js","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n  )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;;;;;AAGaA,MAAAA,YAAY,GACvBC,IAD0B,IAEK;AAC/B,EAAA,OAAOC,2BAAoB,CACzBD,IAAI,CAACE,MAAL,CAAaC,GAAD,IAAiC,CAAC,CAACA,GAA/C,CADyB,CAA3B,CAAA;AAGD;;;;"}
+{"version":3,"file":"useMergeRefs.js","sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { ForwardedRef, MutableRefObject } from 'react'\nimport { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (ForwardedRef<T | null> | undefined)[],\n): MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is ForwardedRef<T> => !!ref),\n  )\n}\n"],"names":["useMergeRefs","refs","useCallbackMergeRefs","filter","ref"],"mappings":";;;;;;AAGaA,MAAAA,YAAY,GACvBC,IAA4C,IACb;AAC/B,EAAA,OAAOC,2BAAoB,CACzBD,IAAI,CAACE,MAAM,CAAEC,GAAG,IAA6B,CAAC,CAACA,GAAG,CACpD,CAAC,CAAA;AACH;;;;"}

package/dist/cjs/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,eAAe,GAC1BC,QAD6B,IAI1B;AACH,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAI,IAAJ,CAAlB,CAAA;AAEA,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAD,IAAuB;AACrB,IAAA,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAApB,CAAA;IACA,MAAM;AAAEC,MAAAA,MAAAA;AAAF,KAAA,GAAaH,KAAnB,CAAA;AAEA,IAAA,IAAI,EAAEG,MAAM,YAAYC,OAApB,CAAJ,EAAkC,OAAA;IAElC,MAAMC,SAAS,GAAGJ,OAAO,EAAEK,QAAT,CAAkBH,MAAlB,MAA8B,KAAhD,CAAA;IACA,IAAIE,SAAJ,EAAeV,QAAQ,IAAA,CAAA;AACxB,GATmC,EAUpC,CAACA,QAAD,CAVoC,CAAtC,CAAA;AAaAY,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCX,kBAAvC,CAAA,CAAA;IAEA,OAAO,MAAMU,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CZ,kBAA1C,CAAb,CAAA;AACD,GAJQ,EAIN,CAACA,kBAAD,CAJM,CAAT,CAAA;EAMA,OAAO;AAAEF,IAAAA,GAAAA;GAAT,CAAA;AACD;;;;"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["useOutsideClick","callback","ref","useRef","handleOutsideClick","useCallback","event","popover","current","target","Element","isOutside","contains","useEffect","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEaA,MAAAA,eAAe,GAC1BC,QAAqB,IAGlB;AACH,EAAA,MAAMC,GAAG,GAAGC,YAAM,CAAI,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAiB,IAAK;AACrB,IAAA,MAAMC,OAAO,GAAGL,GAAG,CAACM,OAAO,CAAA;IAC3B,MAAM;AAAEC,MAAAA,MAAAA;AAAO,KAAC,GAAGH,KAAK,CAAA;AAExB,IAAA,IAAI,EAAEG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAA;IAElC,MAAMC,SAAS,GAAGJ,OAAO,EAAEK,QAAQ,CAACH,MAAM,CAAC,KAAK,KAAK,CAAA;AACrD,IAAA,IAAIE,SAAS,EAAEV,QAAQ,IAAI,CAAA;AAC7B,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;AAEDY,EAAAA,eAAS,CAAC,MAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,kBAAkB,CAAC,CAAA;IAE1D,OAAO,MAAMU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,kBAAkB,CAAC,CAAA;AAC5E,GAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC,CAAA;EAExB,OAAO;AAAEF,IAAAA,GAAAA;GAAK,CAAA;AAChB;;;;"}