@automattic/jetpack-components 0.72.2 → 0.72.4

package/build/components/product-offer/product-offer-header.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { __ } from '@wordpress/i18n';
 import { Icon, starFilled as star } from '@wordpress/icons';
-import Text from '../text/index.js';
+import Text from "../text/index.js";
 import styles from './style.module.scss';
 /**
  * Product Detail Card Header component.

package/build/components/product-offer/types.d.ts

@@ -1,5 +1,5 @@
-import { ProductPriceProps } from '../product-price/types.js';
-import type { JetpackIconSlug } from '../icons/index.js';
+import { ProductPriceProps } from '../product-price/types.ts';
+import type { JetpackIconSlug } from '../icons/index.tsx';
 export type ProductOfferProps = {
     /**
      * Product slug.

package/build/components/product-price/index.d.ts

@@ -1,4 +1,4 @@
-import type { ProductPriceProps } from './types.js';
+import type { ProductPriceProps } from './types.ts';
 import type React from 'react';
 /**
  * React component to render the price.
@@ -8,4 +8,4 @@ import type React from 'react';
  */
 declare const ProductPrice: React.FC<ProductPriceProps>;
 export default ProductPrice;
-export * from './price.js';
+export * from './price.tsx';

package/build/components/product-price/index.js

@@ -7,8 +7,8 @@ import clsx from 'clsx';
 /*
  * Internal dependencies
  */
-import Text from '../text/index.js';
-import { Price } from './price.js';
+import Text from "../text/index.js";
+import { Price } from "./price.js";
 import styles from './style.module.scss';
 /**
  * React component to render the price.
@@ -29,4 +29,4 @@ const ProductPrice = ({ price, offPrice, currency = '', showNotOffPrice = true,
     return (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.container, children: _jsxs("div", { className: clsx(styles['price-container'], 'product-price_container'), children: [_jsx(Price, { value: offPrice ?? price, currency: currency, isOff: !isNotConvenientPrice, hidePriceFraction: hidePriceFraction }), showNotOffPrice && (_jsx(Price, { value: price, currency: currency, isOff: false, hidePriceFraction: hidePriceFraction })), discountElt && (_jsx(Text, { className: clsx(styles['promo-label'], 'product-price_promo_label'), children: discountElt }))] }) }), _jsxs("div", { className: styles.footer, children: [children ? (children) : (_jsx(Text, { className: clsx(styles.legend, 'product-price_legend'), children: legend })), promoLabel && (_jsx(Text, { className: clsx(styles['promo-label'], 'product-price_promo_label'), children: promoLabel }))] })] }));
 };
 export default ProductPrice;
-export * from './price.js';
+export * from "./price.js";

package/build/components/product-price/price.d.ts

@@ -1,4 +1,4 @@
-import type { PriceProps } from './types.js';
+import type { PriceProps } from './types.ts';
 import type React from 'react';
 /**
  * React component to render a Price composition.

package/build/components/product-price/price.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getCurrencyObject } from '@automattic/format-currency';
 import clsx from 'clsx';
-import Text from '../text/index.js';
+import Text from "../text/index.js";
 import styles from './style.module.scss';
 /**
  * React component to render a Price composition.

package/build/components/progress-bar/index.d.ts

@@ -1,4 +1,4 @@
-import { ProgressBarProps } from './types.js';
+import { ProgressBarProps } from './types.ts';
 import type React from 'react';
 /**
  * Progress Bar component

package/build/components/record-meter-bar/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { useMemo } from 'react';
-import numberFormat from '../number-format/index.js';
+import numberFormat from "../number-format/index.js";
 import './style.scss';
 /**
  * Generate Record Meter bar

package/build/components/split-button/index.d.ts

@@ -1,4 +1,4 @@
-import { SplitButtonProps } from './types.js';
+import { SplitButtonProps } from './types.ts';
 import type React from 'react';
 declare const SplitButton: React.FC<SplitButtonProps>;
 export default SplitButton;

package/build/components/stat-card/index.d.ts

@@ -1,4 +1,4 @@
-import { StatCardProps } from './types.js';
+import { StatCardProps } from './types.ts';
 /**
  * StatCard component
  *

package/build/components/stat-card/index.js

@@ -7,8 +7,8 @@ import clsx from 'clsx';
 /**
  * Internal dependencies
  */
-import numberFormat from '../number-format/index.js';
-import Text from '../text/index.js';
+import numberFormat from "../number-format/index.js";
+import Text from "../text/index.js";
 import styles from './style.module.scss';
 /**
  * StatCard component

package/build/components/status/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { __ } from '@wordpress/i18n';
 import clsx from 'clsx';
-import Text from '../text/index.js';
+import Text from "../text/index.js";
 import styles from './style.module.scss';
 const Status = ({ className, label, status = 'inactive' }) => {
     const defaultLabels = {

package/build/components/terms-of-service/index.d.ts

@@ -1,4 +1,4 @@
-import type { TermsOfServiceProps } from './types.js';
+import type { TermsOfServiceProps } from './types.ts';
 import './styles.scss';
 declare const TermsOfService: React.FC<TermsOfServiceProps>;
 export default TermsOfService;

package/build/components/terms-of-service/index.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createInterpolateElement } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import clsx from 'clsx';
-import { getRedirectUrl } from '../../../components/index.js';
-import Text from '../text/index.js';
+import { getRedirectUrl } from "../../index.js";
+import Text from "../text/index.js";
 import './styles.scss';
 const TermsOfService = ({ className, multipleButtons, agreeButtonLabel, isTextOnly, ...textProps }) => {
     const getTOSContent = () => {

package/build/components/terms-of-service/types.d.ts

@@ -1,4 +1,4 @@
-import { TextProps } from '../text/types.js';
+import { TextProps } from '../text/types.ts';
 type MultipleButtonsProps = {
     /**
      * Indicates whether there are multiple buttons present that would imply agreement if clicked.

package/build/components/testimonials/index.d.ts

@@ -1,3 +1,3 @@
-import { TestimonialsType } from './types.js';
+import { TestimonialsType } from './types.ts';
 declare const Testimonials: TestimonialsType;
 export default Testimonials;

package/build/components/testimonials/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from '@wordpress/element';
-import Gridicon from '../gridicon/index.js';
-import { Testimonial } from './testimonial.js';
+import Gridicon from "../gridicon/index.js";
+import { Testimonial } from "./testimonial.js";
 const Testimonials = ({ testimonials }) => {
     const [currentTestimonialIndex, setcurrentTestimonialIndex] = useState(0);
     const incrementTestimonial = useCallback(() => {

package/build/components/testimonials/testimonial.d.ts

@@ -1,4 +1,4 @@
-import type { TestimonialType } from './types.js';
+import type { TestimonialType } from './types.ts';
 import './style.scss';
 declare const Testimonial: TestimonialType;
 export { Testimonial };

package/build/components/text/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { H3Props, TextProps, TitleProps } from './types.js';
+import type { H3Props, TextProps, TitleProps } from './types.ts';
 /**
  * Text component.
  *
@@ -29,4 +29,4 @@ export declare const H3: React.FC<H3Props>;
  * @return {React.ReactElement} - JSX.Element
  */
 export declare const Title: React.FC<TitleProps>;
-export * from './constants.js';
+export * from './constants.ts';

package/build/components/text/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { forwardRef, useMemo } from 'react';
-import { BOX_MODEL_VALUES, VARIANTS_MAPPING } from './constants.js';
+import { BOX_MODEL_VALUES, VARIANTS_MAPPING } from "./constants.js";
 import styles from './style.module.scss';
 /**
  * Text component.
@@ -50,4 +50,4 @@ export const H3 = ({ children, weight = 'bold', ...componentProps }) => {
  * @return {React.ReactElement} - JSX.Element
  */
 export const Title = ({ children, size = 'medium', ...componentProps }) => (_jsx(Text, { variant: `title-${size}`, mb: 1, ...componentProps, children: children }));
-export * from './constants.js';
+export * from "./constants.js";

package/build/components/text/types.d.ts

@@ -1,4 +1,4 @@
-import { VARIANTS_MAPPING } from './constants.js';
+import { VARIANTS_MAPPING } from './constants.ts';
 import type React from 'react';
 export type SpacingValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 export type TextProps = {

package/build/components/theme-provider/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ThemeProviderProps } from './types.js';
+import { ThemeProviderProps } from './types.ts';
 export declare const typography: {
     '--font-headline-medium': string;
     '--font-headline-small': string;

package/build/components/upsell-banner/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UpsellBannerProps } from './types.js';
+import { UpsellBannerProps } from './types.ts';
 import './style.scss';
 /**
  * Upsell banner component.

package/build/components/zendesk-chat/index.d.ts

@@ -1,3 +1,3 @@
-import type { ZendeskChatType } from './types.js';
+import type { ZendeskChatType } from './types.ts';
 export declare const ZendeskChat: ZendeskChatType;
 export default ZendeskChat;

package/build/components/zendesk-chat/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useCallback } from 'react';
-import { chatKey } from './constants.js';
+import { chatKey } from "./constants.js";
 export const ZendeskChat = ({ jwt_token }) => {
     const authenticateUser = useCallback(() => {
         if (typeof window !== 'undefined' && typeof window.zE === 'function') {

package/build/index.d.ts

@@ -1,66 +1,66 @@
-export { default as JetpackLogo } from './components/jetpack-logo/index.js';
-export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.js';
-export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.js';
-export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.js';
-export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.js';
-export { default as getRedirectUrl } from './tools/jp-redirect/index.js';
-export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.js';
-export { isFirstMonthTrial } from './tools/pricing-utils/index.js';
-export { default as AutomatticBylineLogo } from './components/automattic-byline-logo/index.js';
-export { default as AutomatticIconLogo } from './components/automattic-icon-logo/index.js';
-export { default as AutomatticForAgenciesLogo } from './components/automattic-for-agencies-logo/index.js';
-export { default as JetpackFooter } from './components/jetpack-footer/index.js';
-export { default as Spinner } from './components/spinner/index.js';
-export { default as Gridicon } from './components/gridicon/index.js';
-export { default as IconTooltip } from './components/icon-tooltip/index.js';
-export { default as ActionButton } from './components/action-button/index.js';
-export { default as PricingCard } from './components/pricing-card/index.js';
-export { default as NumberSlider } from './components/number-slider/index.js';
-export { default as AdminSection } from './components/admin-section/basic/index.js';
-export { default as AdminSectionHero } from './components/admin-section/hero/index.js';
-export { default as AdminPage } from './components/admin-page/index.js';
-export { default as DecorativeCard } from './components/decorative-card/index.js';
-export { default as Col } from './components/layout/col/index.js';
-export { default as Testimonials } from './components/testimonials/index.js';
-export { default as Container } from './components/layout/container/index.js';
-export { default as useBreakpointMatch } from './components/layout/use-breakpoint-match/index.js';
-export { default as CopyToClipboard } from './components/copy-to-clipboard/index.js';
-export * from './components/icons/index.js';
-export { default as SplitButton } from './components/split-button/index.js';
-export { default as ThemeProvider } from './components/theme-provider/index.js';
-export { default as Text, H2, H3, Title } from './components/text/index.js';
-export { default as ToggleControl } from './components/toggle-control/index.js';
-export { default as NumberControl } from './components/number-control/index.js';
-export { default as numberFormat } from './components/number-format/index.js';
-export { default as QRCode } from './components/qr-code/index.js';
-export { default as Button } from './components/button/index.js';
-export type { ButtonProps } from './components/button/types.js';
-export { default as LoadingPlaceholder } from './components/loading-placeholder/index.js';
-export { default as TermsOfService } from './components/terms-of-service/index.js';
-export { default as Badge } from './components/badge/index.js';
-export { default as Chip } from './components/chip/index.js';
-export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from './components/pricing-table/index.js';
-export { default as BoostScoreBar } from './components/boost-score-bar/index.js';
-export { default as BoostScoreGraph } from './components/boost-score-graph/index.js';
-export { default as ProductPrice } from './components/product-price/index.js';
-export { default as ProductOffer, IconsCard } from './components/product-offer/index.js';
-export { default as Dialog } from './components/dialog/index.js';
-export { default as DotPager } from './components/dot-pager/index.js';
-export { default as DonutMeter } from './components/donut-meter/index.js';
-export { default as RecordMeterBar } from './components/record-meter-bar/index.js';
-export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.js';
-export { default as Alert } from './components/alert/index.js';
-export { default as Notice } from './components/notice/index.js';
-export { default as Popover } from './components/popover/index.js';
-export { default as Status } from './components/status/index.js';
-export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.js';
-export { default as ActionPopover } from './components/action-popover/index.js';
-export { default as ZendeskChat } from './components/zendesk-chat/index.js';
-export { default as ProgressBar } from './components/progress-bar/index.js';
-export { default as UpsellBanner } from './components/upsell-banner/index.js';
-export { getUserLocale, cleanLocale } from './lib/locale/index.js';
-export { default as RadioControl } from './components/radio-control/index.js';
-export { default as StatCard } from './components/stat-card/index.js';
-export { default as DiffViewer } from './components/diff-viewer/index.js';
-export { default as MarkedLines } from './components/marked-lines/index.js';
-export * from './components/global-notices/index.js';
+export { default as JetpackLogo } from './components/jetpack-logo/index.tsx';
+export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.tsx';
+export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.tsx';
+export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.tsx';
+export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.tsx';
+export { default as getRedirectUrl } from './tools/jp-redirect/index.ts';
+export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.ts';
+export { isFirstMonthTrial } from './tools/pricing-utils/index.ts';
+export { default as AutomatticBylineLogo } from './components/automattic-byline-logo/index.tsx';
+export { default as AutomatticIconLogo } from './components/automattic-icon-logo/index.tsx';
+export { default as AutomatticForAgenciesLogo } from './components/automattic-for-agencies-logo/index.tsx';
+export { default as JetpackFooter } from './components/jetpack-footer/index.tsx';
+export { default as Spinner } from './components/spinner/index.jsx';
+export { default as Gridicon } from './components/gridicon/index.tsx';
+export { default as IconTooltip } from './components/icon-tooltip/index.tsx';
+export { default as ActionButton } from './components/action-button/index.jsx';
+export { default as PricingCard } from './components/pricing-card/index.tsx';
+export { default as NumberSlider } from './components/number-slider/index.tsx';
+export { default as AdminSection } from './components/admin-section/basic/index.tsx';
+export { default as AdminSectionHero } from './components/admin-section/hero/index.tsx';
+export { default as AdminPage } from './components/admin-page/index.tsx';
+export { default as DecorativeCard } from './components/decorative-card/index.tsx';
+export { default as Col } from './components/layout/col/index.tsx';
+export { default as Testimonials } from './components/testimonials/index.tsx';
+export { default as Container } from './components/layout/container/index.tsx';
+export { default as useBreakpointMatch } from './components/layout/use-breakpoint-match/index.ts';
+export { default as CopyToClipboard } from './components/copy-to-clipboard/index.tsx';
+export * from './components/icons/index.tsx';
+export { default as SplitButton } from './components/split-button/index.tsx';
+export { default as ThemeProvider } from './components/theme-provider/index.tsx';
+export { default as Text, H2, H3, Title } from './components/text/index.tsx';
+export { default as ToggleControl } from './components/toggle-control/index.tsx';
+export { default as NumberControl } from './components/number-control/index.jsx';
+export { default as numberFormat } from './components/number-format/index.ts';
+export { default as QRCode } from './components/qr-code/index.tsx';
+export { default as Button } from './components/button/index.tsx';
+export type { ButtonProps } from './components/button/types.ts';
+export { default as LoadingPlaceholder } from './components/loading-placeholder/index.tsx';
+export { default as TermsOfService } from './components/terms-of-service/index.tsx';
+export { default as Badge } from './components/badge/index.tsx';
+export { default as Chip } from './components/chip/index.tsx';
+export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from './components/pricing-table/index.tsx';
+export { default as BoostScoreBar } from './components/boost-score-bar/index.tsx';
+export { default as BoostScoreGraph } from './components/boost-score-graph/index.tsx';
+export { default as ProductPrice } from './components/product-price/index.tsx';
+export { default as ProductOffer, IconsCard } from './components/product-offer/index.tsx';
+export { default as Dialog } from './components/dialog/index.tsx';
+export { default as DotPager } from './components/dot-pager/index.tsx';
+export { default as DonutMeter } from './components/donut-meter/index.tsx';
+export { default as RecordMeterBar } from './components/record-meter-bar/index.tsx';
+export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.tsx';
+export { default as Alert } from './components/alert/index.tsx';
+export { default as Notice } from './components/notice/index.tsx';
+export { default as Popover } from './components/popover/index.tsx';
+export { default as Status } from './components/status/index.tsx';
+export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.tsx';
+export { default as ActionPopover } from './components/action-popover/index.tsx';
+export { default as ZendeskChat } from './components/zendesk-chat/index.tsx';
+export { default as ProgressBar } from './components/progress-bar/index.tsx';
+export { default as UpsellBanner } from './components/upsell-banner/index.tsx';
+export { getUserLocale, cleanLocale } from './lib/locale/index.ts';
+export { default as RadioControl } from './components/radio-control/index.tsx';
+export { default as StatCard } from './components/stat-card/index.tsx';
+export { default as DiffViewer } from './components/diff-viewer/index.tsx';
+export { default as MarkedLines } from './components/marked-lines/index.tsx';
+export * from './components/global-notices/index.ts';

package/build/index.js

@@ -13,68 +13,68 @@ You should have received a copy of the GNU General Public License
 along with this program; if not, write to the Free Software
 Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */
-export { default as JetpackLogo } from './components/jetpack-logo/index.js';
-export { default as JetpackSearchLogo } from './components/jetpack-search-logo/index.js';
-export { default as JetpackProtectLogo } from './components/jetpack-protect-logo/index.js';
-export { default as JetpackVaultPressBackupLogo } from './components/jetpack-vaultpress-backup-logo/index.js';
-export { default as JetpackVideoPressLogo } from './components/jetpack-videopress-logo/index.js';
-export { default as getRedirectUrl } from './tools/jp-redirect/index.js';
-export { default as getProductCheckoutUrl } from './tools/get-product-checkout-url/index.js';
-export { isFirstMonthTrial } from './tools/pricing-utils/index.js';
-export { default as AutomatticBylineLogo } from './components/automattic-byline-logo/index.js';
-export { default as AutomatticIconLogo } from './components/automattic-icon-logo/index.js';
-export { default as AutomatticForAgenciesLogo } from './components/automattic-for-agencies-logo/index.js';
-export { default as JetpackFooter } from './components/jetpack-footer/index.js';
-export { default as Spinner } from './components/spinner/index.js';
-export { default as Gridicon } from './components/gridicon/index.js';
-export { default as IconTooltip } from './components/icon-tooltip/index.js';
-export { default as ActionButton } from './components/action-button/index.js';
-export { default as PricingCard } from './components/pricing-card/index.js';
-export { default as NumberSlider } from './components/number-slider/index.js';
-export { default as AdminSection } from './components/admin-section/basic/index.js';
-export { default as AdminSectionHero } from './components/admin-section/hero/index.js';
-export { default as AdminPage } from './components/admin-page/index.js';
-export { default as DecorativeCard } from './components/decorative-card/index.js';
-export { default as Col } from './components/layout/col/index.js';
-export { default as Testimonials } from './components/testimonials/index.js';
-export { default as Container } from './components/layout/container/index.js';
-export { default as useBreakpointMatch } from './components/layout/use-breakpoint-match/index.js';
-export { default as CopyToClipboard } from './components/copy-to-clipboard/index.js';
-export * from './components/icons/index.js';
-export { default as SplitButton } from './components/split-button/index.js';
-export { default as ThemeProvider } from './components/theme-provider/index.js';
-export { default as Text, H2, H3, Title } from './components/text/index.js';
-export { default as ToggleControl } from './components/toggle-control/index.js';
-export { default as NumberControl } from './components/number-control/index.js';
-export { default as numberFormat } from './components/number-format/index.js';
-export { default as QRCode } from './components/qr-code/index.js';
-export { default as Button } from './components/button/index.js';
-export { default as LoadingPlaceholder } from './components/loading-placeholder/index.js';
-export { default as TermsOfService } from './components/terms-of-service/index.js';
-export { default as Badge } from './components/badge/index.js';
-export { default as Chip } from './components/chip/index.js';
-export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from './components/pricing-table/index.js';
-export { default as BoostScoreBar } from './components/boost-score-bar/index.js';
-export { default as BoostScoreGraph } from './components/boost-score-graph/index.js';
-export { default as ProductPrice } from './components/product-price/index.js';
-export { default as ProductOffer, IconsCard } from './components/product-offer/index.js';
-export { default as Dialog } from './components/dialog/index.js';
-export { default as DotPager } from './components/dot-pager/index.js';
-export { default as DonutMeter } from './components/donut-meter/index.js';
-export { default as RecordMeterBar } from './components/record-meter-bar/index.js';
-export { default as ContextualUpgradeTrigger } from './components/contextual-upgrade-trigger/index.js';
-export { default as Alert } from './components/alert/index.js';
-export { default as Notice } from './components/notice/index.js';
-export { default as Popover } from './components/popover/index.js';
-export { default as Status } from './components/status/index.js';
-export { default as IndeterminateProgressBar } from './components/indeterminate-progress-bar/index.js';
-export { default as ActionPopover } from './components/action-popover/index.js';
-export { default as ZendeskChat } from './components/zendesk-chat/index.js';
-export { default as ProgressBar } from './components/progress-bar/index.js';
-export { default as UpsellBanner } from './components/upsell-banner/index.js';
-export { getUserLocale, cleanLocale } from './lib/locale/index.js';
-export { default as RadioControl } from './components/radio-control/index.js';
-export { default as StatCard } from './components/stat-card/index.js';
-export { default as DiffViewer } from './components/diff-viewer/index.js';
-export { default as MarkedLines } from './components/marked-lines/index.js';
-export * from './components/global-notices/index.js';
+export { default as JetpackLogo } from "./components/jetpack-logo/index.js";
+export { default as JetpackSearchLogo } from "./components/jetpack-search-logo/index.js";
+export { default as JetpackProtectLogo } from "./components/jetpack-protect-logo/index.js";
+export { default as JetpackVaultPressBackupLogo } from "./components/jetpack-vaultpress-backup-logo/index.js";
+export { default as JetpackVideoPressLogo } from "./components/jetpack-videopress-logo/index.js";
+export { default as getRedirectUrl } from "./tools/jp-redirect/index.js";
+export { default as getProductCheckoutUrl } from "./tools/get-product-checkout-url/index.js";
+export { isFirstMonthTrial } from "./tools/pricing-utils/index.js";
+export { default as AutomatticBylineLogo } from "./components/automattic-byline-logo/index.js";
+export { default as AutomatticIconLogo } from "./components/automattic-icon-logo/index.js";
+export { default as AutomatticForAgenciesLogo } from "./components/automattic-for-agencies-logo/index.js";
+export { default as JetpackFooter } from "./components/jetpack-footer/index.js";
+export { default as Spinner } from './components/spinner/index.jsx';
+export { default as Gridicon } from "./components/gridicon/index.js";
+export { default as IconTooltip } from "./components/icon-tooltip/index.js";
+export { default as ActionButton } from './components/action-button/index.jsx';
+export { default as PricingCard } from "./components/pricing-card/index.js";
+export { default as NumberSlider } from "./components/number-slider/index.js";
+export { default as AdminSection } from "./components/admin-section/basic/index.js";
+export { default as AdminSectionHero } from "./components/admin-section/hero/index.js";
+export { default as AdminPage } from "./components/admin-page/index.js";
+export { default as DecorativeCard } from "./components/decorative-card/index.js";
+export { default as Col } from "./components/layout/col/index.js";
+export { default as Testimonials } from "./components/testimonials/index.js";
+export { default as Container } from "./components/layout/container/index.js";
+export { default as useBreakpointMatch } from "./components/layout/use-breakpoint-match/index.js";
+export { default as CopyToClipboard } from "./components/copy-to-clipboard/index.js";
+export * from "./components/icons/index.js";
+export { default as SplitButton } from "./components/split-button/index.js";
+export { default as ThemeProvider } from "./components/theme-provider/index.js";
+export { default as Text, H2, H3, Title } from "./components/text/index.js";
+export { default as ToggleControl } from "./components/toggle-control/index.js";
+export { default as NumberControl } from './components/number-control/index.jsx';
+export { default as numberFormat } from "./components/number-format/index.js";
+export { default as QRCode } from "./components/qr-code/index.js";
+export { default as Button } from "./components/button/index.js";
+export { default as LoadingPlaceholder } from "./components/loading-placeholder/index.js";
+export { default as TermsOfService } from "./components/terms-of-service/index.js";
+export { default as Badge } from "./components/badge/index.js";
+export { default as Chip } from "./components/chip/index.js";
+export { default as PricingTable, PricingTableColumn, PricingTableHeader, PricingTableItem, } from "./components/pricing-table/index.js";
+export { default as BoostScoreBar } from "./components/boost-score-bar/index.js";
+export { default as BoostScoreGraph } from "./components/boost-score-graph/index.js";
+export { default as ProductPrice } from "./components/product-price/index.js";
+export { default as ProductOffer, IconsCard } from "./components/product-offer/index.js";
+export { default as Dialog } from "./components/dialog/index.js";
+export { default as DotPager } from "./components/dot-pager/index.js";
+export { default as DonutMeter } from "./components/donut-meter/index.js";
+export { default as RecordMeterBar } from "./components/record-meter-bar/index.js";
+export { default as ContextualUpgradeTrigger } from "./components/contextual-upgrade-trigger/index.js";
+export { default as Alert } from "./components/alert/index.js";
+export { default as Notice } from "./components/notice/index.js";
+export { default as Popover } from "./components/popover/index.js";
+export { default as Status } from "./components/status/index.js";
+export { default as IndeterminateProgressBar } from "./components/indeterminate-progress-bar/index.js";
+export { default as ActionPopover } from "./components/action-popover/index.js";
+export { default as ZendeskChat } from "./components/zendesk-chat/index.js";
+export { default as ProgressBar } from "./components/progress-bar/index.js";
+export { default as UpsellBanner } from "./components/upsell-banner/index.js";
+export { getUserLocale, cleanLocale } from "./lib/locale/index.js";
+export { default as RadioControl } from "./components/radio-control/index.js";
+export { default as StatCard } from "./components/stat-card/index.js";
+export { default as DiffViewer } from "./components/diff-viewer/index.js";
+export { default as MarkedLines } from "./components/marked-lines/index.js";
+export * from "./components/global-notices/index.js";

package/build/tools/jp-redirect/index.d.ts

@@ -1,4 +1,4 @@
-import { GetRedirectUrlArgs } from './types.js';
+import { GetRedirectUrlArgs } from './types.ts';
 /**
  * Builds an URL using the jetpack.com/redirect/ service
  *

package/build/tools/pricing-utils/index.d.ts

@@ -1,4 +1,4 @@
-import { IntroOffer } from './types.js';
+import { IntroOffer } from './types.ts';
 /**
  * Returns whether an Introductory Offer is a first month trial
  *

package/components/action-button/index.jsx

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
  * Internal dependencies
  */
 import React from 'react';
-import Button from '../button/index.js';
+import Button from '../button/index.tsx';
 import styles from './style.module.scss';
 
 /**

package/components/action-popover/index.tsx

@@ -4,18 +4,18 @@
 import { Popover } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { close } from '@wordpress/icons';
-import Button from '../button/index.js';
-import useBreakpointMatch from '../layout/use-breakpoint-match/index.js';
-import Text from '../text/index.js';
+import Button from '../button/index.tsx';
+import useBreakpointMatch from '../layout/use-breakpoint-match/index.ts';
+import Text from '../text/index.tsx';
 /**
  * Internal dependencies
  */
-import ThemeProvider from '../theme-provider/index.js';
+import ThemeProvider from '../theme-provider/index.tsx';
 import styles from './styles.module.scss';
 /**
  * Types
  */
-import { ActionPopoverProps } from './types.js';
+import { ActionPopoverProps } from './types.ts';
 import type React from 'react';
 
 const ActionPopover = ( {

package/components/admin-page/index.tsx

@@ -2,12 +2,12 @@ import restApi from '@automattic/jetpack-api';
 import { __, sprintf } from '@wordpress/i18n';
 import clsx from 'clsx';
 import { useEffect, useCallback } from 'react';
-import JetpackFooter from '../jetpack-footer/index.js';
-import JetpackLogo from '../jetpack-logo/index.js';
-import Col from '../layout/col/index.js';
-import Container from '../layout/container/index.js';
+import JetpackFooter from '../jetpack-footer/index.tsx';
+import JetpackLogo from '../jetpack-logo/index.tsx';
+import Col from '../layout/col/index.tsx';
+import Container from '../layout/container/index.tsx';
 import styles from './style.module.scss';
-import type { AdminPageProps } from './types.js';
+import type { AdminPageProps } from './types.ts';
 import type React from 'react';
 
 /**