@channel.io/bezier-react 2.6.1 → 3.0.0

package/dist/esm/components/Banner/Banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.mjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport { isNil } from '~/src/utils/type'\n\nimport { Button } from '~/src/components/Button'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type BannerProps,\n  type BannerVariant,\n  type RenderLinkFunc,\n} from './Banner.types'\n\nimport styles from './Banner.module.scss'\n\nconst BANNER_TEST_ID = 'bezier-banner'\n\nfunction getActionButtonColorVariant(variant: BannerVariant) {\n  return (\n    {\n      default: 'monochrome-dark',\n      blue: 'blue',\n      cobalt: 'cobalt',\n      green: 'green',\n      orange: 'orange',\n      red: 'red',\n      alt: 'monochrome-dark',\n    } as const\n  )[variant]\n}\n\nconst externalLinkRenderer: RenderLinkFunc = ({ content, linkTo }) => (\n  <a\n    href={linkTo}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n  >\n    {content}\n  </a>\n)\n\n/**\n * `Banner` is a component you use when you want to communicate instructions, warnings, recommendations, and other information well.\n * @example\n * ```tsx\n * <Banner\n *   variant=\"blue\"\n *   icon={LightbulbIcon}\n *   content=\"Information here.\"\n * />\n * ```\n */\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  {\n    className,\n    variant = 'default',\n    icon,\n    iconColor,\n    content,\n    hasLink = false,\n    linkText,\n    linkTo,\n    renderLink = externalLinkRenderer,\n    actionIcon,\n    onClickAction,\n    ...rest\n  },\n  forwardedRef\n) {\n  if (isIconName(icon)) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={classNames(\n        styles.Banner,\n        styles[`variant-${variant}`],\n        className\n      )}\n      data-testid={BANNER_TEST_ID}\n      {...rest}\n    >\n      {!isNil(icon) && (\n        <div className={styles.Center}>\n          {isBezierIcon(icon) ? (\n            <Icon\n              className={styles.Icon}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={styles.Icon}\n              name={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          )}\n        </div>\n      )}\n\n      <div className={styles.Content}>\n        <Text typo=\"14\">\n          {content}\n\n          {hasLink &&\n            renderLink({\n              content: (\n                <Text\n                  className={styles.Link}\n                  typo=\"14\"\n                  bold\n                >\n                  {linkText}\n                </Text>\n              ),\n              linkTo,\n            })}\n        </Text>\n      </div>\n\n      {!isNil(actionIcon) && (\n        <div className={styles.Center}>\n          <Button\n            size=\"xs\"\n            colorVariant={getActionButtonColorVariant(variant)}\n            styleVariant=\"tertiary\"\n            leftContent={actionIcon}\n            onClick={onClickAction}\n          />\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["BANNER_TEST_ID","getActionButtonColorVariant","variant","default","blue","cobalt","green","orange","red","alt","externalLinkRenderer","content","linkTo","React","createElement","href","target","rel","Banner","forwardRef","className","icon","iconColor","hasLink","linkText","renderLink","actionIcon","onClickAction","rest","forwardedRef","isIconName","warn","Object","assign","ref","classNames","styles","isNil","Center","isBezierIcon","Icon","source","color","size","LegacyIcon","name","Content","Text","typo","Link","bold","Button","colorVariant","styleVariant","leftContent","onClick"],"mappings":"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"}
+{"version":3,"file":"Banner.mjs","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\nimport { isNil } from '~/src/utils/type'\n\nimport { Button } from '~/src/components/Button'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type BannerProps,\n  type BannerVariant,\n  type RenderLinkFunc,\n} from './Banner.types'\n\nimport styles from './Banner.module.scss'\n\nconst BANNER_TEST_ID = 'bezier-banner'\n\nfunction getActionButtonColorVariant(variant: BannerVariant) {\n  return (\n    {\n      default: 'monochrome-dark',\n      blue: 'blue',\n      cobalt: 'cobalt',\n      green: 'green',\n      orange: 'orange',\n      red: 'red',\n      alt: 'monochrome-dark',\n    } as const\n  )[variant]\n}\n\nconst externalLinkRenderer: RenderLinkFunc = ({ content, linkTo }) => (\n  <a\n    href={linkTo}\n    target=\"_blank\"\n    rel=\"noopener noreferrer\"\n  >\n    {content}\n  </a>\n)\n\n/**\n * `Banner` is a component you use when you want to communicate instructions, warnings, recommendations, and other information well.\n * @example\n * ```tsx\n * <Banner\n *   variant=\"blue\"\n *   icon={LightbulbIcon}\n *   content=\"Information here.\"\n * />\n * ```\n */\nexport const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  {\n    className,\n    variant = 'default',\n    icon,\n    iconColor,\n    content,\n    hasLink = false,\n    linkText,\n    linkTo,\n    renderLink = externalLinkRenderer,\n    actionIcon,\n    onClickAction,\n    ...rest\n  },\n  forwardedRef\n) {\n  if (isIconName(icon)) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={classNames(\n        styles.Banner,\n        styles[`variant-${variant}`],\n        className\n      )}\n      data-testid={BANNER_TEST_ID}\n      {...rest}\n    >\n      {!isNil(icon) && (\n        <div className={styles.Center}>\n          {isBezierIcon(icon) ? (\n            <Icon\n              className={styles.Icon}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={styles.Icon}\n              name={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          )}\n        </div>\n      )}\n\n      <div className={styles.Content}>\n        <Text typo=\"14\">\n          {content}\n\n          {hasLink &&\n            renderLink({\n              content: (\n                <Text\n                  className={styles.Link}\n                  typo=\"14\"\n                  bold\n                >\n                  {linkText}\n                </Text>\n              ),\n              linkTo,\n            })}\n        </Text>\n      </div>\n\n      {!isNil(actionIcon) && (\n        <div className={styles.Center}>\n          <Button\n            size=\"xs\"\n            colorVariant={getActionButtonColorVariant(variant)}\n            styleVariant=\"tertiary\"\n            leftContent={actionIcon}\n            onClick={onClickAction}\n          />\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["BANNER_TEST_ID","getActionButtonColorVariant","variant","default","blue","cobalt","green","orange","red","alt","externalLinkRenderer","content","linkTo","_jsx","href","target","rel","children","Banner","forwardRef","className","icon","iconColor","hasLink","linkText","renderLink","actionIcon","onClickAction","rest","forwardedRef","isIconName","warn","_jsxs","ref","classNames","styles","isNil","Center","isBezierIcon","Icon","source","color","size","LegacyIcon","name","Content","Text","typo","Link","bold","Button","colorVariant","styleVariant","leftContent","onClick"],"mappings":"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"}

package/dist/esm/components/BaseButton/BaseButton.mjs

@@ -1,21 +1,21 @@
-import React__default, { forwardRef } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import styles from './BaseButton.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * `BaseButton` is a reset-style button component with a focus ring, intended for internal use only.
- */
 const BaseButton = /*#__PURE__*/forwardRef(function BaseButton({
   className,
   children,
   type = 'button',
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement("button", Object.assign({
+  return /*#__PURE__*/jsx("button", {
     className: classNames(styles.BaseButton, className),
     ref: forwardedRef,
-    type: type
-  }, rest), children);
+    type: type,
+    ...rest,
+    children: children
+  });
 });
 
 export { BaseButton };

package/dist/esm/components/BaseButton/BaseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.mjs","sources":["../../../../src/components/BaseButton/BaseButton.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { type BaseButtonProps } from './BaseButton.types'\n\nimport styles from './BaseButton.module.scss'\n\n/**\n * `BaseButton` is a reset-style button component with a focus ring, intended for internal use only.\n */\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(\n    { className, children, type = 'button', ...rest },\n    forwardedRef\n  ) {\n    return (\n      <button\n        className={classNames(styles.BaseButton, className)}\n        ref={forwardedRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n"],"names":["BaseButton","forwardRef","className","children","type","rest","forwardedRef","React","createElement","Object","assign","classNames","styles","ref"],"mappings":";;;;AAUA;AACA;AACA;MACaA,UAAU,gBAAGC,UAAU,CAClC,SAASD,UAAUA,CACjB;EAAEE,SAAS;EAAEC,QAAQ;AAAEC,EAAAA,IAAI,GAAG,QAAQ;EAAE,GAAGC,IAAAA;AAAK,CAAC,EACjDC,YAAY,EACZ;AACA,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAC,QAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;IACER,SAAS,EAAES,UAAU,CAACC,MAAM,CAACZ,UAAU,EAAEE,SAAS,CAAE;AACpDW,IAAAA,GAAG,EAAEP,YAAa;AAClBF,IAAAA,IAAI,EAAEA,IAAAA;GACFC,EAAAA,IAAI,CAEPF,EAAAA,QACK,CAAC,CAAA;AAEb,CACF;;;;"}
+{"version":3,"file":"BaseButton.mjs","sources":["../../../../src/components/BaseButton/BaseButton.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { type BaseButtonProps } from './BaseButton.types'\n\nimport styles from './BaseButton.module.scss'\n\n/**\n * `BaseButton` is a reset-style button component with a focus ring, intended for internal use only.\n */\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(\n  function BaseButton(\n    { className, children, type = 'button', ...rest },\n    forwardedRef\n  ) {\n    return (\n      <button\n        className={classNames(styles.BaseButton, className)}\n        ref={forwardedRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n"],"names":["BaseButton","forwardRef","className","children","type","rest","forwardedRef","_jsx","classNames","styles","ref"],"mappings":";;;;;MAaaA,UAAU,gBAAGC,UAAU,CAClC,SAASD,UAAUA,CACjB;EAAEE,SAAS;EAAEC,QAAQ;AAAEC,EAAAA,IAAI,GAAG,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACjDC,YAAY,EACZ;AACA,EAAA,oBACEC,GAAA,CAAA,QAAA,EAAA;IACEL,SAAS,EAAEM,UAAU,CAACC,MAAM,CAACT,UAAU,EAAEE,SAAS,CAAE;AACpDQ,IAAAA,GAAG,EAAEJ,YAAa;AAClBF,IAAAA,IAAI,EAAEA,IAAK;AAAA,IAAA,GACPC,IAAI;AAAAF,IAAAA,QAAA,EAEPA;AAAQ,GACH,CAAC;AAEb,CACF;;;;"}

package/dist/esm/components/BaseTagBadge/BaseTagBadge.mjs

@@ -1,6 +1,7 @@
-import React__default, { forwardRef } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import styles from './BaseTagBadge.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 import { Text } from '../Text/Text.mjs';
 
 function getProperTypo(size) {
@@ -22,10 +23,12 @@ const BaseTagBadge = /*#__PURE__*/forwardRef(function Tag({
   className,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return /*#__PURE__*/jsx("div", {
     ref: forwardedRef,
-    className: classNames(styles.BaseTagBadge, styles[`size-${size}`], styles[`variant-${variant}`], className)
-  }, rest), children);
+    className: classNames(styles.BaseTagBadge, styles[`size-${size}`], styles[`variant-${variant}`], className),
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -36,10 +39,12 @@ const BaseTagBadgeText = /*#__PURE__*/forwardRef(function BaseTagBadgeText({
   children,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(Text, Object.assign({
+  return /*#__PURE__*/jsx(Text, {
     typo: getProperTypo(size),
-    ref: forwardedRef
-  }, rest), children);
+    ref: forwardedRef,
+    ...rest,
+    children: children
+  });
 });
 
 export { BaseTagBadge, BaseTagBadgeText };

package/dist/esm/components/BaseTagBadge/BaseTagBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTagBadge.mjs","sources":["../../../../src/components/BaseTagBadge/BaseTagBadge.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type BaseTagBadgeProps,\n  type BaseTagBadgeSize,\n  type BaseTagBadgeTextProps,\n} from './BaseTagBadge.types'\n\nimport styles from './BaseTagBadge.module.scss'\n\nfunction getProperTypo(size: BaseTagBadgeSize) {\n  return (\n    {\n      xs: '11',\n      s: '13',\n      m: '14',\n      l: '15',\n    } as const\n  )[size]\n}\n\n/**\n * `BaseTagBadge` is the component on which `Tag` and `Badge` components are based.\n */\nexport const BaseTagBadge = forwardRef<HTMLDivElement, BaseTagBadgeProps>(\n  function Tag({ size, variant, children, className, ...rest }, forwardedRef) {\n    return (\n      <div\n        ref={forwardedRef}\n        className={classNames(\n          styles.BaseTagBadge,\n          styles[`size-${size}`],\n          styles[`variant-${variant}`],\n          className\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\n/**\n * `BaseTagBadgeText` is the component on which `Tag` and `Badge` components are based.\n */\nexport const BaseTagBadgeText = forwardRef<\n  HTMLDivElement,\n  BaseTagBadgeTextProps\n>(function BaseTagBadgeText({ size, children, ...rest }, forwardedRef) {\n  return (\n    <Text\n      typo={getProperTypo(size)}\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </Text>\n  )\n})\n"],"names":["getProperTypo","size","xs","s","m","l","BaseTagBadge","forwardRef","Tag","variant","children","className","rest","forwardedRef","React","createElement","Object","assign","ref","classNames","styles","BaseTagBadgeText","Text","typo"],"mappings":";;;;;AAgBA,SAASA,aAAaA,CAACC,IAAsB,EAAE;EAC7C,OACE;AACEC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAA;GACJ,CACDJ,IAAI,CAAC,CAAA;AACT,CAAA;;AAEA;AACA;AACA;MACaK,YAAY,gBAAGC,UAAU,CACpC,SAASC,GAAGA,CAAC;EAAEP,IAAI;EAAEQ,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAAEC,YAAY,EAAE;AAC1E,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAEL,YAAa;IAClBF,SAAS,EAAEQ,UAAU,CACnBC,MAAM,CAACd,YAAY,EACnBc,MAAM,CAAC,CAAA,KAAA,EAAQnB,IAAI,CAAE,CAAA,CAAC,EACtBmB,MAAM,CAAC,WAAWX,OAAO,CAAA,CAAE,CAAC,EAC5BE,SACF,CAAA;GACIC,EAAAA,IAAI,CAEPF,EAAAA,QACE,CAAC,CAAA;AAEV,CACF,EAAC;;AAED;AACA;AACA;MACaW,gBAAgB,gBAAGd,UAAU,CAGxC,SAASc,gBAAgBA,CAAC;EAAEpB,IAAI;EAAES,QAAQ;EAAE,GAAGE,IAAAA;AAAK,CAAC,EAAEC,YAAY,EAAE;EACrE,oBACEC,cAAA,CAAAC,aAAA,CAACO,IAAI,EAAAN,MAAA,CAAAC,MAAA,CAAA;AACHM,IAAAA,IAAI,EAAEvB,aAAa,CAACC,IAAI,CAAE;AAC1BiB,IAAAA,GAAG,EAAEL,YAAAA;GACDD,EAAAA,IAAI,CAEPF,EAAAA,QACG,CAAC,CAAA;AAEX,CAAC;;;;"}
+{"version":3,"file":"BaseTagBadge.mjs","sources":["../../../../src/components/BaseTagBadge/BaseTagBadge.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type BaseTagBadgeProps,\n  type BaseTagBadgeSize,\n  type BaseTagBadgeTextProps,\n} from './BaseTagBadge.types'\n\nimport styles from './BaseTagBadge.module.scss'\n\nfunction getProperTypo(size: BaseTagBadgeSize) {\n  return (\n    {\n      xs: '11',\n      s: '13',\n      m: '14',\n      l: '15',\n    } as const\n  )[size]\n}\n\n/**\n * `BaseTagBadge` is the component on which `Tag` and `Badge` components are based.\n */\nexport const BaseTagBadge = forwardRef<HTMLDivElement, BaseTagBadgeProps>(\n  function Tag({ size, variant, children, className, ...rest }, forwardedRef) {\n    return (\n      <div\n        ref={forwardedRef}\n        className={classNames(\n          styles.BaseTagBadge,\n          styles[`size-${size}`],\n          styles[`variant-${variant}`],\n          className\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\n/**\n * `BaseTagBadgeText` is the component on which `Tag` and `Badge` components are based.\n */\nexport const BaseTagBadgeText = forwardRef<\n  HTMLDivElement,\n  BaseTagBadgeTextProps\n>(function BaseTagBadgeText({ size, children, ...rest }, forwardedRef) {\n  return (\n    <Text\n      typo={getProperTypo(size)}\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </Text>\n  )\n})\n"],"names":["getProperTypo","size","xs","s","m","l","BaseTagBadge","forwardRef","Tag","variant","children","className","rest","forwardedRef","_jsx","ref","classNames","styles","BaseTagBadgeText","Text","typo"],"mappings":";;;;;;AAgBA,SAASA,aAAaA,CAACC,IAAsB,EAAE;EAC7C,OACE;AACEC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE;GACJ,CACDJ,IAAI,CAAC;AACT;;AAEA;AACA;AACA;MACaK,YAAY,gBAAGC,UAAU,CACpC,SAASC,GAAGA,CAAC;EAAEP,IAAI;EAAEQ,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,EAAEC,YAAY,EAAE;AAC1E,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEF,YAAa;IAClBF,SAAS,EAAEK,UAAU,CACnBC,MAAM,CAACX,YAAY,EACnBW,MAAM,CAAC,CAAQhB,KAAAA,EAAAA,IAAI,EAAE,CAAC,EACtBgB,MAAM,CAAC,CAAA,QAAA,EAAWR,OAAO,CAAE,CAAA,CAAC,EAC5BE,SACF,CAAE;AAAA,IAAA,GACEC,IAAI;AAAAF,IAAAA,QAAA,EAEPA;AAAQ,GACN,CAAC;AAEV,CACF;;AAEA;AACA;AACA;MACaQ,gBAAgB,gBAAGX,UAAU,CAGxC,SAASW,gBAAgBA,CAAC;EAAEjB,IAAI;EAAES,QAAQ;EAAE,GAAGE;AAAK,CAAC,EAAEC,YAAY,EAAE;EACrE,oBACEC,GAAA,CAACK,IAAI,EAAA;AACHC,IAAAA,IAAI,EAAEpB,aAAa,CAACC,IAAI,CAAE;AAC1Bc,IAAAA,GAAG,EAAEF,YAAa;AAAA,IAAA,GACdD,IAAI;AAAAF,IAAAA,QAAA,EAEPA;AAAQ,GACL,CAAC;AAEX,CAAC;;;;"}

package/dist/esm/components/Box/Box.mjs

@@ -1,5 +1,5 @@
 import { forwardRef, createElement } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import { getMarginStyles, getLayoutStyles, splitByMarginProps, splitByLayoutProps } from '../../types/props-helpers.mjs';
 import styles from './Box.module.scss.mjs';
 

package/dist/esm/components/Box/Box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.mjs","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["'use client'\n\nimport { createElement, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\n\nimport { type BoxProps } from './Box.types'\n\nimport styles from './Box.module.scss'\n\n/**\n * `Box` is a primitive layout component. It provides an easy way to access design tokens.\n * @example\n *\n * ```tsx\n * <Box\n *   width=\"100px\"\n *   height=\"100px\"\n *   p=\"6px\"\n *   m=\"6px\"\n *   bgColor=\"bg-black-light\"\n * >\n *   <div>{ ... }</div>\n * </Box>\n * ```\n */\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  function Box(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const {\n      children,\n      style,\n      className,\n      as = 'div',\n      display,\n      ...rest\n    } = layoutRest\n\n    /**\n     * NOTE: Using the createElement function directly because of a ref type related error.\n     * TODO: Fix type error.\n     */\n    return createElement(\n      as,\n      {\n        ref: forwardedRef,\n        style: {\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        },\n        className: classNames(\n          styles.Box,\n          display && styles[`display-${display}`],\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        ),\n        'data-testid': 'bezier-box',\n        ...rest,\n      },\n      children\n    )\n  }\n)\n"],"names":["Box","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","as","display","rest","createElement","ref","classNames","styles"],"mappings":";;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,GAAG,gBAAGC,UAAU,CAC3B,SAASD,GAAGA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAChC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,KAAK,CAAC,CAAA;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,UAAU,CAAC,CAAA;AAChE,EAAA,MAAMK,YAAY,GAAGC,eAAe,CAACP,WAAW,CAAC,CAAA;AACjD,EAAA,MAAMQ,YAAY,GAAGC,eAAe,CAACN,WAAW,CAAC,CAAA;EAEjD,MAAM;IACJO,QAAQ;IACRC,KAAK;IACLC,SAAS;AACTC,IAAAA,EAAE,GAAG,KAAK;IACVC,OAAO;IACP,GAAGC,IAAAA;AACL,GAAC,GAAGX,UAAU,CAAA;;AAEd;AACJ;AACA;AACA;EACI,oBAAOY,aAAa,CAClBH,EAAE,EACF;AACEI,IAAAA,GAAG,EAAElB,YAAY;AACjBY,IAAAA,KAAK,EAAE;MACL,GAAGL,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA,KAAAA;KACJ;IACDC,SAAS,EAAEM,UAAU,CACnBC,MAAM,CAACvB,GAAG,EACVkB,OAAO,IAAIK,MAAM,CAAC,CAAA,QAAA,EAAWL,OAAO,CAAE,CAAA,CAAC,EACvCR,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAC;AACD,IAAA,aAAa,EAAE,YAAY;IAC3B,GAAGG,IAAAA;GACJ,EACDL,QACF,CAAC,CAAA;AACH,CACF;;;;"}
+{"version":3,"file":"Box.mjs","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["'use client'\n\nimport { createElement, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\n\nimport { type BoxProps } from './Box.types'\n\nimport styles from './Box.module.scss'\n\n/**\n * `Box` is a primitive layout component. It provides an easy way to access design tokens.\n * @example\n *\n * ```tsx\n * <Box\n *   width=\"100px\"\n *   height=\"100px\"\n *   p=\"6px\"\n *   m=\"6px\"\n *   bgColor=\"bg-black-light\"\n * >\n *   <div>{ ... }</div>\n * </Box>\n * ```\n */\nexport const Box = forwardRef<HTMLElement, BoxProps>(\n  function Box(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const {\n      children,\n      style,\n      className,\n      as = 'div',\n      display,\n      ...rest\n    } = layoutRest\n\n    /**\n     * NOTE: Using the createElement function directly because of a ref type related error.\n     * TODO: Fix type error.\n     */\n    return createElement(\n      as,\n      {\n        ref: forwardedRef,\n        style: {\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        },\n        className: classNames(\n          styles.Box,\n          display && styles[`display-${display}`],\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        ),\n        'data-testid': 'bezier-box',\n        ...rest,\n      },\n      children\n    )\n  }\n)\n"],"names":["Box","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","as","display","rest","createElement","ref","classNames","styles"],"mappings":";;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,GAAG,gBAAGC,UAAU,CAC3B,SAASD,GAAGA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAChC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,KAAK,CAAC;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,UAAU,CAAC;AAChE,EAAA,MAAMK,YAAY,GAAGC,eAAe,CAACP,WAAW,CAAC;AACjD,EAAA,MAAMQ,YAAY,GAAGC,eAAe,CAACN,WAAW,CAAC;EAEjD,MAAM;IACJO,QAAQ;IACRC,KAAK;IACLC,SAAS;AACTC,IAAAA,EAAE,GAAG,KAAK;IACVC,OAAO;IACP,GAAGC;AACL,GAAC,GAAGX,UAAU;;AAEd;AACJ;AACA;AACA;EACI,oBAAOY,aAAa,CAClBH,EAAE,EACF;AACEI,IAAAA,GAAG,EAAElB,YAAY;AACjBY,IAAAA,KAAK,EAAE;MACL,GAAGL,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA;KACJ;IACDC,SAAS,EAAEM,UAAU,CACnBC,MAAM,CAACvB,GAAG,EACVkB,OAAO,IAAIK,MAAM,CAAC,CAAA,QAAA,EAAWL,OAAO,CAAE,CAAA,CAAC,EACvCR,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAC;AACD,IAAA,aAAa,EAAE,YAAY;IAC3B,GAAGG;GACJ,EACDL,QACF,CAAC;AACH,CACF;;;;"}

package/dist/esm/components/Button/Button.mjs

@@ -1,8 +1,9 @@
-import React__default, { forwardRef, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { isBezierIcon } from '@channel.io/bezier-icons';
-import classNames from '../../node_modules/classnames/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import { warn } from '../../utils/assert.mjs';
 import styles from './Button.module.scss.mjs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Text } from '../Text/Text.mjs';
 import { Spinner } from '../Spinner/Spinner.mjs';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';
@@ -44,27 +45,29 @@ function ButtonSideContent({
 }) {
   if (isIconName(children)) {
     warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.');
-    return /*#__PURE__*/React__default.createElement(LegacyIcon, {
+    return /*#__PURE__*/jsx(LegacyIcon, {
       className: styles.ButtonIcon,
       name: children,
       size: getIconSize(size)
     });
   }
   if (isBezierIcon(children)) {
-    return /*#__PURE__*/React__default.createElement(Icon, {
+    return /*#__PURE__*/jsx(Icon, {
       className: styles.ButtonIcon,
       source: children,
       size: getIconSize(size)
     });
   }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
 }
 const Button = /*#__PURE__*/forwardRef(function Button({
   as = BaseButton,
   className,
   text,
-  disabled = false,
   loading = false,
+  disabled: disabledProp = false,
   active = false,
   size = 'm',
   styleVariant = 'primary',
@@ -75,33 +78,41 @@ const Button = /*#__PURE__*/forwardRef(function Button({
   ...rest
 }, forwardedRef) {
   const Comp = as;
+  const disabled = loading || disabledProp;
   const handleClick = useCallback(event => {
     if (!disabled) {
       onClick === null || onClick === void 0 || onClick(event);
     }
   }, [onClick, disabled]);
-  return /*#__PURE__*/React__default.createElement(Comp, Object.assign({
+  return /*#__PURE__*/jsxs(Comp, {
     ref: forwardedRef,
     className: classNames(styles.Button, styles[`size-${size}`], styles[`style-${styleVariant}`], styles[`color-${colorVariant}`], active && styles.active, className),
     disabled: disabled,
     onClick: handleClick,
     "data-testid": BUTTON_TEST_ID,
-    "data-bezier-component": "Button"
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
-    className: classNames(styles.ButtonContent, loading && styles.loading)
-  }, /*#__PURE__*/React__default.createElement(ButtonSideContent, {
-    size: size
-  }, leftContent), text && /*#__PURE__*/React__default.createElement(Text, {
-    className: styles.ButtonText,
-    typo: getTypography(size),
-    bold: true
-  }, text), /*#__PURE__*/React__default.createElement(ButtonSideContent, {
-    size: size
-  }, rightContent)), loading && /*#__PURE__*/React__default.createElement("div", {
-    className: styles.ButtonLoader
-  }, /*#__PURE__*/React__default.createElement(Spinner, {
-    size: getSpinnerSize(size)
-  })));
+    "data-bezier-component": "Button",
+    ...rest,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: classNames(styles.ButtonContent, loading && styles.loading),
+      children: [/*#__PURE__*/jsx(ButtonSideContent, {
+        size: size,
+        children: leftContent
+      }), text && /*#__PURE__*/jsx(Text, {
+        className: styles.ButtonText,
+        typo: getTypography(size),
+        bold: true,
+        children: text
+      }), /*#__PURE__*/jsx(ButtonSideContent, {
+        size: size,
+        children: rightContent
+      })]
+    }), loading && /*#__PURE__*/jsx("div", {
+      className: styles.ButtonLoader,
+      children: /*#__PURE__*/jsx(Spinner, {
+        size: getSpinnerSize(size)
+      })
+    })]
+  });
 });
 
 export { BUTTON_TEST_ID, Button };

package/dist/esm/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client' \n\nimport React, { forwardRef, useCallback } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Spinner } from '~/src/components/Spinner'\nimport { Text } from '~/src/components/Text'\n\nimport type { ButtonProps, ButtonSize, SideContent } from './Button.types'\n\nimport styles from './Button.module.scss'\n\nexport const BUTTON_TEST_ID = 'bezier-button'\n\nfunction getTypography(size: ButtonSize) {\n  return (\n    {\n      xs: '13',\n      s: '13',\n      m: '14',\n      l: '15',\n      xl: '18',\n    } as const\n  )[size]\n}\n\nfunction getIconSize(size: ButtonSize) {\n  return (\n    {\n      xs: 'xs',\n      s: 'xs',\n      m: 's',\n      l: 's',\n      xl: 'm',\n    } as const\n  )[size]\n}\n\nfunction getSpinnerSize(size: ButtonSize) {\n  return (\n    {\n      xs: 'xs',\n      s: 'xs',\n      m: 's',\n      l: 's',\n      xl: 's',\n    } as const\n  )[size]\n}\n\nfunction ButtonSideContent({\n  size,\n  children,\n}: {\n  size: ButtonSize\n  children: SideContent\n}) {\n  if (isIconName(children)) {\n    warn(\n      'Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n    return (\n      <LegacyIcon\n        className={styles.ButtonIcon}\n        name={children}\n        size={getIconSize(size)}\n      />\n    )\n  }\n\n  if (isBezierIcon(children)) {\n    return (\n      <Icon\n        className={styles.ButtonIcon}\n        source={children}\n        size={getIconSize(size)}\n      />\n    )\n  }\n\n  return <>{children}</>\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      as = BaseButton,\n      className,\n      text,\n      disabled = false,\n      loading = false,\n      active = false,\n      size = 'm',\n      styleVariant = 'primary',\n      colorVariant = 'blue',\n      leftContent,\n      rightContent,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const Comp = as as typeof BaseButton\n\n    const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        if (!disabled) {\n          onClick?.(event)\n        }\n      },\n      [onClick, disabled]\n    )\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames(\n          styles.Button,\n          styles[`size-${size}`],\n          styles[`style-${styleVariant}`],\n          styles[`color-${colorVariant}`],\n          active && styles.active,\n          className\n        )}\n        disabled={disabled}\n        onClick={handleClick}\n        data-testid={BUTTON_TEST_ID}\n        data-bezier-component=\"Button\"\n        {...rest}\n      >\n        <div\n          className={classNames(\n            styles.ButtonContent,\n            loading && styles.loading\n          )}\n        >\n          <ButtonSideContent size={size}>{leftContent}</ButtonSideContent>\n\n          {text && (\n            <Text\n              className={styles.ButtonText}\n              typo={getTypography(size)}\n              bold\n            >\n              {text}\n            </Text>\n          )}\n\n          <ButtonSideContent size={size}>{rightContent}</ButtonSideContent>\n        </div>\n\n        {loading && (\n          <div className={styles.ButtonLoader}>\n            <Spinner size={getSpinnerSize(size)} />\n          </div>\n        )}\n      </Comp>\n    )\n  }\n)\n"],"names":["BUTTON_TEST_ID","getTypography","size","xs","s","m","l","xl","getIconSize","getSpinnerSize","ButtonSideContent","children","isIconName","warn","React","createElement","LegacyIcon","className","styles","ButtonIcon","name","isBezierIcon","Icon","source","Fragment","Button","forwardRef","as","BaseButton","text","disabled","loading","active","styleVariant","colorVariant","leftContent","rightContent","onClick","rest","forwardedRef","Comp","handleClick","useCallback","event","Object","assign","ref","classNames","ButtonContent","Text","ButtonText","typo","bold","ButtonLoader","Spinner"],"mappings":"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"}
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, useCallback } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { warn } from '~/src/utils/assert'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Spinner } from '~/src/components/Spinner'\nimport { Text } from '~/src/components/Text'\n\nimport type { ButtonProps, ButtonSize, SideContent } from './Button.types'\n\nimport styles from './Button.module.scss'\n\nexport const BUTTON_TEST_ID = 'bezier-button'\n\nfunction getTypography(size: ButtonSize) {\n  return (\n    {\n      xs: '13',\n      s: '13',\n      m: '14',\n      l: '15',\n      xl: '18',\n    } as const\n  )[size]\n}\n\nfunction getIconSize(size: ButtonSize) {\n  return (\n    {\n      xs: 'xs',\n      s: 'xs',\n      m: 's',\n      l: 's',\n      xl: 'm',\n    } as const\n  )[size]\n}\n\nfunction getSpinnerSize(size: ButtonSize) {\n  return (\n    {\n      xs: 'xs',\n      s: 'xs',\n      m: 's',\n      l: 's',\n      xl: 's',\n    } as const\n  )[size]\n}\n\nfunction ButtonSideContent({\n  size,\n  children,\n}: {\n  size: ButtonSize\n  children: SideContent\n}) {\n  if (isIconName(children)) {\n    warn(\n      'Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n    return (\n      <LegacyIcon\n        className={styles.ButtonIcon}\n        name={children}\n        size={getIconSize(size)}\n      />\n    )\n  }\n\n  if (isBezierIcon(children)) {\n    return (\n      <Icon\n        className={styles.ButtonIcon}\n        source={children}\n        size={getIconSize(size)}\n      />\n    )\n  }\n\n  return <>{children}</>\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      as = BaseButton,\n      className,\n      text,\n      loading = false,\n      disabled: disabledProp = false,\n      active = false,\n      size = 'm',\n      styleVariant = 'primary',\n      colorVariant = 'blue',\n      leftContent,\n      rightContent,\n      onClick,\n      ...rest\n    },\n    forwardedRef\n  ) {\n    const Comp = as as typeof BaseButton\n\n    const disabled = loading || disabledProp\n\n    const handleClick = useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        if (!disabled) {\n          onClick?.(event)\n        }\n      },\n      [onClick, disabled]\n    )\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames(\n          styles.Button,\n          styles[`size-${size}`],\n          styles[`style-${styleVariant}`],\n          styles[`color-${colorVariant}`],\n          active && styles.active,\n          className\n        )}\n        disabled={disabled}\n        onClick={handleClick}\n        data-testid={BUTTON_TEST_ID}\n        data-bezier-component=\"Button\"\n        {...rest}\n      >\n        <div\n          className={classNames(\n            styles.ButtonContent,\n            loading && styles.loading\n          )}\n        >\n          <ButtonSideContent size={size}>{leftContent}</ButtonSideContent>\n\n          {text && (\n            <Text\n              className={styles.ButtonText}\n              typo={getTypography(size)}\n              bold\n            >\n              {text}\n            </Text>\n          )}\n\n          <ButtonSideContent size={size}>{rightContent}</ButtonSideContent>\n        </div>\n\n        {loading && (\n          <div className={styles.ButtonLoader}>\n            <Spinner size={getSpinnerSize(size)} />\n          </div>\n        )}\n      </Comp>\n    )\n  }\n)\n"],"names":["BUTTON_TEST_ID","getTypography","size","xs","s","m","l","xl","getIconSize","getSpinnerSize","ButtonSideContent","children","isIconName","warn","_jsx","LegacyIcon","className","styles","ButtonIcon","name","isBezierIcon","Icon","source","_Fragment","Button","forwardRef","as","BaseButton","text","loading","disabled","disabledProp","active","styleVariant","colorVariant","leftContent","rightContent","onClick","rest","forwardedRef","Comp","handleClick","useCallback","event","_jsxs","ref","classNames","ButtonContent","Text","ButtonText","typo","bold","ButtonLoader","Spinner"],"mappings":"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"}

package/dist/esm/components/ButtonGroup/ButtonGroup.mjs

@@ -1,4 +1,5 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Stack } from '../Stack/Stack.mjs';
 
 /**
@@ -17,13 +18,15 @@ const ButtonGroup = /*#__PURE__*/forwardRef(function ButtonGroup({
   withoutSpacing = false,
   ...props
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(Stack, Object.assign({}, props, {
+  return /*#__PURE__*/jsx(Stack, {
+    ...props,
     role: "group",
     ref: forwardedRef,
     direction: "horizontal",
     spacing: withoutSpacing ? 0 : 6,
-    justify: justify
-  }), children);
+    justify: justify,
+    children: children
+  });
 });
 
 export { ButtonGroup };

package/dist/esm/components/ButtonGroup/ButtonGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport type { ButtonGroupProps } from './ButtonGroup.types'\n\n/**\n * `ButtonGroup` is a component that groups buttons together.\n * @example\n * ```tsx\n * <ButtonGroup>\n *   <Button text=\"Close\" />\n *   <Button text=\"Submit\" />\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, justify = 'center', withoutSpacing = false, ...props },\n    forwardedRef\n  ) {\n    return (\n      <Stack\n        {...props}\n        role=\"group\"\n        ref={forwardedRef}\n        direction=\"horizontal\"\n        spacing={withoutSpacing ? 0 : 6}\n        justify={justify}\n      >\n        {children}\n      </Stack>\n    )\n  }\n)\n"],"names":["ButtonGroup","forwardRef","children","justify","withoutSpacing","props","forwardedRef","React","createElement","Stack","Object","assign","role","ref","direction","spacing"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,UAAU,CACnC,SAASD,WAAWA,CAClB;EAAEE,QAAQ;AAAEC,EAAAA,OAAO,GAAG,QAAQ;AAAEC,EAAAA,cAAc,GAAG,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAClEC,YAAY,EACZ;EACA,oBACEC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACAN,KAAK,EAAA;AACTO,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,GAAG,EAAEP,YAAa;AAClBQ,IAAAA,SAAS,EAAC,YAAY;AACtBC,IAAAA,OAAO,EAAEX,cAAc,GAAG,CAAC,GAAG,CAAE;AAChCD,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,CAAA,EAEhBD,QACI,CAAC,CAAA;AAEZ,CACF;;;;"}
+{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport type { ButtonGroupProps } from './ButtonGroup.types'\n\n/**\n * `ButtonGroup` is a component that groups buttons together.\n * @example\n * ```tsx\n * <ButtonGroup>\n *   <Button text=\"Close\" />\n *   <Button text=\"Submit\" />\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  function ButtonGroup(\n    { children, justify = 'center', withoutSpacing = false, ...props },\n    forwardedRef\n  ) {\n    return (\n      <Stack\n        {...props}\n        role=\"group\"\n        ref={forwardedRef}\n        direction=\"horizontal\"\n        spacing={withoutSpacing ? 0 : 6}\n        justify={justify}\n      >\n        {children}\n      </Stack>\n    )\n  }\n)\n"],"names":["ButtonGroup","forwardRef","children","justify","withoutSpacing","props","forwardedRef","_jsx","Stack","role","ref","direction","spacing"],"mappings":";;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,UAAU,CACnC,SAASD,WAAWA,CAClB;EAAEE,QAAQ;AAAEC,EAAAA,OAAO,GAAG,QAAQ;AAAEC,EAAAA,cAAc,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAClEC,YAAY,EACZ;EACA,oBACEC,GAAA,CAACC,KAAK,EAAA;AAAA,IAAA,GACAH,KAAK;AACTI,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,SAAS,EAAC,YAAY;AACtBC,IAAAA,OAAO,EAAER,cAAc,GAAG,CAAC,GAAG,CAAE;AAChCD,IAAAA,OAAO,EAAEA,OAAQ;AAAAD,IAAAA,QAAA,EAEhBA;AAAQ,GACJ,CAAC;AAEZ,CACF;;;;"}

package/dist/esm/components/Center/Center.mjs

@@ -1,18 +1,9 @@
-import React__default, { forwardRef } from 'react';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import classNames from '../../_virtual/index.mjs';
 import { getMarginStyles, getLayoutStyles, splitByMarginProps, splitByLayoutProps } from '../../types/props-helpers.mjs';
 import styles from './Center.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 
-/**
- * `Center` is a layout component that centers its child within itself.
- * @example
- *
- * ```tsx
- * <Center>
- *   Centered content
- * </Center>
- * ```
- */
 const Center = /*#__PURE__*/forwardRef(function Center(props, forwardedRef) {
   const [marginProps, marginRest] = splitByMarginProps(props);
   const [layoutProps, layoutRest] = splitByLayoutProps(marginRest);
@@ -25,7 +16,7 @@ const Center = /*#__PURE__*/forwardRef(function Center(props, forwardedRef) {
     display = 'flex',
     ...rest
   } = layoutRest;
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+  return /*#__PURE__*/jsx("div", {
     ref: forwardedRef,
     style: {
       ...marginStyles.style,
@@ -33,8 +24,10 @@ const Center = /*#__PURE__*/forwardRef(function Center(props, forwardedRef) {
       ...style
     },
     className: classNames(styles.Center, display && styles[`display-${display}`], marginStyles.className, layoutStyles.className, className),
-    "data-testid": "bezier-center"
-  }, rest), children);
+    "data-testid": "bezier-center",
+    ...rest,
+    children: children
+  });
 });
 
 export { Center };

package/dist/esm/components/Center/Center.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Center.mjs","sources":["../../../../src/components/Center/Center.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\n\nimport { type CenterProps } from './Center.types'\n\nimport styles from './Center.module.scss'\n\n/**\n * `Center` is a layout component that centers its child within itself.\n * @example\n *\n * ```tsx\n * <Center>\n *   Centered content\n * </Center>\n * ```\n */\nexport const Center = forwardRef<HTMLDivElement, CenterProps>(\n  function Center(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const { children, style, className, display = 'flex', ...rest } = layoutRest\n\n    return (\n      <div\n        ref={forwardedRef}\n        style={{\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        }}\n        className={classNames(\n          styles.Center,\n          display && styles[`display-${display}`],\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        )}\n        data-testid=\"bezier-center\"\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n"],"names":["Center","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","display","rest","React","createElement","Object","assign","ref","classNames","styles"],"mappings":";;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,SAASD,MAAMA,CAACE,KAAK,EAAEC,YAAY,EAAE;EACnC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,KAAK,CAAC,CAAA;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,UAAU,CAAC,CAAA;AAChE,EAAA,MAAMK,YAAY,GAAGC,eAAe,CAACP,WAAW,CAAC,CAAA;AACjD,EAAA,MAAMQ,YAAY,GAAGC,eAAe,CAACN,WAAW,CAAC,CAAA;EAEjD,MAAM;IAAEO,QAAQ;IAAEC,KAAK;IAAEC,SAAS;AAAEC,IAAAA,OAAO,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAGV,UAAU,CAAA;AAE5E,EAAA,oBACEW,cAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAEpB,YAAa;AAClBY,IAAAA,KAAK,EAAE;MACL,GAAGL,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA,KAAAA;KACH;IACFC,SAAS,EAAEQ,UAAU,CACnBC,MAAM,CAACzB,MAAM,EACbiB,OAAO,IAAIQ,MAAM,CAAC,CAAA,QAAA,EAAWR,OAAO,CAAE,CAAA,CAAC,EACvCP,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAE;IACF,aAAY,EAAA,eAAA;GACRE,EAAAA,IAAI,CAEPJ,EAAAA,QACE,CAAC,CAAA;AAEV,CACF;;;;"}
+{"version":3,"file":"Center.mjs","sources":["../../../../src/components/Center/Center.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n  getLayoutStyles,\n  getMarginStyles,\n  splitByLayoutProps,\n  splitByMarginProps,\n} from '~/src/types/props-helpers'\n\nimport { type CenterProps } from './Center.types'\n\nimport styles from './Center.module.scss'\n\n/**\n * `Center` is a layout component that centers its child within itself.\n * @example\n *\n * ```tsx\n * <Center>\n *   Centered content\n * </Center>\n * ```\n */\nexport const Center = forwardRef<HTMLDivElement, CenterProps>(\n  function Center(props, forwardedRef) {\n    const [marginProps, marginRest] = splitByMarginProps(props)\n    const [layoutProps, layoutRest] = splitByLayoutProps(marginRest)\n    const marginStyles = getMarginStyles(marginProps)\n    const layoutStyles = getLayoutStyles(layoutProps)\n\n    const { children, style, className, display = 'flex', ...rest } = layoutRest\n\n    return (\n      <div\n        ref={forwardedRef}\n        style={{\n          ...marginStyles.style,\n          ...layoutStyles.style,\n          ...style,\n        }}\n        className={classNames(\n          styles.Center,\n          display && styles[`display-${display}`],\n          marginStyles.className,\n          layoutStyles.className,\n          className\n        )}\n        data-testid=\"bezier-center\"\n        {...rest}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n"],"names":["Center","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","layoutProps","layoutRest","splitByLayoutProps","marginStyles","getMarginStyles","layoutStyles","getLayoutStyles","children","style","className","display","rest","_jsx","ref","classNames","styles"],"mappings":";;;;;;AA2BO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,SAASD,MAAMA,CAACE,KAAK,EAAEC,YAAY,EAAE;EACnC,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,KAAK,CAAC;EAC3D,MAAM,CAACK,WAAW,EAAEC,UAAU,CAAC,GAAGC,kBAAkB,CAACJ,UAAU,CAAC;AAChE,EAAA,MAAMK,YAAY,GAAGC,eAAe,CAACP,WAAW,CAAC;AACjD,EAAA,MAAMQ,YAAY,GAAGC,eAAe,CAACN,WAAW,CAAC;EAEjD,MAAM;IAAEO,QAAQ;IAAEC,KAAK;IAAEC,SAAS;AAAEC,IAAAA,OAAO,GAAG,MAAM;IAAE,GAAGC;AAAK,GAAC,GAAGV,UAAU;AAE5E,EAAA,oBACEW,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEjB,YAAa;AAClBY,IAAAA,KAAK,EAAE;MACL,GAAGL,YAAY,CAACK,KAAK;MACrB,GAAGH,YAAY,CAACG,KAAK;MACrB,GAAGA;KACH;IACFC,SAAS,EAAEK,UAAU,CACnBC,MAAM,CAACtB,MAAM,EACbiB,OAAO,IAAIK,MAAM,CAAC,CAAA,QAAA,EAAWL,OAAO,CAAE,CAAA,CAAC,EACvCP,YAAY,CAACM,SAAS,EACtBJ,YAAY,CAACI,SAAS,EACtBA,SACF,CAAE;AACF,IAAA,aAAA,EAAY,eAAe;AAAA,IAAA,GACvBE,IAAI;AAAAJ,IAAAA,QAAA,EAEPA;AAAQ,GACN,CAAC;AAEV,CACF;;;;"}

package/dist/esm/components/CheckableAvatar/CheckableAvatar.mjs

@@ -1,35 +1,15 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { CheckIcon } from '@channel.io/bezier-icons';
-import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { Root, Indicator } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import useId from '../../hooks/useId.mjs';
 import styles from './CheckableAvatar.module.scss.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';
 import { Icon } from '../Icon/Icon.mjs';
 import { Avatar } from '../Avatar/Avatar.mjs';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
 
-/**
- * `CheckableAvatar` is a checkbox component that looks like `Avatar`.
- * @example
- *
- * ```tsx
- * const [checked, setChecked] = useState(false)
- * // Controlled
- * <CheckableAvatar
- *   name="John Doe"
- *   avatarUrl="..."
- *   checked={checked}
- *   onCheckedChange={setChecked}
- * />
- * // Uncontrolled
- * <CheckableAvatar
- *   name="John Doe"
- *   avatarUrl="..."
- *   defaultChecked
- * />
- * ```
- */
 const CheckableAvatar = /*#__PURE__*/forwardRef(function CheckableAvatar({
   children,
   className,
@@ -44,33 +24,42 @@ const CheckableAvatar = /*#__PURE__*/forwardRef(function CheckableAvatar({
   ...props
 }, forwardedRef) {
   const id = useId(idProp, 'bezier-checkable-avatar');
-  return /*#__PURE__*/React__default.createElement($e698a72e93240346$export$be92b6f5f03c0fe9, Object.assign({
+  return /*#__PURE__*/jsx(Root, {
     asChild: true,
     className: classNames(styles.Checkbox, className),
     ref: forwardedRef,
     id: id,
     name: name,
-    disabled: disabled
-  }, props), /*#__PURE__*/React__default.createElement(BaseButton, null, /*#__PURE__*/React__default.createElement($e698a72e93240346$export$adb584737d712b70, {
-    asChild: true,
-    forceMount: true
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: classNames(styles.CheckIcon, styles[`size-${size}`]),
-    source: CheckIcon,
-    color: "bgtxt-absolute-white-normal"
-  })), /*#__PURE__*/React__default.createElement(Avatar, {
-    className: styles.Avatar,
-    "aria-hidden": true,
-    size: size,
-    name: name,
     disabled: disabled,
-    avatarUrl: avatarUrl,
-    fallbackUrl: fallbackUrl,
-    status: status,
-    showBorder: showBorder
-  }, children), /*#__PURE__*/React__default.createElement(VisuallyHidden, null, /*#__PURE__*/React__default.createElement("label", {
-    htmlFor: id
-  }, name))));
+    ...props,
+    children: /*#__PURE__*/jsxs(BaseButton, {
+      children: [/*#__PURE__*/jsx(Indicator, {
+        asChild: true,
+        forceMount: true,
+        children: /*#__PURE__*/jsx(Icon, {
+          className: classNames(styles.CheckIcon, styles[`size-${size}`]),
+          source: CheckIcon,
+          color: "bgtxt-absolute-white-normal"
+        })
+      }), /*#__PURE__*/jsx(Avatar, {
+        className: styles.Avatar,
+        "aria-hidden": true,
+        size: size,
+        name: name,
+        disabled: disabled,
+        avatarUrl: avatarUrl,
+        fallbackUrl: fallbackUrl,
+        status: status,
+        showBorder: showBorder,
+        children: children
+      }), /*#__PURE__*/jsx(VisuallyHidden, {
+        children: /*#__PURE__*/jsx("label", {
+          htmlFor: id,
+          children: name
+        })
+      })]
+    })
+  });
 });
 
 export { CheckableAvatar };

package/dist/esm/components/CheckableAvatar/CheckableAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckableAvatar.mjs","sources":["../../../../src/components/CheckableAvatar/CheckableAvatar.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { CheckIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\n\nimport { Avatar } from '~/src/components/Avatar'\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { VisuallyHidden } from '~/src/components/VisuallyHidden'\n\nimport type { CheckableAvatarProps } from './CheckableAvatar.types'\n\nimport styles from './CheckableAvatar.module.scss'\n\n/**\n * `CheckableAvatar` is a checkbox component that looks like `Avatar`.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled\n * <CheckableAvatar\n *   name=\"John Doe\"\n *   avatarUrl=\"...\"\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <CheckableAvatar\n *   name=\"John Doe\"\n *   avatarUrl=\"...\"\n *   defaultChecked\n * />\n * ```\n */\nexport const CheckableAvatar = forwardRef<\n  HTMLButtonElement,\n  CheckableAvatarProps\n>(function CheckableAvatar(\n  {\n    children,\n    className,\n    id: idProp,\n    name,\n    size = '24',\n    disabled,\n    avatarUrl,\n    fallbackUrl,\n    status,\n    showBorder,\n    ...props\n  },\n  forwardedRef\n) {\n  const id = useId(idProp, 'bezier-checkable-avatar')\n\n  return (\n    <CheckboxPrimitive.Root\n      asChild\n      className={classNames(styles.Checkbox, className)}\n      ref={forwardedRef}\n      id={id}\n      name={name}\n      disabled={disabled}\n      {...props}\n    >\n      <BaseButton>\n        <CheckboxPrimitive.Indicator\n          asChild\n          forceMount\n        >\n          <Icon\n            className={classNames(styles.CheckIcon, styles[`size-${size}`])}\n            source={CheckIcon}\n            color=\"bgtxt-absolute-white-normal\"\n          />\n        </CheckboxPrimitive.Indicator>\n\n        <Avatar\n          className={styles.Avatar}\n          aria-hidden\n          size={size}\n          name={name}\n          disabled={disabled}\n          avatarUrl={avatarUrl}\n          fallbackUrl={fallbackUrl}\n          status={status}\n          showBorder={showBorder}\n        >\n          {children}\n        </Avatar>\n\n        <VisuallyHidden>\n          <label htmlFor={id}>{name}</label>\n        </VisuallyHidden>\n      </BaseButton>\n    </CheckboxPrimitive.Root>\n  )\n})\n"],"names":["CheckableAvatar","forwardRef","children","className","id","idProp","name","size","disabled","avatarUrl","fallbackUrl","status","showBorder","props","forwardedRef","useId","React","createElement","CheckboxPrimitive","Object","assign","asChild","classNames","styles","Checkbox","ref","BaseButton","forceMount","Icon","CheckIcon","source","color","Avatar","VisuallyHidden","htmlFor"],"mappings":";;;;;;;;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,eAAe,gBAAGC,UAAU,CAGvC,SAASD,eAAeA,CACxB;EACEE,QAAQ;EACRC,SAAS;AACTC,EAAAA,EAAE,EAAEC,MAAM;EACVC,IAAI;AACJC,EAAAA,IAAI,GAAG,IAAI;EACXC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,UAAU;EACV,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMV,EAAE,GAAGW,KAAK,CAACV,MAAM,EAAE,yBAAyB,CAAC,CAAA;EAEnD,oBACEW,cAAA,CAAAC,aAAA,CAACC,yCAAsB,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACrBC,OAAO,EAAA,IAAA;IACPlB,SAAS,EAAEmB,UAAU,CAACC,MAAM,CAACC,QAAQ,EAAErB,SAAS,CAAE;AAClDsB,IAAAA,GAAG,EAAEX,YAAa;AAClBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACfK,KAAK,CAAA,eAETG,cAAA,CAAAC,aAAA,CAACS,UAAU,EACTV,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACC,yCAA2B,EAAA;IAC1BG,OAAO,EAAA,IAAA;IACPM,UAAU,EAAA,IAAA;AAAA,GAAA,eAEVX,cAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AACHzB,IAAAA,SAAS,EAAEmB,UAAU,CAACC,MAAM,CAACM,SAAS,EAAEN,MAAM,CAAC,CAAA,KAAA,EAAQhB,IAAI,CAAA,CAAE,CAAC,CAAE;AAChEuB,IAAAA,MAAM,EAAED,SAAU;AAClBE,IAAAA,KAAK,EAAC,6BAAA;AAA6B,GACpC,CAC0B,CAAC,eAE9Bf,cAAA,CAAAC,aAAA,CAACe,MAAM,EAAA;IACL7B,SAAS,EAAEoB,MAAM,CAACS,MAAO;IACzB,aAAW,EAAA,IAAA;AACXzB,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAAA;GAEXV,EAAAA,QACK,CAAC,eAETc,cAAA,CAAAC,aAAA,CAACgB,cAAc,EAAA,IAAA,eACbjB,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOiB,IAAAA,OAAO,EAAE9B,EAAAA;AAAG,GAAA,EAAEE,IAAY,CACnB,CACN,CACU,CAAC,CAAA;AAE7B,CAAC;;;;"}
+{"version":3,"file":"CheckableAvatar.mjs","sources":["../../../../src/components/CheckableAvatar/CheckableAvatar.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { CheckIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\n\nimport { Avatar } from '~/src/components/Avatar'\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { VisuallyHidden } from '~/src/components/VisuallyHidden'\n\nimport type { CheckableAvatarProps } from './CheckableAvatar.types'\n\nimport styles from './CheckableAvatar.module.scss'\n\n/**\n * `CheckableAvatar` is a checkbox component that looks like `Avatar`.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled\n * <CheckableAvatar\n *   name=\"John Doe\"\n *   avatarUrl=\"...\"\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <CheckableAvatar\n *   name=\"John Doe\"\n *   avatarUrl=\"...\"\n *   defaultChecked\n * />\n * ```\n */\nexport const CheckableAvatar = forwardRef<\n  HTMLButtonElement,\n  CheckableAvatarProps\n>(function CheckableAvatar(\n  {\n    children,\n    className,\n    id: idProp,\n    name,\n    size = '24',\n    disabled,\n    avatarUrl,\n    fallbackUrl,\n    status,\n    showBorder,\n    ...props\n  },\n  forwardedRef\n) {\n  const id = useId(idProp, 'bezier-checkable-avatar')\n\n  return (\n    <CheckboxPrimitive.Root\n      asChild\n      className={classNames(styles.Checkbox, className)}\n      ref={forwardedRef}\n      id={id}\n      name={name}\n      disabled={disabled}\n      {...props}\n    >\n      <BaseButton>\n        <CheckboxPrimitive.Indicator\n          asChild\n          forceMount\n        >\n          <Icon\n            className={classNames(styles.CheckIcon, styles[`size-${size}`])}\n            source={CheckIcon}\n            color=\"bgtxt-absolute-white-normal\"\n          />\n        </CheckboxPrimitive.Indicator>\n\n        <Avatar\n          className={styles.Avatar}\n          aria-hidden\n          size={size}\n          name={name}\n          disabled={disabled}\n          avatarUrl={avatarUrl}\n          fallbackUrl={fallbackUrl}\n          status={status}\n          showBorder={showBorder}\n        >\n          {children}\n        </Avatar>\n\n        <VisuallyHidden>\n          <label htmlFor={id}>{name}</label>\n        </VisuallyHidden>\n      </BaseButton>\n    </CheckboxPrimitive.Root>\n  )\n})\n"],"names":["CheckableAvatar","forwardRef","children","className","id","idProp","name","size","disabled","avatarUrl","fallbackUrl","status","showBorder","props","forwardedRef","useId","_jsx","CheckboxPrimitive","asChild","classNames","styles","Checkbox","ref","_jsxs","BaseButton","forceMount","Icon","CheckIcon","source","color","Avatar","VisuallyHidden","htmlFor"],"mappings":";;;;;;;;;;;;MAwCaA,eAAe,gBAAGC,UAAU,CAGvC,SAASD,eAAeA,CACxB;EACEE,QAAQ;EACRC,SAAS;AACTC,EAAAA,EAAE,EAAEC,MAAM;EACVC,IAAI;AACJC,EAAAA,IAAI,GAAG,IAAI;EACXC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMV,EAAE,GAAGW,KAAK,CAACV,MAAM,EAAE,yBAAyB,CAAC;AAEnD,EAAA,oBACEW,GAAA,CAACC,IAAsB,EAAA;IACrBC,OAAO,EAAA,IAAA;IACPf,SAAS,EAAEgB,UAAU,CAACC,MAAM,CAACC,QAAQ,EAAElB,SAAS,CAAE;AAClDmB,IAAAA,GAAG,EAAER,YAAa;AAClBV,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AAAA,IAAA,GACfK,KAAK;IAAAX,QAAA,eAETqB,IAAA,CAACC,UAAU,EAAA;AAAAtB,MAAAA,QAAA,EACTc,cAAAA,GAAA,CAACC,SAA2B,EAAA;QAC1BC,OAAO,EAAA,IAAA;QACPO,UAAU,EAAA,IAAA;QAAAvB,QAAA,eAEVc,GAAA,CAACU,IAAI,EAAA;AACHvB,UAAAA,SAAS,EAAEgB,UAAU,CAACC,MAAM,CAACO,SAAS,EAAEP,MAAM,CAAC,CAAA,KAAA,EAAQb,IAAI,CAAA,CAAE,CAAC,CAAE;AAChEqB,UAAAA,MAAM,EAAED,SAAU;AAClBE,UAAAA,KAAK,EAAC;SACP;AAAC,OACyB,CAAC,eAE9Bb,GAAA,CAACc,MAAM,EAAA;QACL3B,SAAS,EAAEiB,MAAM,CAACU,MAAO;QACzB,aAAW,EAAA,IAAA;AACXvB,QAAAA,IAAI,EAAEA,IAAK;AACXD,QAAAA,IAAI,EAAEA,IAAK;AACXE,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,WAAW,EAAEA,WAAY;AACzBC,QAAAA,MAAM,EAAEA,MAAO;AACfC,QAAAA,UAAU,EAAEA,UAAW;AAAAV,QAAAA,QAAA,EAEtBA;AAAQ,OACH,CAAC,eAETc,GAAA,CAACe,cAAc,EAAA;AAAA7B,QAAAA,QAAA,eACbc,GAAA,CAAA,OAAA,EAAA;AAAOgB,UAAAA,OAAO,EAAE5B,EAAG;AAAAF,UAAAA,QAAA,EAAEI;SAAY;AAAC,OACpB,CAAC;KACP;AAAC,GACS,CAAC;AAE7B,CAAC;;;;"}