@channel.io/bezier-react 2.6.2 → 3.0.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/Checkbox/Checkbox.mjs

@@ -1,10 +1,11 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons';
-import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { Root, Indicator } from '../../node_modules/@radix-ui/react-checkbox/dist/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import useId from '../../hooks/useId.mjs';
 import { getFormFieldSizeClassName } from '../../types/props-helpers.mjs';
 import styles from './Checkbox.module.scss.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useFormFieldProps } from '../FormControl/FormControl.mjs';
 import { BaseButton } from '../BaseButton/BaseButton.mjs';
 import { Text } from '../Text/Text.mjs';
@@ -16,13 +17,14 @@ const CheckIcon = /*#__PURE__*/forwardRef(function CheckIcon(props, forwardedRef
   const state = props['data-state'];
   const isUnchecked = state === 'unchecked';
   const isIndeterminate = state === 'indeterminate';
-  return /*#__PURE__*/React__default.createElement(Icon, Object.assign({
+  return /*#__PURE__*/jsx(Icon, {
     className: styles.CheckIcon,
     ref: forwardedRef,
     source: !isIndeterminate ? CheckBoldIcon : HyphenBoldIcon,
     size: "xs",
-    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'
-  }, props));
+    color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark',
+    ...props
+  });
 });
 function CheckboxImpl({
   children,
@@ -37,29 +39,36 @@ function CheckboxImpl({
     ...formFieldProps
   } = useFormFieldProps(rest);
   const id = useId(idProp !== null && idProp !== void 0 ? idProp : formFieldId, 'bezier-checkbox');
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classNames(styles.Container, getFormFieldSizeClassName('m'))
-  }, /*#__PURE__*/React__default.createElement($e698a72e93240346$export$be92b6f5f03c0fe9, Object.assign({
-    asChild: true,
-    className: classNames(styles.Checkbox, className),
-    ref: forwardedRef,
-    id: id,
-    checked: checked,
-    "data-invalid": formFieldProps['aria-invalid']
-  }, formFieldProps), /*#__PURE__*/React__default.createElement(BaseButton, null, /*#__PURE__*/React__default.createElement($e698a72e93240346$export$adb584737d712b70, {
-    asChild: true
-    /* NOTE: To allow the icon to be rendered even if unchecked. */,
-    forceMount: true
-  }, /*#__PURE__*/React__default.createElement(CheckIcon, null)))), children && /*#__PURE__*/React__default.createElement(Text, {
-    as: "label"
-    // TODO: Apply polymorphic types to `as` prop.
-    // @ts-expect-error
-    ,
-    htmlFor: id,
-    className: styles.Label,
-    typo: "14",
-    color: "txt-black-darkest"
-  }, children));
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.Container, getFormFieldSizeClassName('m')),
+    children: [/*#__PURE__*/jsx(Root, {
+      asChild: true,
+      className: classNames(styles.Checkbox, className),
+      ref: forwardedRef,
+      id: id,
+      checked: checked,
+      "data-invalid": formFieldProps['aria-invalid'],
+      ...formFieldProps,
+      children: /*#__PURE__*/jsx(BaseButton, {
+        children: /*#__PURE__*/jsx(Indicator, {
+          asChild: true
+          /* NOTE: To allow the icon to be rendered even if unchecked. */,
+          forceMount: true,
+          children: /*#__PURE__*/jsx(CheckIcon, {})
+        })
+      })
+    }), children && /*#__PURE__*/jsx(Text, {
+      as: "label"
+      // TODO: Apply polymorphic types to `as` prop.
+      // @ts-expect-error
+      ,
+      htmlFor: id,
+      className: styles.Label,
+      typo: "14",
+      color: "txt-black-darkest",
+      children: children
+    })]
+  });
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","React","createElement","Icon","Object","assign","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe;EAEjD,oBACEG,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACHC,SAAS,EAAEC,MAAM,CAACb,SAAU;AAC5Bc,IAAAA,GAAG,EAAEX,YAAa;AAClBY,IAAAA,MAAM,EAAE,CAACT,eAAe,GAAGU,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEd,WAAW,GAAG,eAAe,GAAG;GACnCH,EAAAA,KAAK,CACV,CAAC;AAEN,CACF,CAAC;AAED,SAASkB,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC;AAA6B,CAAC,EAC7EtB,YAA0C,EAC1C;EACA,MAAM;AACJoB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC;EAE1D,oBACEnB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEI,SAAS,EAAEmB,UAAU,CAAClB,MAAM,CAACmB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC;GAEtE1B,eAAAA,cAAA,CAAAC,aAAA,CAAC0B,yCAAsB,EAAAxB,MAAA,CAAAC,MAAA,CAAA;IACrBwB,OAAO,EAAA,IAAA;IACPvB,SAAS,EAAEmB,UAAU,CAAClB,MAAM,CAACuB,QAAQ,EAAExB,SAAS,CAAE;AAClDE,IAAAA,GAAG,EAAEX,YAAa;AAClBoB,IAAAA,EAAE,EAAEA,EAAG;AACPD,IAAAA,OAAO,EAAEA,OAAQ;IACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc;AAAE,GAAA,EACzCA,cAAc,CAAA,eAElBrB,cAAA,CAAAC,aAAA,CAAC6B,UAAU,EACT9B,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAC0B,yCAA2B,EAAA;IAC1BC,OAAO,EAAA;AACP;IACAG,UAAU,EAAA;AAAA,GAAA,eAGV/B,cAAA,CAAAC,aAAA,CAACR,SAAS,MAAE,CACe,CACnB,CACU,CAAC,EACxBqB,QAAQ,iBACPd,cAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAA;AACHC,IAAAA,EAAE,EAAC;AACH;AACA;AAAA;AACAC,IAAAA,OAAO,EAAElB,EAAG;IACZX,SAAS,EAAEC,MAAM,CAAC6B,KAAM;AACxBC,IAAAA,IAAI,EAAC,IAAI;AACTxB,IAAAA,KAAK,EAAC;GAELE,EAAAA,QACG,CAEL,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACae,QAAQ,gBAAGnC,UAAU,CAACmB,YAAY;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { useFormFieldProps } from '~/src/components/FormControl'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type CheckboxProps, type CheckedState } from './Checkbox.types'\n\nimport styles from './Checkbox.module.scss'\n\ninterface CheckIconProps {\n  style: React.CSSProperties\n  'data-state': 'checked' | 'unchecked' | 'indeterminate'\n  'data-disabled': boolean | undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(\n  function CheckIcon(props, forwardedRef) {\n    // eslint-disable-next-line react/destructuring-assignment\n    const state = props['data-state']\n    const isUnchecked = state === 'unchecked'\n    const isIndeterminate = state === 'indeterminate'\n\n    return (\n      <Icon\n        className={styles.CheckIcon}\n        ref={forwardedRef}\n        source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n        size=\"xs\"\n        color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n        {...props}\n      />\n    )\n  }\n)\n\nfunction CheckboxImpl<Checked extends CheckedState>(\n  { children, className, checked, id: idProp, ...rest }: CheckboxProps<Checked>,\n  forwardedRef: React.Ref<HTMLButtonElement>\n) {\n  const {\n    id: formFieldId,\n    hasError,\n    ...formFieldProps\n  } = useFormFieldProps(rest)\n\n  const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n  return (\n    <div\n      className={classNames(styles.Container, getFormFieldSizeClassName('m'))}\n    >\n      <CheckboxPrimitive.Root\n        asChild\n        className={classNames(styles.Checkbox, className)}\n        ref={forwardedRef}\n        id={id}\n        checked={checked}\n        data-invalid={formFieldProps['aria-invalid']}\n        {...formFieldProps}\n      >\n        <BaseButton>\n          <CheckboxPrimitive.Indicator\n            asChild\n            /* NOTE: To allow the icon to be rendered even if unchecked. */\n            forceMount\n          >\n            {/* @ts-expect-error */}\n            <CheckIcon />\n          </CheckboxPrimitive.Indicator>\n        </BaseButton>\n      </CheckboxPrimitive.Root>\n      {children && (\n        <Text\n          as=\"label\"\n          // TODO: Apply polymorphic types to `as` prop.\n          // @ts-expect-error\n          htmlFor={id}\n          className={styles.Label}\n          typo=\"14\"\n          color=\"txt-black-darkest\"\n        >\n          {children}\n        </Text>\n      )}\n    </div>\n  )\n}\n\n/**\n * `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n * @example\n *\n * ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * >\n *   Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n *   checked={checked}\n *   onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n *   defaultChecked={true}\n * >\n *   Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <\n  Checked extends CheckedState,\n>(\n  props: CheckboxProps<Checked> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>\n  }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","_jsx","Icon","className","styles","ref","source","CheckBoldIcon","HyphenBoldIcon","size","color","CheckboxImpl","children","checked","id","idProp","rest","formFieldId","hasError","formFieldProps","useFormFieldProps","useId","_jsxs","classNames","Container","getFormFieldSizeClassName","CheckboxPrimitive","asChild","Checkbox","BaseButton","forceMount","Text","as","htmlFor","Label","typo"],"mappings":";;;;;;;;;;;;;AA0BA;AACA,MAAMA,SAAS,gBAAGC,UAAU,CAC1B,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;AACtC;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe;EAEjD,oBACEG,GAAA,CAACC,IAAI,EAAA;IACHC,SAAS,EAAEC,MAAM,CAACV,SAAU;AAC5BW,IAAAA,GAAG,EAAER,YAAa;AAClBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,aAAa,GAAGC,cAAe;AAC1DC,IAAAA,IAAI,EAAC,IAAI;AACTC,IAAAA,KAAK,EAAEX,WAAW,GAAG,eAAe,GAAG,2BAA4B;IAAA,GAC/DH;AAAK,GACV,CAAC;AAEN,CACF,CAAC;AAED,SAASe,YAAYA,CACnB;EAAEC,QAAQ;EAAET,SAAS;EAAEU,OAAO;AAAEC,EAAAA,EAAE,EAAEC,MAAM;EAAE,GAAGC;AAA6B,CAAC,EAC7EnB,YAA0C,EAC1C;EACA,MAAM;AACJiB,IAAAA,EAAE,EAAEG,WAAW;IACfC,QAAQ;IACR,GAAGC;AACL,GAAC,GAAGC,iBAAiB,CAACJ,IAAI,CAAC;AAE3B,EAAA,MAAMF,EAAE,GAAGO,KAAK,CAACN,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAANA,MAAM,GAAIE,WAAW,EAAE,iBAAiB,CAAC;AAE1D,EAAA,oBACEK,IAAA,CAAA,KAAA,EAAA;IACEnB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACoB,SAAS,EAAEC,yBAAyB,CAAC,GAAG,CAAC,CAAE;AAAAb,IAAAA,QAAA,EAExEX,cAAAA,GAAA,CAACyB,IAAsB,EAAA;MACrBC,OAAO,EAAA,IAAA;MACPxB,SAAS,EAAEoB,UAAU,CAACnB,MAAM,CAACwB,QAAQ,EAAEzB,SAAS,CAAE;AAClDE,MAAAA,GAAG,EAAER,YAAa;AAClBiB,MAAAA,EAAE,EAAEA,EAAG;AACPD,MAAAA,OAAO,EAAEA,OAAQ;MACjB,cAAcM,EAAAA,cAAc,CAAC,cAAc,CAAE;AAAA,MAAA,GACzCA,cAAc;MAAAP,QAAA,eAElBX,GAAA,CAAC4B,UAAU,EAAA;AAAAjB,QAAAA,QAAA,eACTX,GAAA,CAACyB,SAA2B,EAAA;UAC1BC,OAAO,EAAA;AACP;UACAG,UAAU,EAAA,IAAA;AAAAlB,UAAAA,QAAA,eAGVX,GAAA,CAACP,SAAS,EAAE,EAAA;SACe;OACnB;AAAC,KACS,CAAC,EACxBkB,QAAQ,iBACPX,GAAA,CAAC8B,IAAI,EAAA;AACHC,MAAAA,EAAE,EAAC;AACH;AACA;AAAA;AACAC,MAAAA,OAAO,EAAEnB,EAAG;MACZX,SAAS,EAAEC,MAAM,CAAC8B,KAAM;AACxBC,MAAAA,IAAI,EAAC,IAAI;AACTzB,MAAAA,KAAK,EAAC,mBAAmB;AAAAE,MAAAA,QAAA,EAExBA;AAAQ,KACL,CACP;AAAA,GACE,CAAC;AAEV;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACagB,QAAQ,gBAAGjC,UAAU,CAACgB,YAAY;;;;"}

package/dist/esm/components/ConfirmModal/ConfirmModal.mjs

@@ -1,4 +1,5 @@
-import React__default, { forwardRef } from 'react';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalTrigger, ModalClose } from '../Modal/Modal.mjs';
 
 /**
@@ -25,7 +26,10 @@ function ConfirmModal({
   children,
   ...rest
 }) {
-  return /*#__PURE__*/React__default.createElement(Modal, rest, children);
+  return /*#__PURE__*/jsx(Modal, {
+    ...rest,
+    children: children
+  });
 }
 
 /**
@@ -37,11 +41,13 @@ const ConfirmModalContent = /*#__PURE__*/forwardRef(function ConfirmModalContent
   children,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalContent, Object.assign({
+  return /*#__PURE__*/jsx(ModalContent, {
     role: "alertdialog",
     ref: forwardedRef,
-    showCloseIcon: false
-  }, rest), children);
+    showCloseIcon: false,
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -49,11 +55,12 @@ const ConfirmModalContent = /*#__PURE__*/forwardRef(function ConfirmModalContent
  * It renders the accessible title and description of the modal.
  */
 const ConfirmModalHeader = /*#__PURE__*/forwardRef(function ConfirmModalHeader(props, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalHeader, Object.assign({
+  return /*#__PURE__*/jsx(ModalHeader, {
     ref: forwardedRef,
     subtitle: null,
-    titleSize: "m"
-  }, props));
+    titleSize: "m",
+    ...props
+  });
 });
 
 /**
@@ -63,9 +70,11 @@ const ConfirmModalBody = /*#__PURE__*/forwardRef(function ConfirmModalBody({
   children,
   ...rest
 }, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalBody, Object.assign({
-    ref: forwardedRef
-  }, rest), children);
+  return /*#__PURE__*/jsx(ModalBody, {
+    ref: forwardedRef,
+    ...rest,
+    children: children
+  });
 });
 
 /**
@@ -73,9 +82,10 @@ const ConfirmModalBody = /*#__PURE__*/forwardRef(function ConfirmModalBody({
  * Usually, it contains the action buttons of the modal.
  */
 const ConfirmModalFooter = /*#__PURE__*/forwardRef(function ConfirmModalFooter(props, forwardedRef) {
-  return /*#__PURE__*/React__default.createElement(ModalFooter, Object.assign({
-    ref: forwardedRef
-  }, props));
+  return /*#__PURE__*/jsx(ModalFooter, {
+    ref: forwardedRef,
+    ...props
+  });
 });
 
 /**
@@ -87,7 +97,9 @@ const ConfirmModalFooter = /*#__PURE__*/forwardRef(function ConfirmModalFooter(p
 function ConfirmModalTrigger({
   children
 }) {
-  return /*#__PURE__*/React__default.createElement(ModalTrigger, null, children);
+  return /*#__PURE__*/jsx(ModalTrigger, {
+    children: children
+  });
 }
 
 /**
@@ -97,7 +109,9 @@ function ConfirmModalTrigger({
 function ConfirmModalClose({
   children
 }) {
-  return /*#__PURE__*/React__default.createElement(ModalClose, null, children);
+  return /*#__PURE__*/jsx(ModalClose, {
+    children: children
+  });
 }
 
 export { ConfirmModal, ConfirmModalBody, ConfirmModalClose, ConfirmModalContent, ConfirmModalFooter, ConfirmModalHeader, ConfirmModalTrigger };

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmModal.mjs","sources":["../../../../src/components/ConfirmModal/ConfirmModal.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport {\n  Modal,\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTrigger,\n} from '~/src/components/Modal'\n\nimport {\n  type ConfirmModalBodyProps,\n  type ConfirmModalCloseProps,\n  type ConfirmModalContentProps,\n  type ConfirmModalFooterProps,\n  type ConfirmModalHeaderProps,\n  type ConfirmModalProps,\n  type ConfirmModalTriggerProps,\n} from './ConfirmModal.types'\n\n/**\n * `ConfirmModal` is a modal dialog that interrupts the user with important content and expects a response.\n *\n * `ConfirmModal` is a context of the ConfirmModal-related components. It doesn't render any DOM node.\n * It controls the visibility of the entire component and provides\n * handlers and accessibility properties to ConfirmModal-related components.\n * @example\n *\n * ```tsx\n * // Anatomy of the ConfirmModal\n * <ConfirmModal>\n *  <ConfirmModalModalTrigger />\n *  <ConfirmModalModalContent>\n *    <ConfirmModalModalHeader />\n *    <ConfirmModalModalBody />\n *    <ConfirmModalModalFooter />\n *  </ConfirmModalModalContent>\n * </ConfirmModal>\n * ```\n */\nexport function ConfirmModal({ children, ...rest }: ConfirmModalProps) {\n  return <Modal {...rest}>{children}</Modal>\n}\n\n/**\n * `ConfirmModalContent` is a container of the modal content.\n * It creates a portal to render the modal content outside of the DOM tree\n * and renders overlay behind the modal content too.\n */\nexport const ConfirmModalContent = forwardRef(function ConfirmModalContent(\n  { children, ...rest }: ConfirmModalContentProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalContent\n      role=\"alertdialog\"\n      ref={forwardedRef}\n      showCloseIcon={false}\n      {...rest}\n    >\n      {children}\n    </ModalContent>\n  )\n})\n\n/**\n * `ConfirmModalHeader` is a header of the modal content.\n * It renders the accessible title and description of the modal.\n */\nexport const ConfirmModalHeader = forwardRef(function ConfirmModalHeader(\n  props: ConfirmModalHeaderProps,\n  forwardedRef: React.Ref<HTMLElement>\n) {\n  return (\n    <ModalHeader\n      ref={forwardedRef}\n      subtitle={null}\n      titleSize=\"m\"\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalBody` is a simple wrapper of the main modal content.\n */\nexport const ConfirmModalBody = forwardRef(function ConfirmModalBody(\n  { children, ...rest }: ConfirmModalBodyProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalBody\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </ModalBody>\n  )\n})\n\n/**\n * `ConfirmModalFooter` is a simple wrapper of the footer of the modal content.\n * Usually, it contains the action buttons of the modal.\n */\nexport const ConfirmModalFooter = forwardRef(function ConfirmModalFooter(\n  props: ConfirmModalFooterProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalFooter\n      ref={forwardedRef}\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**\n * It passes the handler that opens the modal and accessibility properties to the children.\n *\n * It **must** be placed outside of the `ConfirmModalContent`.\n */\nexport function ConfirmModalTrigger({ children }: ConfirmModalTriggerProps) {\n  return <ModalTrigger>{children}</ModalTrigger>\n}\n\n/**\n * `ConfirmModalClose` is a button that closes the modal. **It doesn't render any DOM node.**\n * It passes the handler that closes the modal to the children.\n */\nexport function ConfirmModalClose({ children }: ConfirmModalCloseProps) {\n  return <ModalClose>{children}</ModalClose>\n}\n"],"names":["ConfirmModal","children","rest","React","createElement","Modal","ConfirmModalContent","forwardRef","forwardedRef","ModalContent","Object","assign","role","ref","showCloseIcon","ConfirmModalHeader","props","ModalHeader","subtitle","titleSize","ConfirmModalBody","ModalBody","ConfirmModalFooter","ModalFooter","ConfirmModalTrigger","ModalTrigger","ConfirmModalClose","ModalClose"],"mappings":";;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAE;EACrE,oBAAOC,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAKH,IAAI,EAAGD,QAAgB,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;MACaK,mBAAmB,gBAAGC,UAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEL,QAAQ;EAAE,GAAGC;AAA+B,CAAC,EAC/CM,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACK,YAAY,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACXC,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,GAAG,EAAEL,YAAa;AAClBM,IAAAA,aAAa,EAAE;GACXZ,EAAAA,IAAI,CAEPD,EAAAA,QACW,CAAC;AAEnB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMc,kBAAkB,gBAAGR,UAAU,CAAC,SAASQ,kBAAkBA,CACtEC,KAA8B,EAC9BR,YAAoC,EACpC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACa,WAAW,EAAAP,MAAA,CAAAC,MAAA,CAAA;AACVE,IAAAA,GAAG,EAAEL,YAAa;AAClBU,IAAAA,QAAQ,EAAE,IAAK;AACfC,IAAAA,SAAS,EAAC;GACNH,EAAAA,KAAK,CACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;MACaI,gBAAgB,gBAAGb,UAAU,CAAC,SAASa,gBAAgBA,CAClE;EAAEnB,QAAQ;EAAE,GAAGC;AAA4B,CAAC,EAC5CM,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACiB,SAAS,EAAAX,MAAA,CAAAC,MAAA,CAAA;AACRE,IAAAA,GAAG,EAAEL;GACDN,EAAAA,IAAI,CAEPD,EAAAA,QACQ,CAAC;AAEhB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMqB,kBAAkB,gBAAGf,UAAU,CAAC,SAASe,kBAAkBA,CACtEN,KAA8B,EAC9BR,YAAuC,EACvC;EACA,oBACEL,cAAA,CAAAC,aAAA,CAACmB,WAAW,EAAAb,MAAA,CAAAC,MAAA,CAAA;AACVE,IAAAA,GAAG,EAAEL;GACDQ,EAAAA,KAAK,CACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CAAC;AAAEvB,EAAAA;AAAmC,CAAC,EAAE;AAC1E,EAAA,oBAAOE,cAAA,CAAAC,aAAA,CAACqB,YAAY,EAAA,IAAA,EAAExB,QAAuB,CAAC;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASyB,iBAAiBA,CAAC;AAAEzB,EAAAA;AAAiC,CAAC,EAAE;AACtE,EAAA,oBAAOE,cAAA,CAAAC,aAAA,CAACuB,UAAU,EAAA,IAAA,EAAE1B,QAAqB,CAAC;AAC5C;;;;"}
+{"version":3,"file":"ConfirmModal.mjs","sources":["../../../../src/components/ConfirmModal/ConfirmModal.tsx"],"sourcesContent":["'use client'\nimport { forwardRef } from 'react'\nimport * as React from 'react'\n\nimport {\n  Modal,\n  ModalBody,\n  ModalClose,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTrigger,\n} from '~/src/components/Modal'\n\nimport {\n  type ConfirmModalBodyProps,\n  type ConfirmModalCloseProps,\n  type ConfirmModalContentProps,\n  type ConfirmModalFooterProps,\n  type ConfirmModalHeaderProps,\n  type ConfirmModalProps,\n  type ConfirmModalTriggerProps,\n} from './ConfirmModal.types'\n\n/**\n * `ConfirmModal` is a modal dialog that interrupts the user with important content and expects a response.\n *\n * `ConfirmModal` is a context of the ConfirmModal-related components. It doesn't render any DOM node.\n * It controls the visibility of the entire component and provides\n * handlers and accessibility properties to ConfirmModal-related components.\n * @example\n *\n * ```tsx\n * // Anatomy of the ConfirmModal\n * <ConfirmModal>\n *  <ConfirmModalModalTrigger />\n *  <ConfirmModalModalContent>\n *    <ConfirmModalModalHeader />\n *    <ConfirmModalModalBody />\n *    <ConfirmModalModalFooter />\n *  </ConfirmModalModalContent>\n * </ConfirmModal>\n * ```\n */\nexport function ConfirmModal({ children, ...rest }: ConfirmModalProps) {\n  return <Modal {...rest}>{children}</Modal>\n}\n\n/**\n * `ConfirmModalContent` is a container of the modal content.\n * It creates a portal to render the modal content outside of the DOM tree\n * and renders overlay behind the modal content too.\n */\nexport const ConfirmModalContent = forwardRef(function ConfirmModalContent(\n  { children, ...rest }: ConfirmModalContentProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalContent\n      role=\"alertdialog\"\n      ref={forwardedRef}\n      showCloseIcon={false}\n      {...rest}\n    >\n      {children}\n    </ModalContent>\n  )\n})\n\n/**\n * `ConfirmModalHeader` is a header of the modal content.\n * It renders the accessible title and description of the modal.\n */\nexport const ConfirmModalHeader = forwardRef(function ConfirmModalHeader(\n  props: ConfirmModalHeaderProps,\n  forwardedRef: React.Ref<HTMLElement>\n) {\n  return (\n    <ModalHeader\n      ref={forwardedRef}\n      subtitle={null}\n      titleSize=\"m\"\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalBody` is a simple wrapper of the main modal content.\n */\nexport const ConfirmModalBody = forwardRef(function ConfirmModalBody(\n  { children, ...rest }: ConfirmModalBodyProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalBody\n      ref={forwardedRef}\n      {...rest}\n    >\n      {children}\n    </ModalBody>\n  )\n})\n\n/**\n * `ConfirmModalFooter` is a simple wrapper of the footer of the modal content.\n * Usually, it contains the action buttons of the modal.\n */\nexport const ConfirmModalFooter = forwardRef(function ConfirmModalFooter(\n  props: ConfirmModalFooterProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n) {\n  return (\n    <ModalFooter\n      ref={forwardedRef}\n      {...props}\n    />\n  )\n})\n\n/**\n * `ConfirmModalTrigger` is a button that opens the modal. **It doesn't render any DOM node.**\n * It passes the handler that opens the modal and accessibility properties to the children.\n *\n * It **must** be placed outside of the `ConfirmModalContent`.\n */\nexport function ConfirmModalTrigger({ children }: ConfirmModalTriggerProps) {\n  return <ModalTrigger>{children}</ModalTrigger>\n}\n\n/**\n * `ConfirmModalClose` is a button that closes the modal. **It doesn't render any DOM node.**\n * It passes the handler that closes the modal to the children.\n */\nexport function ConfirmModalClose({ children }: ConfirmModalCloseProps) {\n  return <ModalClose>{children}</ModalClose>\n}\n"],"names":["ConfirmModal","children","rest","_jsx","Modal","ConfirmModalContent","forwardRef","forwardedRef","ModalContent","role","ref","showCloseIcon","ConfirmModalHeader","props","ModalHeader","subtitle","titleSize","ConfirmModalBody","ModalBody","ConfirmModalFooter","ModalFooter","ConfirmModalTrigger","ModalTrigger","ConfirmModalClose","ModalClose"],"mappings":";;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAE;EACrE,oBAAOC,GAAA,CAACC,KAAK,EAAA;AAAA,IAAA,GAAKF,IAAI;AAAAD,IAAAA,QAAA,EAAGA;AAAQ,GAAQ,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACA;MACaI,mBAAmB,gBAAGC,UAAU,CAAC,SAASD,mBAAmBA,CACxE;EAAEJ,QAAQ;EAAE,GAAGC;AAA+B,CAAC,EAC/CK,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACK,YAAY,EAAA;AACXC,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,aAAa,EAAE,KAAM;AAAA,IAAA,GACjBT,IAAI;AAAAD,IAAAA,QAAA,EAEPA;AAAQ,GACG,CAAC;AAEnB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMW,kBAAkB,gBAAGN,UAAU,CAAC,SAASM,kBAAkBA,CACtEC,KAA8B,EAC9BN,YAAoC,EACpC;EACA,oBACEJ,GAAA,CAACW,WAAW,EAAA;AACVJ,IAAAA,GAAG,EAAEH,YAAa;AAClBQ,IAAAA,QAAQ,EAAE,IAAK;AACfC,IAAAA,SAAS,EAAC,GAAG;IAAA,GACTH;AAAK,GACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;MACaI,gBAAgB,gBAAGX,UAAU,CAAC,SAASW,gBAAgBA,CAClE;EAAEhB,QAAQ;EAAE,GAAGC;AAA4B,CAAC,EAC5CK,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACe,SAAS,EAAA;AACRR,IAAAA,GAAG,EAAEH,YAAa;AAAA,IAAA,GACdL,IAAI;AAAAD,IAAAA,QAAA,EAEPA;AAAQ,GACA,CAAC;AAEhB,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMkB,kBAAkB,gBAAGb,UAAU,CAAC,SAASa,kBAAkBA,CACtEN,KAA8B,EAC9BN,YAAuC,EACvC;EACA,oBACEJ,GAAA,CAACiB,WAAW,EAAA;AACVV,IAAAA,GAAG,EAAEH,YAAa;IAAA,GACdM;AAAK,GACV,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,mBAAmBA,CAAC;AAAEpB,EAAAA;AAAmC,CAAC,EAAE;EAC1E,oBAAOE,GAAA,CAACmB,YAAY,EAAA;AAAArB,IAAAA,QAAA,EAAEA;AAAQ,GAAe,CAAC;AAChD;;AAEA;AACA;AACA;AACA;AACO,SAASsB,iBAAiBA,CAAC;AAAEtB,EAAAA;AAAiC,CAAC,EAAE;EACtE,oBAAOE,GAAA,CAACqB,UAAU,EAAA;AAAAvB,IAAAA,QAAA,EAAEA;AAAQ,GAAa,CAAC;AAC5C;;;;"}

package/dist/esm/components/Divider/Divider.mjs

@@ -1,7 +1,8 @@
-import React__default, { forwardRef } from 'react';
-import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../../node_modules/@radix-ui/react-separator/dist/index.mjs';
-import classNames from '../../node_modules/classnames/index.mjs';
+import { forwardRef } from 'react';
+import { Root } from '../../node_modules/@radix-ui/react-separator/dist/index.mjs';
+import classNames from '../../_virtual/index.mjs';
 import dividerStyles from './Divider.module.scss.mjs';
+import { jsx } from 'react/jsx-runtime';
 
 const DIVIDER_TEST_ID = 'bezier-divider';
 
@@ -24,16 +25,18 @@ const Divider = /*#__PURE__*/forwardRef(({
   style,
   className,
   ...rest
-}, forwardedRef) => /*#__PURE__*/React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
+}, forwardedRef) => /*#__PURE__*/jsx(Root, {
   asChild: true,
   orientation: orientation,
-  decorative: decorative
-}, /*#__PURE__*/React__default.createElement("div", Object.assign({
-  ref: forwardedRef,
-  style: style,
-  className: classNames(dividerStyles.Divider, dividerStyles.variables, dividerStyles[orientation], withoutIndent && dividerStyles['without-indent'], withoutParallelIndent && dividerStyles['without-parallel-indent'], withoutSideIndent && dividerStyles['without-side-indent'], className),
-  "data-testid": DIVIDER_TEST_ID
-}, rest))));
+  decorative: decorative,
+  children: /*#__PURE__*/jsx("div", {
+    ref: forwardedRef,
+    style: style,
+    className: classNames(dividerStyles.Divider, dividerStyles.variables, dividerStyles[orientation], withoutIndent && dividerStyles['without-indent'], withoutParallelIndent && dividerStyles['without-parallel-indent'], withoutSideIndent && dividerStyles['without-side-indent'], className),
+    "data-testid": DIVIDER_TEST_ID,
+    ...rest
+  })
+}));
 
 export { DIVIDER_TEST_ID, Divider };
 //# sourceMappingURL=Divider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport React, { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\nexport const DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","React","createElement","SeparatorPrimitive","asChild","Object","assign","ref","classNames","styles","variables"],"mappings":";;;;;AAWO,MAAMA,eAAe,GAAG;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,kBAEZC,cAAA,CAAAC,aAAA,CAACC,yCAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPZ,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA;AAAW,CAAA,eAEvBQ,cAAA,CAAAC,aAAA,CAAAG,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,EAAAA,GAAG,EAAEP,YAAa;AAClBH,EAAAA,KAAK,EAAEA,KAAM;AACbC,EAAAA,SAAS,EAAEU,UAAU,CACnBC,aAAM,CAACnB,OAAO,EACdmB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACjB,WAAW,CAAC,EACnBI,aAAa,IAAIa,aAAM,CAAC,gBAAgB,CAAC,EACzCd,qBAAqB,IAAIc,aAAM,CAAC,yBAAyB,CAAC,EAC1Df,iBAAiB,IAAIe,aAAM,CAAC,qBAAqB,CAAC,EAClDX,SACF,CAAE;EACF,aAAaT,EAAAA;AAAgB,CAAA,EACzBU,IAAI,CACT,CACsB,CAE7B;;;;"}
+{"version":3,"file":"Divider.mjs","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport classNames from 'classnames'\n\nimport { type DividerProps } from './Divider.types'\n\nimport styles from './Divider.module.scss'\n\nexport const DIVIDER_TEST_ID = 'bezier-divider'\n\n/**\n * `Divider` is a component to visually or semantically separate content.\n * @example\n *\n * ```tsx\n * <Divider\n *   withoutSideIndent\n * />\n * ```\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  (\n    {\n      orientation = 'horizontal',\n      decorative,\n      withoutSideIndent = false,\n      withoutParallelIndent = false,\n      withoutIndent = false,\n      style,\n      className,\n      ...rest\n    },\n    forwardedRef\n  ) => (\n    <SeparatorPrimitive.Root\n      asChild\n      orientation={orientation}\n      decorative={decorative}\n    >\n      <div\n        ref={forwardedRef}\n        style={style}\n        className={classNames(\n          styles.Divider,\n          styles.variables,\n          styles[orientation],\n          withoutIndent && styles['without-indent'],\n          withoutParallelIndent && styles['without-parallel-indent'],\n          withoutSideIndent && styles['without-side-indent'],\n          className\n        )}\n        data-testid={DIVIDER_TEST_ID}\n        {...rest}\n      />\n    </SeparatorPrimitive.Root>\n  )\n)\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","style","className","rest","forwardedRef","_jsx","SeparatorPrimitive","asChild","children","ref","classNames","styles","variables"],"mappings":";;;;;;AAWO,MAAMA,eAAe,GAAG;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACaC,MAAAA,OAAO,gBAAGC,UAAU,CAC/B,CACE;AACEC,EAAAA,WAAW,GAAG,YAAY;EAC1BC,UAAU;AACVC,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,qBAAqB,GAAG,KAAK;AAC7BC,EAAAA,aAAa,GAAG,KAAK;EACrBC,KAAK;EACLC,SAAS;EACT,GAAGC;AACL,CAAC,EACDC,YAAY,kBAEZC,GAAA,CAACC,IAAuB,EAAA;EACtBC,OAAO,EAAA,IAAA;AACPX,EAAAA,WAAW,EAAEA,WAAY;AACzBC,EAAAA,UAAU,EAAEA,UAAW;AAAAW,EAAAA,QAAA,eAEvBH,GAAA,CAAA,KAAA,EAAA;AACEI,IAAAA,GAAG,EAAEL,YAAa;AAClBH,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEQ,UAAU,CACnBC,aAAM,CAACjB,OAAO,EACdiB,aAAM,CAACC,SAAS,EAChBD,aAAM,CAACf,WAAW,CAAC,EACnBI,aAAa,IAAIW,aAAM,CAAC,gBAAgB,CAAC,EACzCZ,qBAAqB,IAAIY,aAAM,CAAC,yBAAyB,CAAC,EAC1Db,iBAAiB,IAAIa,aAAM,CAAC,qBAAqB,CAAC,EAClDT,SACF,CAAE;AACF,IAAA,aAAA,EAAaT,eAAgB;IAAA,GACzBU;GACL;AAAC,CACqB,CAE7B;;;;"}