@channel.io/bezier-react 3.1.4 → 3.2.0

package/dist/cjs/components/Banner/Banner.js

@@ -61,7 +61,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner({
   ...rest
 }, forwardedRef) {
   if (utils.isIconName(icon)) {
-    assert.warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.');
+    assert.warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.', 'Banner.IconName');
   }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: forwardedRef,

package/dist/cjs/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","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={classNames(!iconColor && styles.Icon)}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={classNames(!iconColor && 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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"}
+{"version":3,"file":"Banner.js","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      'Banner.IconName'\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={classNames(!iconColor && styles.Icon)}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={classNames(!iconColor && 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/cjs/components/Button/Button.js

@@ -46,7 +46,7 @@ function ButtonSideContent({
   children
 }) {
   if (utils.isIconName(children)) {
-    assert.warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.');
+    assert.warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.', 'Button.IconName');
     return /*#__PURE__*/jsxRuntime.jsx(LegacyIcon.LegacyIcon, {
       className: Button_module.default.ButtonIcon,
       name: children,

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","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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"}
+{"version":3,"file":"Button.js","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      'Button.IconName'\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":";;;;;;;;;;;;;;;AAmBO,MAAMA,cAAc,GAAG;AAE9B,SAASC,aAAaA,CAACC,IAAgB,EAAE;EACvC,OACE;AACEC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,EAAE,EAAE;GACL,CACDL,IAAI,CAAC;AACT;AAEA,SAASM,WAAWA,CAACN,IAAgB,EAAE;EACrC,OACE;AACEC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,EAAE,EAAE;GACL,CACDL,IAAI,CAAC;AACT;AAEA,SAASO,cAAcA,CAACP,IAAgB,EAAE;EACxC,OACE;AACEC,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,EAAE,EAAE;GACL,CACDL,IAAI,CAAC;AACT;AAEA,SAASQ,iBAAiBA,CAAC;EACzBR,IAAI;AACJS,EAAAA;AAIF,CAAC,EAAE;AACD,EAAA,IAAIC,gBAAU,CAACD,QAAQ,CAAC,EAAE;AACxBE,IAAAA,WAAI,CACF,sIAAsI,EACtI,iBACF,CAAC;IACD,oBACEC,cAAA,CAACC,qBAAU,EAAA;MACTC,SAAS,EAAEC,qBAAM,CAACC,UAAW;AAC7BC,MAAAA,IAAI,EAAER,QAAS;MACfT,IAAI,EAAEM,WAAW,CAACN,IAAI;AAAE,KACzB,CAAC;AAEN;AAEA,EAAA,IAAIkB,wBAAY,CAACT,QAAQ,CAAC,EAAE;IAC1B,oBACEG,cAAA,CAACO,SAAI,EAAA;MACHL,SAAS,EAAEC,qBAAM,CAACC,UAAW;AAC7BI,MAAAA,MAAM,EAAEX,QAAS;MACjBT,IAAI,EAAEM,WAAW,CAACN,IAAI;AAAE,KACzB,CAAC;AAEN;EAEA,oBAAOY,cAAA,CAAAS,mBAAA,EAAA;AAAAZ,IAAAA,QAAA,EAAGA;AAAQ,GAAG,CAAC;AACxB;MAEaa,MAAM,gBAAGC,gBAAU,CAC9B,SAASD,MAAMA,CACb;AACEE,EAAAA,EAAE,GAAGC,qBAAU;EACfX,SAAS;EACTY,IAAI;AACJC,EAAAA,OAAO,GAAG,KAAK;EACfC,QAAQ,EAAEC,YAAY,GAAG,KAAK;AAC9BC,EAAAA,MAAM,GAAG,KAAK;AACd9B,EAAAA,IAAI,GAAG,GAAG;AACV+B,EAAAA,YAAY,GAAG,SAAS;AACxBC,EAAAA,YAAY,GAAG,MAAM;EACrBC,WAAW;EACXC,YAAY;EACZC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGd,EAAuB;AAEpC,EAAA,MAAMI,QAAQ,GAAGD,OAAO,IAAIE,YAAY;AAExC,EAAA,MAAMU,WAAW,GAAGC,iBAAW,CAC5BC,KAAK,IAAK;IACT,IAAI,CAACb,QAAQ,EAAE;AACbO,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGM,KAAK,CAAC;AAClB;AACF,GAAC,EACD,CAACN,OAAO,EAAEP,QAAQ,CACpB,CAAC;EAED,oBACEc,eAAA,CAACJ,IAAI,EAAA;AACHK,IAAAA,GAAG,EAAEN,YAAa;AAClBvB,IAAAA,SAAS,EAAE8B,aAAU,CACnB7B,qBAAM,CAACO,MAAM,EACbP,qBAAM,CAAC,QAAQf,IAAI,CAAA,CAAE,CAAC,EACtBe,qBAAM,CAAC,CAAA,MAAA,EAASgB,YAAY,CAAA,CAAE,CAAC,EAC/BhB,qBAAM,CAAC,CAAA,MAAA,EAASiB,YAAY,CAAE,CAAA,CAAC,EAC/BF,MAAM,IAAIf,qBAAM,CAACe,MAAM,EACvBhB,SACF,CAAE;AACFc,IAAAA,QAAQ,EAAEA,QAAS;AACnBO,IAAAA,OAAO,EAAEI,WAAY;AACrB,IAAA,aAAA,EAAazC,cAAe;AAC5B,IAAA,uBAAA,EAAsB,QAAQ;AAAA,IAAA,GAC1BsC,IAAI;AAAA3B,IAAAA,QAAA,gBAERiC,eAAA,CAAA,KAAA,EAAA;AACE5B,MAAAA,SAAS,EAAE8B,aAAU,CACnB7B,qBAAM,CAAC8B,aAAa,EACpBlB,OAAO,IAAIZ,qBAAM,CAACY,OACpB,CAAE;MAAAlB,QAAA,EAAA,cAEFG,cAAA,CAACJ,iBAAiB,EAAA;AAACR,QAAAA,IAAI,EAAEA,IAAK;AAAAS,QAAAA,QAAA,EAAEwB;AAAW,OAAoB,CAAC,EAE/DP,IAAI,iBACHd,cAAA,CAACkC,SAAI,EAAA;QACHhC,SAAS,EAAEC,qBAAM,CAACgC,UAAW;AAC7BC,QAAAA,IAAI,EAAEjD,aAAa,CAACC,IAAI,CAAE;QAC1BiD,IAAI,EAAA,IAAA;AAAAxC,QAAAA,QAAA,EAEHiB;AAAI,OACD,CACP,eAEDd,cAAA,CAACJ,iBAAiB,EAAA;AAACR,QAAAA,IAAI,EAAEA,IAAK;AAAAS,QAAAA,QAAA,EAAEyB;AAAY,OAAoB,CAAC;AAAA,KAC9D,CAAC,EAELP,OAAO,iBACNf,cAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,qBAAM,CAACmC,YAAa;MAAAzC,QAAA,eAClCG,cAAA,CAACuC,eAAO,EAAA;QAACnD,IAAI,EAAEO,cAAc,CAACP,IAAI;OAAI;AAAC,KACpC,CACN;AAAA,GACG,CAAC;AAEX,CACF;;;;;"}

package/dist/cjs/components/SectionLabel/SectionLabel.js

@@ -25,7 +25,7 @@ function LeftContent({
     });
   }
   if (isLegacyIcon) {
-    assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.LeftContent.IconName');
   }
   const Comp = isLegacyIcon ? LegacyIcon.LegacyIcon : Icon.Icon;
   return (
@@ -56,7 +56,7 @@ function RightContent({
     });
   }
   if (isLegacyIcon) {
-    assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    assert.warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.RightContent.IconName');
   }
   return /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
     ...(withAction ? {

package/dist/cjs/components/SectionLabel/SectionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.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 {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}
+{"version":3,"file":"SectionLabel.js","sources":["../../../../src/components/SectionLabel/SectionLabel.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 {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.LeftContent.IconName'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.RightContent.IconName'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}

package/dist/cjs/components/Select/Select.js

@@ -10,8 +10,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var FormControl = require('../FormControl/FormControl.js');
 var BaseButton = require('../BaseButton/BaseButton.js');
 var Icon = require('../Icon/Icon.js');
-var Text = require('../Text/Text.js');
 var Overlay = require('../Overlay/Overlay.js');
+var Text = require('../Text/Text.js');
 
 const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown';
 const Select = /*#__PURE__*/React.forwardRef(function Select({
@@ -74,6 +74,27 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
   }, [defaultFocus, disabled, readOnly]);
   React.useImperativeHandle(forwardedRef, () => handle);
   const hasContent = !type.isEmpty(text);
+  const Content = (() => {
+    if (!hasContent) {
+      return /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        "data-testid": "bezier-select-trigger-text",
+        typo: "14",
+        truncated: true,
+        color: "txt-black-dark",
+        children: placeholder
+      });
+    }
+    if (typeof text === 'string') {
+      return /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        "data-testid": "bezier-select-trigger-text",
+        typo: "14",
+        truncated: true,
+        color: textColor,
+        children: text
+      });
+    }
+    return text;
+  })();
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     style: style,
     className: index.default(Select_module.default.SelectContainer, className),
@@ -91,13 +112,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select({
           size: "xs",
           marginRight: 6,
           color: iconColor
-        }) : leftContent, /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
-          "data-testid": "bezier-select-trigger-text",
-          typo: "14",
-          truncated: true,
-          color: hasContent ? textColor : 'txt-black-dark',
-          children: hasContent ? text : placeholder
-        }), bezierIcons.isBezierIcon(rightContent) ? /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+        }) : leftContent, Content, bezierIcons.isBezierIcon(rightContent) ? /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
           source: rightContent,
           size: "xs",
           marginRight: 6,

package/dist/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    dropdownKeepInContainer = false,\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          <Text\n            data-testid=\"bezier-select-trigger-text\"\n            typo=\"14\"\n            truncated\n            color={hasContent ? textColor : 'txt-black-dark'}\n          >\n            {hasContent ? text : placeholder}\n          </Text>\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        zIndex={dropdownZIndex}\n        style={dropdownStyle}\n        className={classNames(styles.SelectDropdown, dropdownClassName)}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        keepInContainer={dropdownKeepInContainer}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","dropdownKeepInContainer","onClickTrigger","onHideDropdown","rest","forwardedRef","_ref","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","_jsxs","classNames","styles","SelectContainer","ref","BaseButton","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","_jsx","Icon","source","marginRight","color","Text","typo","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","zIndex","SelectDropdown","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":";;;;;;;;;;;;;;;AAiCO,MAAMA,uBAAuB,GAAG;MAE1BC,MAAM,gBAAGC,gBAAU,CAAyB,SAASD,MAAMA,CACtE;EACEE,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,YAAY,GAAG,KAAK;AACpBC,EAAAA,WAAW,GAAG,EAAE;EAChBC,WAAW;EACXC,YAAY;AACZC,EAAAA,SAAS,GAAG,gBAAgB;EAC5BC,IAAI;AACJC,EAAAA,SAAS,GAAG,mBAAmB;AAC/BC,EAAAA,cAAc,GAAG,KAAK;EACtBC,aAAa;EACbC,iBAAiB;EACjBC,iBAAiB;EACjBC,eAAe;AACfC,EAAAA,eAAe,GAAG,CAAC;AACnBC,EAAAA,cAAc,GAAG,SAAS;AAC1BC,EAAAA,gBAAgB,GAAG,aAAa;AAChCC,EAAAA,uBAAuB,GAAG,KAAK;EAC/BC,cAAc;EACdC,cAAc;EACd,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;AAAA,EAAA,IAAAC,IAAA;EACA,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;AACRzB,IAAAA,IAAI,EAAE0B,aAAa;IACnB,GAAGC;AACL,GAAC,GAAGC,6BAAiB,CAACR,IAAI,CAAC;AAE3B,EAAA,MAAMS,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAoB,IAAI,CAAC;AAElD,EAAA,MAAM9B,IAAI,GAAAsB,CAAAA,IAAA,GAAGrB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAIyB,aAAa,MAAAJ,IAAAA,IAAAA,IAAA,KAAAA,KAAAA,CAAAA,GAAAA,IAAA,GAAI,GAAG;EAE9C,MAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAE/D,EAAA,MAAMC,kBAAkB,GAAGC,iBAAW,CACnCC,KAAuB,IAAK;AAC3B,IAAA,IAAI,CAACd,QAAQ,IAAI,CAACC,QAAQ,EAAE;AAC1BS,MAAAA,mBAAmB,CAAEK,SAAS,IAAK,CAACA,SAAS,CAAC;AAC9CpB,MAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAGmB,KAAK,CAAC;AACzB;GACD,EACD,CAACd,QAAQ,EAAEC,QAAQ,EAAEN,cAAc,CACrC,CAAC;AAED,EAAA,MAAMqB,kBAAkB,GAAGH,iBAAW,CAAC,MAAM;IAC3CH,mBAAmB,CAAC,KAAK,CAAC;AAC1Bd,IAAAA,cAAc,KAAdA,IAAAA,IAAAA,cAAc,KAAdA,KAAAA,CAAAA,IAAAA,cAAc,EAAI;AACpB,GAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,MAAMqB,UAAU,GAAGJ,iBAAW,CAAC,MAAML,UAAU,CAACU,OAAO,EAAE,EAAE,CAAC;AAE5D,EAAA,MAAMC,MAAM,GAAGC,aAAO,CACpB,OAAkB;IAChBR,kBAAkB;IAClBI,kBAAkB;AAClBC,IAAAA;GACD,CAAC,EACF,CAACL,kBAAkB,EAAEI,kBAAkB,EAAEC,UAAU,CACrD,CAAC;AAEDI,EAAAA,eAAS,CACP,SAASC,kBAAkBA,GAAG;AAC5B,IAAA,IAAI3C,YAAY,IAAI,CAACqB,QAAQ,IAAI,CAACC,QAAQ,EAAE;MAC1CS,mBAAmB,CAAC,IAAI,CAAC;AAC3B;GACD,EACD,CAAC/B,YAAY,EAAEqB,QAAQ,EAAEC,QAAQ,CACnC,CAAC;AAEDsB,EAAAA,yBAAmB,CAACzB,YAAY,EAAE,MAAMqB,MAAM,CAAC;AAE/C,EAAA,MAAMK,UAAU,GAAG,CAACC,YAAO,CAACzC,IAAI,CAAC;AAEjC,EAAA,oBACE0C,eAAA,CAAA,KAAA,EAAA;AACEnD,IAAAA,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEmD,aAAU,CAACC,qBAAM,CAACC,eAAe,EAAErD,SAAS,CAAE;AACzDsD,IAAAA,GAAG,EAAExB,YAAa;IAAAhC,QAAA,EAAA,cAElBoD,eAAA,CAACK,qBAAU,EAAA;AACTvD,MAAAA,SAAS,EAAEmD,aAAU,CACnBC,qBAAM,CAACI,aAAa,EACpBC,sCAAyB,CAACxD,IAAI,CAAC,EAC/ByB,QAAQ,IAAI0B,qBAAM,CAACM,OAAO,EAC1BjC,QAAQ,IAAI2B,qBAAM,CAACO,QAAQ,EAC3B1B,gBAAgB,IAAImB,qBAAM,CAACQ,MAC7B,CAAE;AACFN,MAAAA,GAAG,EAAEtB,UAAW;AAChBR,MAAAA,QAAQ,EAAEA,QAAS;AACnBqC,MAAAA,OAAO,EAAEzB,kBAAmB;AAAA,MAAA,GACxBR,QAAQ;AAAA9B,MAAAA,QAAA,gBAEZoD,eAAA,CAAA,KAAA,EAAA;QAAKlD,SAAS,EAAEoD,qBAAM,CAACU,iBAAkB;QAAAhE,QAAA,EAAA,CACtCiE,wBAAY,CAAC1D,WAAW,CAAC,gBACxB2D,cAAA,CAACC,SAAI,EAAA;AACHC,UAAAA,MAAM,EAAE7D,WAAY;AACpBJ,UAAAA,IAAI,EAAC,IAAI;AACTkE,UAAAA,WAAW,EAAE,CAAE;AACfC,UAAAA,KAAK,EAAE7D;AAAU,SAClB,CAAC,GAEFF,WACD,eAED2D,cAAA,CAACK,SAAI,EAAA;AACH,UAAA,aAAA,EAAY,4BAA4B;AACxCC,UAAAA,IAAI,EAAC,IAAI;UACTC,SAAS,EAAA,IAAA;AACTH,UAAAA,KAAK,EAAEpB,UAAU,GAAGvC,SAAS,GAAG,gBAAiB;AAAAX,UAAAA,QAAA,EAEhDkD,UAAU,GAAGxC,IAAI,GAAGJ;SACjB,CAAC,EAEN2D,wBAAY,CAACzD,YAAY,CAAC,gBACzB0D,cAAA,CAACC,SAAI,EAAA;AACHC,UAAAA,MAAM,EAAE5D,YAAa;AACrBL,UAAAA,IAAI,EAAC,IAAI;AACTkE,UAAAA,WAAW,EAAE,CAAE;AACfC,UAAAA,KAAK,EAAE7D;SACR,CAAC,GAEFD,YACD;AAAA,OACE,CAAC,EAEL,CAACI,cAAc,iBACdsD,cAAA,CAACC,SAAI,EAAA;AACHC,QAAAA,MAAM,EAAEjC,gBAAgB,GAAGuC,yBAAa,GAAGC,2BAAgB;AAC3DxE,QAAAA,IAAI,EAAC,IAAI;AACTmE,QAAAA,KAAK,EAAE3C,QAAQ,GAAG,gBAAgB,GAAG,kBAAmB;AACxDiD,QAAAA,UAAU,EAAE;AAAE,OACf,CACF;AAAA,KACS,CAAC,eAEbV,cAAA,CAACW,eAAO,EAAA;AACNC,MAAAA,MAAM,EAAE5D,cAAe;AACvBjB,MAAAA,KAAK,EAAEY,aAAc;MACrBX,SAAS,EAAEmD,aAAU,CAACC,qBAAM,CAACyB,cAAc,EAAEjE,iBAAiB,CAAE;MAChEkE,cAAc,EAAA,IAAA;AACdC,MAAAA,IAAI,EAAE9C,gBAAgB,IAAI,CAACT,QAAS;AACpCwD,MAAAA,OAAO,EAAElE,eAAgB;AACzBmE,MAAAA,OAAO,EAAElE,eAAgB;MACzBmE,MAAM,EAAElD,UAAU,CAACU,OAAQ;AAC3ByC,MAAAA,SAAS,EAAEtE,iBAAiB,IAAIiB,YAAY,CAACY,OAAQ;AACrD0C,MAAAA,QAAQ,EAAEnE,gBAAiB;AAC3BoE,MAAAA,eAAe,EAAEnE,uBAAwB;AACzC,MAAA,aAAA,EAAavB,uBAAwB;AACrC2F,MAAAA,MAAM,EAAE9C,kBAAmB;AAAA1C,MAAAA,QAAA,EAE1BA;AAAQ,KACF,CAAC;AAAA,GACP,CAAC;AAEV,CAAC;;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    dropdownKeepInContainer = false,\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  const Content = (() => {\n    if (!hasContent) {\n      return (\n        <Text\n          data-testid=\"bezier-select-trigger-text\"\n          typo=\"14\"\n          truncated\n          color=\"txt-black-dark\"\n        >\n          {placeholder}\n        </Text>\n      )\n    }\n\n    if (typeof text === 'string') {\n      return (\n        <Text\n          data-testid=\"bezier-select-trigger-text\"\n          typo=\"14\"\n          truncated\n          color={textColor}\n        >\n          {text}\n        </Text>\n      )\n    }\n\n    return text\n  })()\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          {Content}\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        zIndex={dropdownZIndex}\n        style={dropdownStyle}\n        className={classNames(styles.SelectDropdown, dropdownClassName)}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        keepInContainer={dropdownKeepInContainer}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","dropdownKeepInContainer","onClickTrigger","onHideDropdown","rest","forwardedRef","_ref","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","Content","_jsx","Text","typo","truncated","color","_jsxs","classNames","styles","SelectContainer","ref","BaseButton","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","Icon","source","marginRight","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","zIndex","SelectDropdown","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":"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"}

package/dist/cjs/utils/assert.js

@@ -3,10 +3,19 @@
 function isDev() {
   return process.env.NODE_ENV !== 'production';
 }
-function warn(message) {
+const devWarningScopes = new Set();
+function warn(message, scope) {
   if (isDev()) {
-    // eslint-disable-next-line no-console
-    console.warn(message);
+    if (scope) {
+      if (!devWarningScopes.has(scope)) {
+        devWarningScopes.add(scope);
+        // eslint-disable-next-line no-console
+        console.warn(message);
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.warn(message);
+    }
   }
 }
 class AssertionException extends Error {

package/dist/cjs/utils/assert.js.map

@@ -1 +1 @@
-{"version":3,"file":"assert.js","sources":["../../../src/utils/assert.ts"],"sourcesContent":["export function isDev() {\n  return process.env.NODE_ENV !== 'production'\n}\n\nexport function warn(message: string) {\n  if (isDev()) {\n    // eslint-disable-next-line no-console\n    console.warn(message)\n  }\n}\n\nexport class AssertionException extends Error {\n  constructor(message?: string) {\n    super()\n\n    this.name = 'AssertionException'\n    this.message = message ?? 'assertion failed'\n  }\n}\n\nexport function assert(\n  predicate: boolean,\n  message?: string\n): asserts predicate {\n  if (predicate) {\n    return\n  }\n\n  if (isDev()) {\n    throw new AssertionException(message)\n  }\n}\n"],"names":["isDev","process","env","NODE_ENV","warn","message","console","AssertionException","Error","constructor","name","assert","predicate"],"mappings":";;AAAO,SAASA,KAAKA,GAAG;AACtB,EAAA,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;AAC9C;AAEO,SAASC,IAAIA,CAACC,OAAe,EAAE;EACpC,IAAIL,KAAK,EAAE,EAAE;AACX;AACAM,IAAAA,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;AACvB;AACF;AAEO,MAAME,kBAAkB,SAASC,KAAK,CAAC;EAC5CC,WAAWA,CAACJ,OAAgB,EAAE;AAC5B,IAAA,KAAK,EAAE;IAEP,IAAI,CAACK,IAAI,GAAG,oBAAoB;IAChC,IAAI,CAACL,OAAO,GAAGA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI,kBAAkB;AAC9C;AACF;AAEO,SAASM,MAAMA,CACpBC,SAAkB,EAClBP,OAAgB,EACG;AACnB,EAAA,IAAIO,SAAS,EAAE;AACb,IAAA;AACF;EAEA,IAAIZ,KAAK,EAAE,EAAE;AACX,IAAA,MAAM,IAAIO,kBAAkB,CAACF,OAAO,CAAC;AACvC;AACF;;;;;;;"}
+{"version":3,"file":"assert.js","sources":["../../../src/utils/assert.ts"],"sourcesContent":["export function isDev() {\n  return process.env.NODE_ENV !== 'production'\n}\n\nconst devWarningScopes = new Set<string>()\n\nexport function warn(message: string): void\nexport function warn(message: string, scope: string): void\nexport function warn(message: string, scope?: string) {\n  if (isDev()) {\n    if (scope) {\n      if (!devWarningScopes.has(scope)) {\n        devWarningScopes.add(scope)\n        // eslint-disable-next-line no-console\n        console.warn(message)\n      }\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(message)\n    }\n  }\n}\n\nexport class AssertionException extends Error {\n  constructor(message?: string) {\n    super()\n\n    this.name = 'AssertionException'\n    this.message = message ?? 'assertion failed'\n  }\n}\n\nexport function assert(\n  predicate: boolean,\n  message?: string\n): asserts predicate {\n  if (predicate) {\n    return\n  }\n\n  if (isDev()) {\n    throw new AssertionException(message)\n  }\n}\n"],"names":["isDev","process","env","NODE_ENV","devWarningScopes","Set","warn","message","scope","has","add","console","AssertionException","Error","constructor","name","assert","predicate"],"mappings":";;AAAO,SAASA,KAAKA,GAAG;AACtB,EAAA,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;AAC9C;AAEA,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,EAAU;AAInC,SAASC,IAAIA,CAACC,OAAe,EAAEC,KAAc,EAAE;EACpD,IAAIR,KAAK,EAAE,EAAE;AACX,IAAA,IAAIQ,KAAK,EAAE;AACT,MAAA,IAAI,CAACJ,gBAAgB,CAACK,GAAG,CAACD,KAAK,CAAC,EAAE;AAChCJ,QAAAA,gBAAgB,CAACM,GAAG,CAACF,KAAK,CAAC;AAC3B;AACAG,QAAAA,OAAO,CAACL,IAAI,CAACC,OAAO,CAAC;AACvB;AACF,KAAC,MAAM;AACL;AACAI,MAAAA,OAAO,CAACL,IAAI,CAACC,OAAO,CAAC;AACvB;AACF;AACF;AAEO,MAAMK,kBAAkB,SAASC,KAAK,CAAC;EAC5CC,WAAWA,CAACP,OAAgB,EAAE;AAC5B,IAAA,KAAK,EAAE;IAEP,IAAI,CAACQ,IAAI,GAAG,oBAAoB;IAChC,IAAI,CAACR,OAAO,GAAGA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI,kBAAkB;AAC9C;AACF;AAEO,SAASS,MAAMA,CACpBC,SAAkB,EAClBV,OAAgB,EACG;AACnB,EAAA,IAAIU,SAAS,EAAE;AACb,IAAA;AACF;EAEA,IAAIjB,KAAK,EAAE,EAAE;AACX,IAAA,MAAM,IAAIY,kBAAkB,CAACL,OAAO,CAAC;AACvC;AACF;;;;;;;"}

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

@@ -59,7 +59,7 @@ const Banner = /*#__PURE__*/forwardRef(function Banner({
   ...rest
 }, forwardedRef) {
   if (isIconName(icon)) {
-    warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.');
+    warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.', 'Banner.IconName');
   }
   return /*#__PURE__*/jsxs("div", {
     ref: forwardedRef,

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 { 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={classNames(!iconColor && styles.Icon)}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={classNames(!iconColor && 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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"}
+{"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      'Banner.IconName'\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={classNames(!iconColor && styles.Icon)}\n              source={icon}\n              color={iconColor}\n              size=\"s\"\n            />\n          ) : (\n            <LegacyIcon\n              className={classNames(!iconColor && 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/Button/Button.mjs

@@ -44,7 +44,7 @@ function ButtonSideContent({
   children
 }) {
   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.');
+    warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.', 'Button.IconName');
     return /*#__PURE__*/jsx(LegacyIcon, {
       className: styles.ButtonIcon,
       name: children,

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 { 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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"}
+{"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      'Button.IconName'\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/SectionLabel/SectionLabel.mjs

@@ -23,7 +23,7 @@ function LeftContent({
     });
   }
   if (isLegacyIcon) {
-    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.LeftContent.IconName');
   }
   const Comp = isLegacyIcon ? LegacyIcon : Icon;
   return (
@@ -54,7 +54,7 @@ function RightContent({
     });
   }
   if (isLegacyIcon) {
-    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.');
+    warn('Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.', 'SectionLabel.RightContent.IconName');
   }
   return /*#__PURE__*/jsx(Button, {
     ...(withAction ? {

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

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.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 {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}
+{"version":3,"file":"SectionLabel.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.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 {\n  isArray,\n  isEmpty,\n  isNil,\n  isNumber,\n  isObject,\n  isString,\n} from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Button } from '~/src/components/Button'\nimport { Help } from '~/src/components/Help'\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon, isIconName } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n  type IconWithAction,\n  type SectionLabelLeftContent,\n  type SectionLabelProps,\n  type SectionLabelRightContent,\n} from './SectionLabel.types'\n\nimport styles from './SectionLabel.module.scss'\n\nfunction LeftContent({ children }: { children: SectionLabelLeftContent }) {\n  const isLegacyIcon = isIconName(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.LeftContent.IconName'\n    )\n  }\n\n  const Comp = isLegacyIcon ? LegacyIcon : Icon\n\n  return (\n    // @ts-expect-error\n    <Comp\n      {...(isLegacyIcon\n        ? {\n            name: children,\n          }\n        : {\n            source: children,\n          })}\n      size=\"s\"\n      color=\"txt-black-dark\"\n    />\n  )\n}\n\nfunction isIconWithAction(args: unknown): args is IconWithAction {\n  return isObject(args) && 'icon' in args\n}\n\nfunction RightContent({ children }: { children: SectionLabelRightContent }) {\n  const isLegacyIcon = isIconName(children)\n  const withAction = isIconWithAction(children)\n\n  if (!isBezierIcon(children) && !isLegacyIcon && !withAction) {\n    return <>{children}</>\n  }\n\n  if (isLegacyIcon) {\n    warn(\n      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',\n      'SectionLabel.RightContent.IconName'\n    )\n  }\n\n  return (\n    <Button\n      {...(withAction\n        ? {\n            leftContent: children.icon,\n            onClick: children.onClick,\n          }\n        : {\n            as: 'div',\n            leftContent: children,\n          })}\n      className={styles.RightItem}\n      size=\"xs\"\n      styleVariant=\"tertiary\"\n      colorVariant=\"monochrome-light\"\n    />\n  )\n}\n\nexport const SectionLabel = forwardRef<HTMLElement, SectionLabelProps>(\n  function SectionLabel(\n    {\n      children,\n      className,\n      open = true,\n      help,\n      leftContent,\n      content,\n      rightContent,\n      onClick,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const Comp = !isNil(onClick) ? BaseButton : 'div'\n\n    return (\n      <>\n        <Comp\n          // @ts-expect-error\n          ref={forwardedRef}\n          className={classNames(styles.SectionLabel, className)}\n          data-testid=\"bezier-section-label\"\n          onClick={onClick}\n          {...props}\n        >\n          {leftContent && (\n            <div className={styles.LeftContent}>\n              <LeftContent>{leftContent}</LeftContent>\n            </div>\n          )}\n\n          <div className={styles.Content}>\n            {isString(content) || isNumber(content) ? (\n              <Text\n                bold\n                typo=\"13\"\n                color=\"txt-black-dark\"\n                truncated\n              >\n                {content}\n              </Text>\n            ) : (\n              content\n            )}\n          </div>\n\n          {help && (\n            <div className={styles.Help}>\n              <Help allowHover>{help}</Help>\n            </div>\n          )}\n\n          {!isNil(rightContent) && !isEmpty(rightContent) && (\n            <div className={styles.RightContent}>\n              {isArray(rightContent) ? (\n                rightContent.map((eachContent, index) => (\n                  // eslint-disable-next-line react/no-array-index-key\n                  <RightContent key={index}>{eachContent}</RightContent>\n                ))\n              ) : (\n                <RightContent>{rightContent}</RightContent>\n              )}\n            </div>\n          )}\n        </Comp>\n\n        {children && open && <div>{children}</div>}\n      </>\n    )\n  }\n)\n"],"names":["LeftContent","children","isLegacyIcon","isIconName","isBezierIcon","_jsx","_Fragment","warn","Comp","LegacyIcon","Icon","name","source","size","color","isIconWithAction","args","isObject","RightContent","withAction","Button","leftContent","icon","onClick","as","className","styles","RightItem","styleVariant","colorVariant","SectionLabel","forwardRef","open","help","content","rightContent","props","forwardedRef","isNil","BaseButton","_jsxs","ref","classNames","Content","isString","isNumber","Text","bold","typo","truncated","Help","allowHover","isEmpty","isArray","map","eachContent","index"],"mappings":"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"}

package/dist/esm/components/Select/Select.mjs

@@ -8,8 +8,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useFormFieldProps } from '../FormControl/FormControl.mjs';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';
 import { Icon } from '../Icon/Icon.mjs';
-import { Text } from '../Text/Text.mjs';
 import { Overlay } from '../Overlay/Overlay.mjs';
+import { Text } from '../Text/Text.mjs';
 
 const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown';
 const Select = /*#__PURE__*/forwardRef(function Select({
@@ -72,6 +72,27 @@ const Select = /*#__PURE__*/forwardRef(function Select({
   }, [defaultFocus, disabled, readOnly]);
   useImperativeHandle(forwardedRef, () => handle);
   const hasContent = !isEmpty(text);
+  const Content = (() => {
+    if (!hasContent) {
+      return /*#__PURE__*/jsx(Text, {
+        "data-testid": "bezier-select-trigger-text",
+        typo: "14",
+        truncated: true,
+        color: "txt-black-dark",
+        children: placeholder
+      });
+    }
+    if (typeof text === 'string') {
+      return /*#__PURE__*/jsx(Text, {
+        "data-testid": "bezier-select-trigger-text",
+        typo: "14",
+        truncated: true,
+        color: textColor,
+        children: text
+      });
+    }
+    return text;
+  })();
   return /*#__PURE__*/jsxs("div", {
     style: style,
     className: classNames(styles.SelectContainer, className),
@@ -89,13 +110,7 @@ const Select = /*#__PURE__*/forwardRef(function Select({
           size: "xs",
           marginRight: 6,
           color: iconColor
-        }) : leftContent, /*#__PURE__*/jsx(Text, {
-          "data-testid": "bezier-select-trigger-text",
-          typo: "14",
-          truncated: true,
-          color: hasContent ? textColor : 'txt-black-dark',
-          children: hasContent ? text : placeholder
-        }), isBezierIcon(rightContent) ? /*#__PURE__*/jsx(Icon, {
+        }) : leftContent, Content, isBezierIcon(rightContent) ? /*#__PURE__*/jsx(Icon, {
           source: rightContent,
           size: "xs",
           marginRight: 6,

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

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    dropdownKeepInContainer = false,\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          <Text\n            data-testid=\"bezier-select-trigger-text\"\n            typo=\"14\"\n            truncated\n            color={hasContent ? textColor : 'txt-black-dark'}\n          >\n            {hasContent ? text : placeholder}\n          </Text>\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        zIndex={dropdownZIndex}\n        style={dropdownStyle}\n        className={classNames(styles.SelectDropdown, dropdownClassName)}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        keepInContainer={dropdownKeepInContainer}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","dropdownKeepInContainer","onClickTrigger","onHideDropdown","rest","forwardedRef","_ref","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","_jsxs","classNames","styles","SelectContainer","ref","BaseButton","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","_jsx","Icon","source","marginRight","color","Text","typo","truncated","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","zIndex","SelectDropdown","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":"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"}
+{"version":3,"file":"Select.mjs","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["'use client'\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport * as React from 'react'\n\nimport {\n  ChevronDownIcon,\n  ChevronUpIcon,\n  isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Overlay } from '~/src/components/Overlay'\nimport { Text } from '~/src/components/Text'\n\nimport { type SelectProps, type SelectRef } from './Select.types'\n\nimport styles from './Select.module.scss'\n\nexport const SELECT_DROPDOWN_TEST_ID = 'bezier-select-dropdown'\n\nexport const Select = forwardRef<SelectRef, SelectProps>(function Select(\n  {\n    children,\n    style,\n    className,\n    size: sizeProps,\n    defaultFocus = false,\n    placeholder = '',\n    leftContent,\n    rightContent,\n    iconColor = 'txt-black-dark',\n    text,\n    textColor = 'txt-black-darkest',\n    withoutChevron = false,\n    dropdownStyle,\n    dropdownClassName,\n    dropdownContainer,\n    dropdownMarginX,\n    dropdownMarginY = 6,\n    dropdownZIndex = 'overlay',\n    dropdownPosition = 'bottom-left',\n    dropdownKeepInContainer = false,\n    onClickTrigger,\n    onHideDropdown,\n    ...rest\n  },\n  forwardedRef\n) {\n  const {\n    disabled,\n    readOnly,\n    hasError,\n    size: formFieldSize,\n    ...ownProps\n  } = useFormFieldProps(rest)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const size = sizeProps ?? formFieldSize ?? 'm'\n\n  const [isDropdownOpened, setIsDropdownOpened] = useState(false)\n\n  const handleClickTrigger = useCallback(\n    (event: React.MouseEvent) => {\n      if (!disabled && !readOnly) {\n        setIsDropdownOpened((prevState) => !prevState)\n        onClickTrigger?.(event)\n      }\n    },\n    [disabled, readOnly, onClickTrigger]\n  )\n\n  const handleHideDropdown = useCallback(() => {\n    setIsDropdownOpened(false)\n    onHideDropdown?.()\n  }, [onHideDropdown])\n\n  const getDOMNode = useCallback(() => triggerRef.current, [])\n\n  const handle = useMemo(\n    (): SelectRef => ({\n      handleClickTrigger,\n      handleHideDropdown,\n      getDOMNode,\n    }),\n    [handleClickTrigger, handleHideDropdown, getDOMNode]\n  )\n\n  useEffect(\n    function handleDefaultFocus() {\n      if (defaultFocus && !disabled && !readOnly) {\n        setIsDropdownOpened(true)\n      }\n    },\n    [defaultFocus, disabled, readOnly]\n  )\n\n  useImperativeHandle(forwardedRef, () => handle)\n\n  const hasContent = !isEmpty(text)\n\n  const Content = (() => {\n    if (!hasContent) {\n      return (\n        <Text\n          data-testid=\"bezier-select-trigger-text\"\n          typo=\"14\"\n          truncated\n          color=\"txt-black-dark\"\n        >\n          {placeholder}\n        </Text>\n      )\n    }\n\n    if (typeof text === 'string') {\n      return (\n        <Text\n          data-testid=\"bezier-select-trigger-text\"\n          typo=\"14\"\n          truncated\n          color={textColor}\n        >\n          {text}\n        </Text>\n      )\n    }\n\n    return text\n  })()\n\n  return (\n    <div\n      style={style}\n      className={classNames(styles.SelectContainer, className)}\n      ref={containerRef}\n    >\n      <BaseButton\n        className={classNames(\n          styles.SelectTrigger,\n          getFormFieldSizeClassName(size),\n          hasError && styles.invalid,\n          readOnly && styles.readonly,\n          isDropdownOpened && styles.active\n        )}\n        ref={triggerRef}\n        disabled={disabled}\n        onClick={handleClickTrigger}\n        {...ownProps}\n      >\n        <div className={styles.SelectMainContent}>\n          {isBezierIcon(leftContent) ? (\n            <Icon\n              source={leftContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            leftContent\n          )}\n\n          {Content}\n\n          {isBezierIcon(rightContent) ? (\n            <Icon\n              source={rightContent}\n              size=\"xs\"\n              marginRight={6}\n              color={iconColor}\n            />\n          ) : (\n            rightContent\n          )}\n        </div>\n\n        {!withoutChevron && (\n          <Icon\n            source={isDropdownOpened ? ChevronUpIcon : ChevronDownIcon}\n            size=\"xs\"\n            color={readOnly ? 'txt-black-dark' : 'txt-black-darker'}\n            marginLeft={6}\n          />\n        )}\n      </BaseButton>\n\n      <Overlay\n        zIndex={dropdownZIndex}\n        style={dropdownStyle}\n        className={classNames(styles.SelectDropdown, dropdownClassName)}\n        withTransition\n        show={isDropdownOpened && !disabled}\n        marginX={dropdownMarginX}\n        marginY={dropdownMarginY}\n        target={triggerRef.current}\n        container={dropdownContainer || containerRef.current}\n        position={dropdownPosition}\n        keepInContainer={dropdownKeepInContainer}\n        data-testid={SELECT_DROPDOWN_TEST_ID}\n        onHide={handleHideDropdown}\n      >\n        {children}\n      </Overlay>\n    </div>\n  )\n})\n"],"names":["SELECT_DROPDOWN_TEST_ID","Select","forwardRef","children","style","className","size","sizeProps","defaultFocus","placeholder","leftContent","rightContent","iconColor","text","textColor","withoutChevron","dropdownStyle","dropdownClassName","dropdownContainer","dropdownMarginX","dropdownMarginY","dropdownZIndex","dropdownPosition","dropdownKeepInContainer","onClickTrigger","onHideDropdown","rest","forwardedRef","_ref","disabled","readOnly","hasError","formFieldSize","ownProps","useFormFieldProps","containerRef","useRef","triggerRef","isDropdownOpened","setIsDropdownOpened","useState","handleClickTrigger","useCallback","event","prevState","handleHideDropdown","getDOMNode","current","handle","useMemo","useEffect","handleDefaultFocus","useImperativeHandle","hasContent","isEmpty","Content","_jsx","Text","typo","truncated","color","_jsxs","classNames","styles","SelectContainer","ref","BaseButton","SelectTrigger","getFormFieldSizeClassName","invalid","readonly","active","onClick","SelectMainContent","isBezierIcon","Icon","source","marginRight","ChevronUpIcon","ChevronDownIcon","marginLeft","Overlay","zIndex","SelectDropdown","withTransition","show","marginX","marginY","target","container","position","keepInContainer","onHide"],"mappings":"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"}

package/dist/esm/utils/assert.mjs

@@ -1,10 +1,19 @@
 function isDev() {
   return process.env.NODE_ENV !== 'production';
 }
-function warn(message) {
+const devWarningScopes = new Set();
+function warn(message, scope) {
   if (isDev()) {
-    // eslint-disable-next-line no-console
-    console.warn(message);
+    if (scope) {
+      if (!devWarningScopes.has(scope)) {
+        devWarningScopes.add(scope);
+        // eslint-disable-next-line no-console
+        console.warn(message);
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.warn(message);
+    }
   }
 }
 class AssertionException extends Error {

package/dist/esm/utils/assert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"assert.mjs","sources":["../../../src/utils/assert.ts"],"sourcesContent":["export function isDev() {\n  return process.env.NODE_ENV !== 'production'\n}\n\nexport function warn(message: string) {\n  if (isDev()) {\n    // eslint-disable-next-line no-console\n    console.warn(message)\n  }\n}\n\nexport class AssertionException extends Error {\n  constructor(message?: string) {\n    super()\n\n    this.name = 'AssertionException'\n    this.message = message ?? 'assertion failed'\n  }\n}\n\nexport function assert(\n  predicate: boolean,\n  message?: string\n): asserts predicate {\n  if (predicate) {\n    return\n  }\n\n  if (isDev()) {\n    throw new AssertionException(message)\n  }\n}\n"],"names":["isDev","process","env","NODE_ENV","warn","message","console","AssertionException","Error","constructor","name","assert","predicate"],"mappings":"AAAO,SAASA,KAAKA,GAAG;AACtB,EAAA,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;AAC9C;AAEO,SAASC,IAAIA,CAACC,OAAe,EAAE;EACpC,IAAIL,KAAK,EAAE,EAAE;AACX;AACAM,IAAAA,OAAO,CAACF,IAAI,CAACC,OAAO,CAAC;AACvB;AACF;AAEO,MAAME,kBAAkB,SAASC,KAAK,CAAC;EAC5CC,WAAWA,CAACJ,OAAgB,EAAE;AAC5B,IAAA,KAAK,EAAE;IAEP,IAAI,CAACK,IAAI,GAAG,oBAAoB;IAChC,IAAI,CAACL,OAAO,GAAGA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI,kBAAkB;AAC9C;AACF;AAEO,SAASM,MAAMA,CACpBC,SAAkB,EAClBP,OAAgB,EACG;AACnB,EAAA,IAAIO,SAAS,EAAE;AACb,IAAA;AACF;EAEA,IAAIZ,KAAK,EAAE,EAAE;AACX,IAAA,MAAM,IAAIO,kBAAkB,CAACF,OAAO,CAAC;AACvC;AACF;;;;"}
+{"version":3,"file":"assert.mjs","sources":["../../../src/utils/assert.ts"],"sourcesContent":["export function isDev() {\n  return process.env.NODE_ENV !== 'production'\n}\n\nconst devWarningScopes = new Set<string>()\n\nexport function warn(message: string): void\nexport function warn(message: string, scope: string): void\nexport function warn(message: string, scope?: string) {\n  if (isDev()) {\n    if (scope) {\n      if (!devWarningScopes.has(scope)) {\n        devWarningScopes.add(scope)\n        // eslint-disable-next-line no-console\n        console.warn(message)\n      }\n    } else {\n      // eslint-disable-next-line no-console\n      console.warn(message)\n    }\n  }\n}\n\nexport class AssertionException extends Error {\n  constructor(message?: string) {\n    super()\n\n    this.name = 'AssertionException'\n    this.message = message ?? 'assertion failed'\n  }\n}\n\nexport function assert(\n  predicate: boolean,\n  message?: string\n): asserts predicate {\n  if (predicate) {\n    return\n  }\n\n  if (isDev()) {\n    throw new AssertionException(message)\n  }\n}\n"],"names":["isDev","process","env","NODE_ENV","devWarningScopes","Set","warn","message","scope","has","add","console","AssertionException","Error","constructor","name","assert","predicate"],"mappings":"AAAO,SAASA,KAAKA,GAAG;AACtB,EAAA,OAAOC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;AAC9C;AAEA,MAAMC,gBAAgB,GAAG,IAAIC,GAAG,EAAU;AAInC,SAASC,IAAIA,CAACC,OAAe,EAAEC,KAAc,EAAE;EACpD,IAAIR,KAAK,EAAE,EAAE;AACX,IAAA,IAAIQ,KAAK,EAAE;AACT,MAAA,IAAI,CAACJ,gBAAgB,CAACK,GAAG,CAACD,KAAK,CAAC,EAAE;AAChCJ,QAAAA,gBAAgB,CAACM,GAAG,CAACF,KAAK,CAAC;AAC3B;AACAG,QAAAA,OAAO,CAACL,IAAI,CAACC,OAAO,CAAC;AACvB;AACF,KAAC,MAAM;AACL;AACAI,MAAAA,OAAO,CAACL,IAAI,CAACC,OAAO,CAAC;AACvB;AACF;AACF;AAEO,MAAMK,kBAAkB,SAASC,KAAK,CAAC;EAC5CC,WAAWA,CAACP,OAAgB,EAAE;AAC5B,IAAA,KAAK,EAAE;IAEP,IAAI,CAACQ,IAAI,GAAG,oBAAoB;IAChC,IAAI,CAACR,OAAO,GAAGA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAI,kBAAkB;AAC9C;AACF;AAEO,SAASS,MAAMA,CACpBC,SAAkB,EAClBV,OAAgB,EACG;AACnB,EAAA,IAAIU,SAAS,EAAE;AACb,IAAA;AACF;EAEA,IAAIjB,KAAK,EAAE,EAAE;AACX,IAAA,MAAM,IAAIY,kBAAkB,CAACL,OAAO,CAAC;AACvC;AACF;;;;"}

package/dist/types/components/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAA;AA8BvB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,wGAuFjB,CAAA"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAA;AA8BvB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,wGAwFjB,CAAA"}

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,gBAAgB,CAAA;AAI1E,eAAO,MAAM,cAAc,kBAAkB,CAAA;AAuE7C,eAAO,MAAM,MAAM,2GA8ElB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,gBAAgB,CAAA;AAI1E,eAAO,MAAM,cAAc,kBAAkB,CAAA;AAwE7C,eAAO,MAAM,MAAM,2GA8ElB,CAAA"}

package/dist/types/components/SectionLabel/SectionLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAA;AAwE7B,eAAO,MAAM,YAAY,2GAwExB,CAAA"}
+{"version":3,"file":"SectionLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionLabel/SectionLabel.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,KAAK,iBAAiB,EAEvB,MAAM,sBAAsB,CAAA;AA0E7B,eAAO,MAAM,YAAY,2GAwExB,CAAA"}

package/dist/types/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIjE,eAAO,MAAM,uBAAuB,2BAA2B,CAAA;AAE/D,eAAO,MAAM,MAAM,+EAmKjB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIjE,eAAO,MAAM,uBAAuB,2BAA2B,CAAA;AAE/D,eAAO,MAAM,MAAM,+EA0LjB,CAAA"}

package/dist/types/components/Select/Select.types.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from 'react';
 import { type BezierIcon } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, AdditionalOverridableStyleProps, BezierComponentProps, ChildrenProps, FormFieldProps, FormFieldSize, SideContentProps, SizeProps } from "../../types/props";
 import { type ZIndex } from "../../types/tokens";
@@ -10,7 +11,7 @@ export interface SelectRef {
 interface SelectOwnProps {
     defaultFocus?: boolean;
     placeholder?: string;
-    text?: string;
+    text?: ReactNode;
     withoutChevron?: boolean;
     dropdownContainer?: HTMLElement | null;
     dropdownMarginX?: OverlayProps['marginX'];

package/dist/types/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,+BAA+B,EAC/B,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACV,0BAAyB;AAC1B,OAAO,EAAE,KAAK,MAAM,EAAE,2BAA0B;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAgC;AAE5D,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAA;IACjD,kBAAkB,IAAI,IAAI,CAAA;IAC1B,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACtC,eAAe,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACzC,eAAe,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IAC3C,uBAAuB,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACzD,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,QAAQ,CAAC,EACpC,aAAa,EACb,cAAc,EACd,SAAS,CAAC,aAAa,CAAC,EACxB,gBAAgB,CACd,UAAU,GAAG,KAAK,CAAC,SAAS,EAC5B,UAAU,GAAG,KAAK,CAAC,SAAS,CAC7B,EACD,+BAA+B,CAAC,UAAU,CAAC,EAC3C,oBAAoB,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EACtC,cAAc;CAAG"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,+BAA+B,EAC/B,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,SAAS,EACV,0BAAyB;AAC1B,OAAO,EAAE,KAAK,MAAM,EAAE,2BAA0B;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAgC;AAE5D,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAA;IACjD,kBAAkB,IAAI,IAAI,CAAA;IAC1B,UAAU,IAAI,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;CACpC;AAED,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IACtC,eAAe,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACzC,eAAe,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IAC3C,uBAAuB,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACzD,cAAc,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,MAAM,WAAW,WACf,SAAQ,oBAAoB,CAAC,QAAQ,CAAC,EACpC,aAAa,EACb,cAAc,EACd,SAAS,CAAC,aAAa,CAAC,EACxB,gBAAgB,CACd,UAAU,GAAG,KAAK,CAAC,SAAS,EAC5B,UAAU,GAAG,KAAK,CAAC,SAAS,CAC7B,EACD,+BAA+B,CAAC,UAAU,CAAC,EAC3C,oBAAoB,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EACtC,cAAc;CAAG"}

package/dist/types/utils/assert.d.ts

@@ -1,5 +1,6 @@
 export declare function isDev(): boolean;
 export declare function warn(message: string): void;
+export declare function warn(message: string, scope: string): void;
 export declare class AssertionException extends Error {
     constructor(message?: string);
 }

package/dist/types/utils/assert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assert.d.ts","sourceRoot":"","sources":["../../../src/utils/assert.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,YAEpB;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,QAKnC;AAED,qBAAa,kBAAmB,SAAQ,KAAK;gBAC/B,OAAO,CAAC,EAAE,MAAM;CAM7B;AAED,wBAAgB,MAAM,CACpB,SAAS,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,SAAS,CAQnB"}
+{"version":3,"file":"assert.d.ts","sourceRoot":"","sources":["../../../src/utils/assert.ts"],"names":[],"mappings":"AAAA,wBAAgB,KAAK,YAEpB;AAID,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;AAC3C,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;AAgB1D,qBAAa,kBAAmB,SAAQ,KAAK;gBAC/B,OAAO,CAAC,EAAE,MAAM;CAM7B;AAED,wBAAgB,MAAM,CACpB,SAAS,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,SAAS,CAQnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "3.1.4",
+  "version": "3.2.0",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -63,7 +63,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@channel.io/bezier-icons": "0.44.0",
+    "@channel.io/bezier-icons": "0.45.0",
     "@chromatic-com/storybook": "^3.2.2",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-alias": "^5.1.1",

package/src/components/Banner/Banner.tsx

@@ -77,7 +77,8 @@ export const Banner = forwardRef<HTMLDivElement, BannerProps>(function Banner(
 ) {
   if (isIconName(icon)) {
     warn(
-      'Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.'
+      'Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.',
+      'Banner.IconName'
     )
   }
 

package/src/components/Button/Button.tsx

@@ -64,7 +64,8 @@ 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.'
+      'Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.',
+      'Button.IconName'
     )
     return (
       <LegacyIcon

package/src/components/SectionLabel/SectionLabel.tsx

@@ -40,7 +40,8 @@ function LeftContent({ children }: { children: SectionLabelLeftContent }) {
 
   if (isLegacyIcon) {
     warn(
-      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'
+      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',
+      'SectionLabel.LeftContent.IconName'
     )
   }
 
@@ -76,7 +77,8 @@ function RightContent({ children }: { children: SectionLabelRightContent }) {
 
   if (isLegacyIcon) {
     warn(
-      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.'
+      'Deprecation: IconName as a value for the icon property of SectionLabel has been deprecated. Use the Icon of bezier-icons instead.',
+      'SectionLabel.RightContent.IconName'
     )
   }
 

package/src/components/Select/Select.tsx

@@ -115,6 +115,36 @@ export const Select = forwardRef<SelectRef, SelectProps>(function Select(
 
   const hasContent = !isEmpty(text)
 
+  const Content = (() => {
+    if (!hasContent) {
+      return (
+        <Text
+          data-testid="bezier-select-trigger-text"
+          typo="14"
+          truncated
+          color="txt-black-dark"
+        >
+          {placeholder}
+        </Text>
+      )
+    }
+
+    if (typeof text === 'string') {
+      return (
+        <Text
+          data-testid="bezier-select-trigger-text"
+          typo="14"
+          truncated
+          color={textColor}
+        >
+          {text}
+        </Text>
+      )
+    }
+
+    return text
+  })()
+
   return (
     <div
       style={style}
@@ -146,14 +176,7 @@ export const Select = forwardRef<SelectRef, SelectProps>(function Select(
             leftContent
           )}
 
-          <Text
-            data-testid="bezier-select-trigger-text"
-            typo="14"
-            truncated
-            color={hasContent ? textColor : 'txt-black-dark'}
-          >
-            {hasContent ? text : placeholder}
-          </Text>
+          {Content}
 
           {isBezierIcon(rightContent) ? (
             <Icon

package/src/components/Select/Select.types.ts

@@ -1,3 +1,5 @@
+import { type ReactNode } from 'react'
+
 import { type BezierIcon } from '@channel.io/bezier-icons'
 
 import type {
@@ -23,7 +25,7 @@ export interface SelectRef {
 interface SelectOwnProps {
   defaultFocus?: boolean
   placeholder?: string
-  text?: string
+  text?: ReactNode
   withoutChevron?: boolean
   dropdownContainer?: HTMLElement | null
   dropdownMarginX?: OverlayProps['marginX']

package/src/utils/assert.test.ts

@@ -86,4 +86,47 @@ describe('warn', () => {
 
     warnSpy.mockRestore()
   })
+
+  it('should output the message only once per scope when scope is provided', () => {
+    process.env.NODE_ENV = 'development'
+
+    const warnSpy = jest.spyOn(console, 'warn')
+
+    warn('Warning message', 'test-scope')
+    warn('Warning message', 'test-scope')
+    warn('Warning message', 'test-scope')
+
+    expect(warnSpy).toHaveBeenCalledTimes(1)
+    expect(warnSpy).toHaveBeenCalledWith('Warning message')
+
+    warnSpy.mockRestore()
+  })
+
+  it('should output different messages for different scopes', () => {
+    process.env.NODE_ENV = 'development'
+
+    const warnSpy = jest.spyOn(console, 'warn')
+
+    warn('Warning message 1', 'scope-1')
+    warn('Warning message 2', 'scope-2')
+    warn('Warning message 1', 'scope-1') // Should not be called again
+
+    expect(warnSpy).toHaveBeenCalledTimes(2)
+    expect(warnSpy).toHaveBeenNthCalledWith(1, 'Warning message 1')
+    expect(warnSpy).toHaveBeenNthCalledWith(2, 'Warning message 2')
+
+    warnSpy.mockRestore()
+  })
+
+  it('should not output warning in production environment even with scope', () => {
+    process.env.NODE_ENV = 'production'
+
+    const warnSpy = jest.spyOn(console, 'warn')
+
+    warn('Warning message', 'test-scope')
+
+    expect(warnSpy).not.toHaveBeenCalled()
+
+    warnSpy.mockRestore()
+  })
 })

package/src/utils/assert.ts

@@ -2,10 +2,22 @@ export function isDev() {
   return process.env.NODE_ENV !== 'production'
 }
 
-export function warn(message: string) {
+const devWarningScopes = new Set<string>()
+
+export function warn(message: string): void
+export function warn(message: string, scope: string): void
+export function warn(message: string, scope?: string) {
   if (isDev()) {
-    // eslint-disable-next-line no-console
-    console.warn(message)
+    if (scope) {
+      if (!devWarningScopes.has(scope)) {
+        devWarningScopes.add(scope)
+        // eslint-disable-next-line no-console
+        console.warn(message)
+      }
+    } else {
+      // eslint-disable-next-line no-console
+      console.warn(message)
+    }
   }
 }