@lidofinance/lido-app-ui 1.1.3 → 1.3.0

package/README.md

@@ -1,6 +1,6 @@
 # @lidofinance/lido-app-ui
 
-Components for Lido app/widget products. Currently small and growing. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
+Components for Lido app/widget products. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
 
 Storybook: [ui.lido.fi/lido-app-ui](https://ui.lido.fi/lido-app-ui/)
 
@@ -12,19 +12,60 @@ yarn add @lidofinance/lido-app-ui
 
 ## Usage
 
+Import the stylesheet once — it carries the `--lido-app-ui-*` token layer, the bundled Manrope font, and every component's styles.
+
 ```tsx
-import { ThemeProvider } from '@lidofinance/lido-app-ui'
+import { Button, RichInput, TokenSelector } from '@lidofinance/lido-app-ui'
 import '@lidofinance/lido-app-ui/index.css'
 
-function App({ Component }) {
+function Widget() {
   return (
-    <ThemeProvider>
-      <Component />
-    </ThemeProvider>
+    <>
+      <RichInput label='Amount' placeholder='0' />
+      <Button variant='black'>Supply</Button>
+    </>
   )
 }
 ```
 
+Theme providers (`ThemeProvider`, `CookieThemeProvider`, `ThemeToggler`) are re-exported from `@lidofinance/lido-shared-ui`. The color tokens follow the `data-lido-theme` attribute they set, so switching to the dark theme restyles these components.
+
+## Customization
+
+Override any token after importing the stylesheet:
+
+```css
+:root {
+  --lido-app-ui-color-border-active: #0085ff;
+  --lido-app-ui-border-radius-card: 20px;
+}
+```
+
+The typography mixins and breakpoint definitions are published too, for products running `postcss-mixins` / `postcss-custom-media`:
+
+```js
+// postcss.config.js
+import path from 'path'
+
+export default {
+  plugins: {
+    '@csstools/postcss-global-data': {
+      files: [
+        require.resolve('@lidofinance/lido-app-ui/styles/breakpoints.css'),
+      ],
+    },
+    'postcss-mixins': {
+      mixinsDir: path.dirname(
+        require.resolve(
+          '@lidofinance/lido-app-ui/styles/typography-mixins.css',
+        ),
+      ),
+    },
+    'postcss-custom-media': { preserve: false },
+  },
+}
+```
+
 ## More
 
 This package is part of the [`lidofinance/ui`](https://github.com/lidofinance/ui) monorepo — see the [repo README](https://github.com/lidofinance/ui#readme) for the full package overview, theming, CSS variable customization, and contribution guide.

package/dist/README.md

@@ -1,6 +1,6 @@
 # @lidofinance/lido-app-ui
 
-Components for Lido app/widget products. Currently small and growing. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
+Components for Lido app/widget products. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
 
 Storybook: [ui.lido.fi/lido-app-ui](https://ui.lido.fi/lido-app-ui/)
 
@@ -12,19 +12,60 @@ yarn add @lidofinance/lido-app-ui
 
 ## Usage
 
+Import the stylesheet once — it carries the `--lido-app-ui-*` token layer, the bundled Manrope font, and every component's styles.
+
 ```tsx
-import { ThemeProvider } from '@lidofinance/lido-app-ui'
+import { Button, RichInput, TokenSelector } from '@lidofinance/lido-app-ui'
 import '@lidofinance/lido-app-ui/index.css'
 
-function App({ Component }) {
+function Widget() {
   return (
-    <ThemeProvider>
-      <Component />
-    </ThemeProvider>
+    <>
+      <RichInput label='Amount' placeholder='0' />
+      <Button variant='black'>Supply</Button>
+    </>
   )
 }
 ```
 
+Theme providers (`ThemeProvider`, `CookieThemeProvider`, `ThemeToggler`) are re-exported from `@lidofinance/lido-shared-ui`. The color tokens follow the `data-lido-theme` attribute they set, so switching to the dark theme restyles these components.
+
+## Customization
+
+Override any token after importing the stylesheet:
+
+```css
+:root {
+  --lido-app-ui-color-border-active: #0085ff;
+  --lido-app-ui-border-radius-card: 20px;
+}
+```
+
+The typography mixins and breakpoint definitions are published too, for products running `postcss-mixins` / `postcss-custom-media`:
+
+```js
+// postcss.config.js
+import path from 'path'
+
+export default {
+  plugins: {
+    '@csstools/postcss-global-data': {
+      files: [
+        require.resolve('@lidofinance/lido-app-ui/styles/breakpoints.css'),
+      ],
+    },
+    'postcss-mixins': {
+      mixinsDir: path.dirname(
+        require.resolve(
+          '@lidofinance/lido-app-ui/styles/typography-mixins.css',
+        ),
+      ),
+    },
+    'postcss-custom-media': { preserve: false },
+  },
+}
+```
+
 ## More
 
 This package is part of the [`lidofinance/ui`](https://github.com/lidofinance/ui) monorepo — see the [repo README](https://github.com/lidofinance/ui#readme) for the full package overview, theming, CSS variable customization, and contribution guide.

package/dist/cjs/_virtual/UniqueIdGeneratorProvider.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+var UniqueIdGeneratorProvider = {};
+
+exports.__exports = UniqueIdGeneratorProvider;
+//# sourceMappingURL=UniqueIdGeneratorProvider.cjs.map

package/dist/cjs/_virtual/UniqueIdGeneratorProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UniqueIdGeneratorProvider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/context.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+var context = {};
+
+exports.__exports = context;
+//# sourceMappingURL=context.cjs.map

package/dist/cjs/_virtual/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('../node_modules/@inline-svg-unique-id/react/lib/index.cjs');
+
+var libExports = index.__require();
+
+exports.libExports = libExports;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/_virtual/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/_virtual/index2.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+var lib = {};
+
+exports.__exports = lib;
+//# sourceMappingURL=index2.cjs.map

package/dist/cjs/_virtual/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/_virtual/useUniqueInlineId.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+var useUniqueInlineId = {};
+
+exports.__exports = useUniqueInlineId;
+//# sourceMappingURL=useUniqueInlineId.cjs.map

package/dist/cjs/_virtual/useUniqueInlineId.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueInlineId.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/cjs/accordion/Accordion.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const Accordion_module = require('./Accordion.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+const IconChevronUp = require('../icons/components/base/IconChevronUp.cjs');
+const IconChevronDown = require('../icons/components/base/IconChevronDown.cjs');
+
+const Accordion = _ref => {
+  let {
+    title,
+    border = true,
+    defaultExpanded = false,
+    expanded,
+    onExpandedChange,
+    children,
+    className,
+    ...rest
+  } = _ref;
+  const [uncontrolledExpanded, setUncontrolledExpanded] = require$$0.useState(defaultExpanded);
+  const isExpanded = expanded ?? uncontrolledExpanded;
+  const contentId = require$$0.useId();
+  const handleToggle = () => {
+    const next = !isExpanded;
+    if (expanded == null) setUncontrolledExpanded(next);
+    onExpandedChange?.(next);
+  };
+  return /*#__PURE__*/require$$2.jsxs("div", {
+    className: cn(Accordion_module.accordion, className, {
+      [Accordion_module.borderless]: !border
+    }),
+    ...rest,
+    children: [/*#__PURE__*/require$$2.jsxs("button", {
+      type: "button",
+      className: Accordion_module.header,
+      "aria-expanded": isExpanded,
+      "aria-controls": contentId,
+      onClick: handleToggle,
+      children: [/*#__PURE__*/require$$2.jsx("span", {
+        className: Accordion_module.title,
+        children: title
+      }), /*#__PURE__*/require$$2.jsx("span", {
+        className: Accordion_module.chevron,
+        "aria-hidden": "true",
+        children: isExpanded ? /*#__PURE__*/require$$2.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/require$$2.jsx(IconChevronDown.IconChevronDown, {})
+      })]
+    }), /*#__PURE__*/require$$2.jsx("div", {
+      id: contentId,
+      className: cn(Accordion_module.contentWrapper, {
+        [Accordion_module.expanded]: isExpanded
+      }),
+      children: /*#__PURE__*/require$$2.jsx("div", {
+        className: Accordion_module.content,
+        children: /*#__PURE__*/require$$2.jsx("div", {
+          className: Accordion_module.contentInner,
+          children: children
+        })
+      })
+    })]
+  });
+};
+Accordion.displayName = 'Accordion';
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/cjs/accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Accordion.module.css'\n\nexport type AccordionProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  title: ReactNode\n  border?: boolean\n  defaultExpanded?: boolean\n  expanded?: boolean\n  onExpandedChange?: (expanded: boolean) => void\n}\n\nexport const Accordion = ({\n  title,\n  border = true,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  className,\n  ...rest\n}: AccordionProps) => {\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState(defaultExpanded)\n  const isExpanded = expanded ?? uncontrolledExpanded\n  const contentId = useId()\n\n  const handleToggle = () => {\n    const next = !isExpanded\n    if (expanded == null) setUncontrolledExpanded(next)\n    onExpandedChange?.(next)\n  }\n\n  return (\n    <div\n      className={cn(styles.accordion, className, {\n        [styles.borderless]: !border,\n      })}\n      {...rest}\n    >\n      <button\n        type='button'\n        className={styles.header}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        onClick={handleToggle}\n      >\n        <span className={styles.title}>{title}</span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      <div\n        id={contentId}\n        className={cn(styles.contentWrapper, {\n          [styles.expanded]: isExpanded,\n        })}\n      >\n        <div className={styles.content}>\n          <div className={styles.contentInner}>{children}</div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","_ref","title","border","defaultExpanded","expanded","onExpandedChange","children","className","rest","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpanded","contentId","useId","handleToggle","next","_jsxs","cn","styles","accordion","borderless","type","header","onClick","_jsx","chevron","IconChevronUp","IconChevronDown","id","contentWrapper","content","contentInner","displayName"],"mappings":";;;;;;;;;;;AAoBaA,MAAAA,SAAS,GAAGC,IAAA,IASH;EAAA,IATI;IACxBC,KAAK;AACLC,IAAAA,MAAM,GAAG,IAAI;AACbC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;IACRC,gBAAgB;IAChBC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACW,GAAC,GAAAR,IAAA,CAAA;EACf,MAAM,CAACS,oBAAoB,EAAEC,uBAAuB,CAAC,GACnDC,mBAAQ,CAACR,eAAe,CAAC,CAAA;AAC3B,EAAA,MAAMS,UAAU,GAAGR,QAAQ,IAAIK,oBAAoB,CAAA;AACnD,EAAA,MAAMI,SAAS,GAAGC,gBAAK,EAAE,CAAA;EAEzB,MAAMC,YAAY,GAAGA,MAAM;IACzB,MAAMC,IAAI,GAAG,CAACJ,UAAU,CAAA;AACxB,IAAA,IAAIR,QAAQ,IAAI,IAAI,EAAEM,uBAAuB,CAACM,IAAI,CAAC,CAAA;IACnDX,gBAAgB,GAAGW,IAAI,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IACEV,SAAS,EAAEW,EAAE,CAACC,gBAAM,CAACC,SAAS,EAAEb,SAAS,EAAE;AACzC,MAAA,CAACY,gBAAM,CAACE,UAAU,GAAG,CAACnB,MAAAA;AACxB,KAAC,CAAE;AAAA,IAAA,GACCM,IAAI;AAAAF,IAAAA,QAAA,gBAERW,eAAA,CAAA,QAAA,EAAA;AACEK,MAAAA,IAAI,EAAC,QAAQ;MACbf,SAAS,EAAEY,gBAAM,CAACI,MAAO;AACzB,MAAA,eAAA,EAAeX,UAAW;AAC1B,MAAA,eAAA,EAAeC,SAAU;AACzBW,MAAAA,OAAO,EAAET,YAAa;AAAAT,MAAAA,QAAA,gBAEtBmB,cAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,gBAAM,CAAClB,KAAM;AAAAK,QAAAA,QAAA,EAAEL,KAAAA;OAAY,CAAC,eAC7CwB,cAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,gBAAM,CAACO,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAApB,QAAAA,QAAA,EAChDM,UAAU,gBAAGa,cAAA,CAACE,2BAAa,EAAE,EAAA,CAAC,gBAAGF,cAAA,CAACG,+BAAe,EAAE,EAAA,CAAA;AAAC,OACjD,CAAC,CAAA;KACD,CAAC,eACTH,cAAA,CAAA,KAAA,EAAA;AACEI,MAAAA,EAAE,EAAEhB,SAAU;AACdN,MAAAA,SAAS,EAAEW,EAAE,CAACC,gBAAM,CAACW,cAAc,EAAE;QACnC,CAACX,gBAAM,CAACf,QAAQ,GAAGQ,UAAAA;AACrB,OAAC,CAAE;AAAAN,MAAAA,QAAA,eAEHmB,cAAA,CAAA,KAAA,EAAA;QAAKlB,SAAS,EAAEY,gBAAM,CAACY,OAAQ;AAAAzB,QAAAA,QAAA,eAC7BmB,cAAA,CAAA,KAAA,EAAA;UAAKlB,SAAS,EAAEY,gBAAM,CAACa,YAAa;AAAA1B,UAAAA,QAAA,EAAEA,QAAAA;SAAc,CAAA;OACjD,CAAA;AAAC,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,SAAS,CAACkC,WAAW,GAAG,WAAW;;;;"}

package/dist/cjs/accordion/Accordion.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"accordion":"Accordion-module_accordion__Wzyid","borderless":"Accordion-module_borderless__AX3pr","header":"Accordion-module_header__xrik8","title":"Accordion-module_title__n-YUT","chevron":"Accordion-module_chevron__oFGVg","contentWrapper":"Accordion-module_contentWrapper__UEl1o","expanded":"Accordion-module_expanded__NRyM0","content":"Accordion-module_content__V9Ftc","contentInner":"Accordion-module_contentInner__9z222"};
+
+module.exports = styles;
+//# sourceMappingURL=Accordion.module.css.cjs.map

package/dist/cjs/accordion/Accordion.module.css.cjs.map

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

package/dist/cjs/badge/Badge.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Badge_module = require('./Badge.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const Badge = _ref => {
+  let {
+    icon,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsxs("span", {
+    className: cn(Badge_module.badge, className),
+    ...rest,
+    children: [icon && /*#__PURE__*/require$$2.jsx("span", {
+      className: Badge_module.icon,
+      "aria-hidden": "true",
+      children: icon
+    }), children]
+  });
+};
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.map

package/dist/cjs/badge/Badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs","sources":["../../../src/badge/Badge.tsx"],"sourcesContent":["import cn from 'classnames'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport styles from './Badge.module.css'\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Optional glyph before the label. Omitted entirely when not passed. */\n  icon?: ReactNode\n}\n\nexport const Badge = ({ icon, className, children, ...rest }: BadgeProps) => (\n  <span className={cn(styles.badge, className)} {...rest}>\n    {icon && (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    )}\n    {children}\n  </span>\n)\n"],"names":["Badge","_ref","icon","className","children","rest","_jsxs","cn","styles","badge","_jsx"],"mappings":";;;;;;;;AASO,MAAMA,KAAK,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAiB,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACtEK,eAAA,CAAA,MAAA,EAAA;IAAMH,SAAS,EAAEI,EAAE,CAACC,YAAM,CAACC,KAAK,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;IAAAD,QAAA,EAAA,CACnDF,IAAI,iBACHQ,cAAA,CAAA,MAAA,EAAA;MAAMP,SAAS,EAAEK,YAAM,CAACN,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAE,MAAAA,QAAA,EAC7CF,IAAAA;KACG,CACP,EACAE,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/badge/Badge.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"badge":"Badge-module_badge__ikDSa","icon":"Badge-module_icon__lkt9n"};
+
+module.exports = styles;
+//# sourceMappingURL=Badge.module.css.cjs.map

package/dist/cjs/badge/Badge.module.css.cjs.map

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

package/dist/cjs/banner/Banner.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Banner_module = require('./Banner.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const Banner = _ref => {
+  let {
+    icon,
+    title,
+    description,
+    action,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsxs("div", {
+    className: cn(Banner_module.banner, className),
+    ...rest,
+    children: [/*#__PURE__*/require$$2.jsxs("div", {
+      className: Banner_module.content,
+      children: [icon ? /*#__PURE__*/require$$2.jsx("span", {
+        className: Banner_module.icon,
+        children: icon
+      }) : null, /*#__PURE__*/require$$2.jsxs("div", {
+        className: Banner_module.text,
+        children: [/*#__PURE__*/require$$2.jsx("p", {
+          className: Banner_module.title,
+          children: title
+        }), description ? /*#__PURE__*/require$$2.jsx("p", {
+          className: Banner_module.description,
+          children: description
+        }) : null]
+      })]
+    }), action ? /*#__PURE__*/require$$2.jsx("div", {
+      className: Banner_module.action,
+      children: action
+    }) : null]
+  });
+};
+Banner.displayName = 'Banner';
+
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.cjs.map

package/dist/cjs/banner/Banner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.cjs","sources":["../../../src/banner/Banner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Banner.module.css'\n\nexport type BannerProps = ComponentPropsWithoutRef<'div'> & {\n  icon?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n}\n\nexport const Banner = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  ...rest\n}: BannerProps) => (\n  <div className={cn(styles.banner, className)} {...rest}>\n    <div className={styles.content}>\n      {icon ? <span className={styles.icon}>{icon}</span> : null}\n      <div className={styles.text}>\n        <p className={styles.title}>{title}</p>\n        {description ? (\n          <p className={styles.description}>{description}</p>\n        ) : null}\n      </div>\n    </div>\n    {action ? <div className={styles.action}>{action}</div> : null}\n  </div>\n)\n\nBanner.displayName = 'Banner'\n"],"names":["Banner","_ref","icon","title","description","action","className","rest","_jsxs","cn","styles","banner","children","content","_jsx","text","displayName"],"mappings":";;;;;;;;AAaO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBACZO,eAAA,CAAA,KAAA,EAAA;IAAKF,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAK,IAAAA,QAAA,gBACpDJ,eAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,aAAM,CAACG,OAAQ;MAAAD,QAAA,EAAA,CAC5BV,IAAI,gBAAGY,cAAA,CAAA,MAAA,EAAA;QAAMR,SAAS,EAAEI,aAAM,CAACR,IAAK;AAAAU,QAAAA,QAAA,EAAEV,IAAAA;AAAI,OAAO,CAAC,GAAG,IAAI,eAC1DM,eAAA,CAAA,KAAA,EAAA;QAAKF,SAAS,EAAEI,aAAM,CAACK,IAAK;AAAAH,QAAAA,QAAA,gBAC1BE,cAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,aAAM,CAACP,KAAM;AAAAS,UAAAA,QAAA,EAAET,KAAAA;AAAK,SAAI,CAAC,EACtCC,WAAW,gBACVU,cAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,aAAM,CAACN,WAAY;AAAAQ,UAAAA,QAAA,EAAER,WAAAA;SAAe,CAAC,GACjD,IAAI,CAAA;AAAA,OACL,CAAC,CAAA;AAAA,KACH,CAAC,EACLC,MAAM,gBAAGS,cAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,aAAM,CAACL,MAAO;AAAAO,MAAAA,QAAA,EAAEP,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA,EACP;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/banner/Banner.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"banner":"Banner-module_banner__bQhms","content":"Banner-module_content__44TzS","icon":"Banner-module_icon__PkyAA","text":"Banner-module_text__2q-km","title":"Banner-module_title__gUKq0","description":"Banner-module_description__tosgg","action":"Banner-module_action__OKt2C"};
+
+module.exports = styles;
+//# sourceMappingURL=Banner.module.css.cjs.map

package/dist/cjs/banner/Banner.module.css.cjs.map

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

package/dist/cjs/button/Button.cjs

@@ -2,42 +2,47 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const react = require('react');
 const cn = require('classnames');
 const Button_module = require('./Button.module.css.cjs');
-const jsxRuntime = require('react/jsx-runtime');
+const require$$2 = require('react/jsx-runtime');
+const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
 
-const Button = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+const Button = _ref => {
   let {
-    size = 'md',
-    variant = 'filled',
-    color = 'primary',
-    fullwidth = false,
-    loading = false,
-    disabled,
-    children,
     className,
+    children,
+    type = 'button',
+    variant = 'primary',
+    size = 'big',
+    loading = false,
+    disabled = false,
+    iconLeft,
+    iconRight,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsxs("button", {
-    ref: ref,
+  return /*#__PURE__*/require$$2.jsxs("button", {
+    type: type,
     disabled: disabled || loading,
-    className: cn(Button_module.button, Button_module[size], Button_module[variant], Button_module[color], {
-      [Button_module.fullwidth]: fullwidth,
-      [Button_module.loading]: loading
-    }, className),
+    "aria-busy": loading || undefined,
+    className: cn(Button_module.button, Button_module[variant], Button_module[size], loading && Button_module.loading, className),
     ...rest,
-    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-      className: cn(Button_module.content, {
-        [Button_module.hidden]: loading
-      }),
+    children: [loading ? /*#__PURE__*/require$$2.jsx(IconLoaderCircle.IconLoaderCircle, {
+      className: Button_module.spinner,
+      "aria-hidden": "true"
+    }) : iconLeft != null && /*#__PURE__*/require$$2.jsx("span", {
+      className: Button_module.icon,
+      "aria-hidden": "true",
+      children: iconLeft
+    }), /*#__PURE__*/require$$2.jsx("span", {
+      className: Button_module.content,
       children: children
-    }), loading && /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: Button_module.loader
-    })]
+    }), !loading && iconRight != null ? /*#__PURE__*/require$$2.jsx("span", {
+      className: Button_module.icon,
+      "aria-hidden": "true",
+      children: iconRight
+    }) : null]
   });
-});
-Button.displayName = 'Button';
+};
 
 exports.Button = Button;
 //# sourceMappingURL=Button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef, ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Button.module.css'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg'\nexport type ButtonVariant = 'filled' | 'outlined' | 'ghost'\nexport type ButtonColor = 'primary' | 'secondary' | 'warning'\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: ButtonSize\n  variant?: ButtonVariant\n  color?: ButtonColor\n  fullwidth?: boolean\n  loading?: boolean\n  children?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      fullwidth = false,\n      loading = false,\n      disabled,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <button\n        ref={ref}\n        disabled={disabled || loading}\n        className={cn(\n          styles.button,\n          styles[size],\n          styles[variant],\n          styles[color],\n          { [styles.fullwidth]: fullwidth, [styles.loading]: loading },\n          className,\n        )}\n        {...rest}\n      >\n        <span className={cn(styles.content, { [styles.hidden]: loading })}>\n          {children}\n        </span>\n        {loading && <span className={styles.loader} />}\n      </button>\n    )\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","size","variant","color","fullwidth","loading","disabled","children","className","rest","_jsxs","cn","styles","button","_jsx","content","hidden","loader","displayName"],"mappings":";;;;;;;;;AAiBO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACL,GAAC,GAAAV,IAAA,CAAA;AAGD,EAAA,oBACEW,eAAA,CAAA,QAAA,EAAA;AACEV,IAAAA,GAAG,EAAEA,GAAI;IACTM,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9BG,SAAS,EAAEG,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACX,IAAI,CAAC,EACZW,aAAM,CAACV,OAAO,CAAC,EACfU,aAAM,CAACT,KAAK,CAAC,EACb;AAAE,MAAA,CAACS,aAAM,CAACR,SAAS,GAAGA,SAAS;MAAE,CAACQ,aAAM,CAACP,OAAO,GAAGA,OAAAA;KAAS,EAC5DG,SACF,CAAE;AAAA,IAAA,GACEC,IAAI;AAAAF,IAAAA,QAAA,gBAERO,cAAA,CAAA,MAAA,EAAA;AAAMN,MAAAA,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACG,OAAO,EAAE;QAAE,CAACH,aAAM,CAACI,MAAM,GAAGX,OAAAA;AAAQ,OAAC,CAAE;AAAAE,MAAAA,QAAA,EAC/DA,QAAAA;AAAQ,KACL,CAAC,EACNF,OAAO,iBAAIS,cAAA,CAAA,MAAA,EAAA;MAAMN,SAAS,EAAEI,aAAM,CAACK,MAAAA;AAAO,KAAE,CAAC,CAAA;AAAA,GACxC,CAAC,CAAA;AAEb,CACF,EAAC;AAEDpB,MAAM,CAACqB,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n}\n\nexport const Button = ({\n  className,\n  children,\n  type = 'button',\n  variant = 'primary',\n  size = 'big',\n  loading = false,\n  disabled = false,\n  iconLeft,\n  iconRight,\n  ...rest\n}: ButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      styles[size],\n      loading && styles.loading,\n      className,\n    )}\n    {...rest}\n  >\n    {loading ? (\n      <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n    ) : (\n      iconLeft != null && (\n        <span className={styles.icon} aria-hidden='true'>\n          {iconLeft}\n        </span>\n      )\n    )}\n    <span className={styles.content}>{children}</span>\n    {!loading && iconRight != null ? (\n      <span className={styles.icon} aria-hidden='true'>\n        {iconRight}\n      </span>\n    ) : null}\n  </button>\n)\n"],"names":["Button","_ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","rest","_jsxs","undefined","cn","styles","button","_jsx","IconLoaderCircle","spinner","icon","content"],"mappings":";;;;;;;;;AAmBO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBACZW,eAAA,CAAA,QAAA,EAAA;AACER,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIM,SAAU;IAChCX,SAAS,EAAEY,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACV,OAAO,CAAC,EACfU,aAAM,CAACT,IAAI,CAAC,EACZC,OAAO,IAAIQ,aAAM,CAACR,OAAO,EACzBL,SACF,CAAE;AAAA,IAAA,GACES,IAAI;AAAAR,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNU,cAAA,CAACC,iCAAgB,EAAA;MAAChB,SAAS,EAAEa,aAAM,CAACI,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEV,QAAQ,IAAI,IAAI,iBACdQ,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACK,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAjB,MAAAA,QAAA,EAC7CM,QAAAA;KACG,CAET,eACDQ,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACM,OAAQ;AAAAlB,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAC,EACjD,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BO,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACK,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAjB,MAAAA,QAAA,EAC7CO,SAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACF,CAAC,CAAA;AAAA;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"button":"Button-module_button__eiKKZ","loading":"Button-module_loading__wZ1IR","sm":"Button-module_sm__Y4qjx","md":"Button-module_md__qbViT","lg":"Button-module_lg__vMNHM","filled":"Button-module_filled__7Ri6T","primary":"Button-module_primary__EU45Z","secondary":"Button-module_secondary__5BZ2i","warning":"Button-module_warning__8WIwI","outlined":"Button-module_outlined__kI-f-","ghost":"Button-module_ghost__OX4Ks","fullwidth":"Button-module_fullwidth__6G5sB","loader":"Button-module_loader__kuL68","spin":"Button-module_spin__Q6mex","content":"Button-module_content__SVjwi","hidden":"Button-module_hidden__vJlfj"};
+const styles = {"button":"Button-module_button__eiKKZ","content":"Button-module_content__SVjwi","icon":"Button-module_icon__Ojq-e","spinner":"Button-module_spinner__QToZm","spin":"Button-module_spin__Q6mex","big":"Button-module_big__-gJao","small":"Button-module_small__U2Zqq","primary":"Button-module_primary__EU45Z","outline":"Button-module_outline__Jx-Hc","subtle":"Button-module_subtle__2DyRK","ghost":"Button-module_ghost__OX4Ks","error":"Button-module_error__qp2tu","loading":"Button-module_loading__wZ1IR"};
 
 module.exports = styles;
 //# sourceMappingURL=Button.module.css.cjs.map

package/dist/cjs/card/Card.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Card_module = require('./Card.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const Card = _ref => {
+  let {
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsx("div", {
+    className: cn(Card_module.card, className),
+    ...rest,
+    children: children
+  });
+};
+
+exports.Card = Card;
+//# sourceMappingURL=Card.cjs.map

package/dist/cjs/card/Card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","sources":["../../../src/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Card.module.css'\n\nexport type CardProps = HTMLAttributes<HTMLDivElement>\n\nexport const Card = ({ className, children, ...rest }: CardProps) => (\n  <div className={cn(styles.card, className)} {...rest}>\n    {children}\n  </div>\n)\n"],"names":["Card","_ref","className","children","rest","_jsx","cn","styles","card"],"mappings":";;;;;;;;AAQO,MAAMA,IAAI,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAgB,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBAC9DI,cAAA,CAAA,KAAA,EAAA;IAAKH,SAAS,EAAEI,EAAE,CAACC,WAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EACjDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/card/Card.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"card":"Card-module_card__V59wY"};
+
+module.exports = styles;
+//# sourceMappingURL=Card.module.css.cjs.map

package/dist/cjs/card/Card.module.css.cjs.map

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

package/dist/cjs/checkbox/Checkbox.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const Checkbox_module = require('./Checkbox.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+const IconCheck = require('../icons/components/base/IconCheck.cjs');
+
+const Checkbox = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+  let {
+    label,
+    className,
+    disabled,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsxs("label", {
+    className: cn(Checkbox_module.container, className, {
+      [Checkbox_module.containerDisabled]: disabled
+    }),
+    children: [/*#__PURE__*/require$$2.jsxs("span", {
+      className: Checkbox_module.control,
+      children: [/*#__PURE__*/require$$2.jsx("input", {
+        ref: ref,
+        type: "checkbox",
+        className: Checkbox_module.input,
+        disabled: disabled,
+        ...rest
+      }), /*#__PURE__*/require$$2.jsx(IconCheck.IconCheck, {
+        className: Checkbox_module.tick
+      })]
+    }), label ? /*#__PURE__*/require$$2.jsx("span", {
+      className: cn(Checkbox_module.label, {
+        [Checkbox_module.labelDisabled]: disabled
+      }),
+      children: label
+    }) : null]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport { IconCheck } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Checkbox.module.css'\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ label, className, disabled, ...rest }, ref) => (\n    <label\n      className={cn(styles.container, className, {\n        [styles.containerDisabled]: disabled,\n      })}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          type='checkbox'\n          className={styles.input}\n          disabled={disabled}\n          {...rest}\n        />\n        <IconCheck className={styles.tick} />\n      </span>\n      {label ? (\n        <span\n          className={cn(styles.label, { [styles.labelDisabled]: disabled })}\n        >\n          {label}\n        </span>\n      ) : null}\n    </label>\n  ),\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","ref","label","className","disabled","rest","_jsxs","cn","styles","container","containerDisabled","children","control","_jsx","type","input","IconCheck","tick","labelDisabled","displayName"],"mappings":";;;;;;;;;;AAcO,MAAMA,QAAQ,gBAAGC,qBAAU,CAChC,CAAAC,IAAA,EAA0CC,GAAG,KAAA;EAAA,IAA5C;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACtCM,eAAA,CAAA,OAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACC,SAAS,EAAEN,SAAS,EAAE;MACzC,CAACK,eAAM,CAACE,iBAAiB,GAAGN,QAAAA;AAC9B,KAAC,CAAE;AAAAO,IAAAA,QAAA,gBAEHL,eAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAEK,eAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,OAAA,EAAA;AACEZ,QAAAA,GAAG,EAAEA,GAAI;AACTa,QAAAA,IAAI,EAAC,UAAU;QACfX,SAAS,EAAEK,eAAM,CAACO,KAAM;AACxBX,QAAAA,QAAQ,EAAEA,QAAS;QAAA,GACfC,IAAAA;AAAI,OACT,CAAC,eACFQ,cAAA,CAACG,mBAAS,EAAA;QAACb,SAAS,EAAEK,eAAM,CAACS,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KACjC,CAAC,EACNf,KAAK,gBACJW,cAAA,CAAA,MAAA,EAAA;AACEV,MAAAA,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACN,KAAK,EAAE;QAAE,CAACM,eAAM,CAACU,aAAa,GAAGd,QAAAA;AAAS,OAAC,CAAE;AAAAO,MAAAA,QAAA,EAEjET,KAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACH,CAAC,CAAA;AAAA,CAEZ,EAAC;AAEDJ,QAAQ,CAACqB,WAAW,GAAG,UAAU;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"container":"Checkbox-module_container__42EWx","control":"Checkbox-module_control__x1PrL","input":"Checkbox-module_input__4PoNe","tick":"Checkbox-module_tick__-F4vw","label":"Checkbox-module_label__ubb5U","containerDisabled":"Checkbox-module_containerDisabled__G2w9L","labelDisabled":"Checkbox-module_labelDisabled__oMB5p"};
+
+module.exports = styles;
+//# sourceMappingURL=Checkbox.module.css.cjs.map

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

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