tested

src/components/puck/Address.tsx

@@ -18,7 +18,7 @@ import {
   YextEntityFieldSelector,
 } from "../../index.ts";
 
-export type AddressProps = {
+type AddressProps = {
   address: YextEntityField<AddressType>;
   getDirectionsProvider: GetDirectionsConfig["provider"];
   alignment: "items-start" | "items-center";
@@ -109,7 +109,7 @@ const Address = ({
   );
 };
 
-export const AddressComponent: ComponentConfig<AddressProps> = {
+const AddressComponent: ComponentConfig<AddressProps> = {
   fields: addressFields,
   defaultProps: {
     alignment: "items-start",
@@ -129,3 +129,5 @@ export const AddressComponent: ComponentConfig<AddressProps> = {
   label: "Address",
   render: (props) => <Address {...props} />,
 };
+
+export { type AddressProps, AddressComponent as Address };

src/components/puck/BodyText.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ComponentConfig, Fields } from "@measured/puck";
-import { Body, BodyProps, bodyVariants } from "./atoms/body.js";
+import { Body, BodyProps } from "./atoms/body.js";
 import {
   useDocument,
   resolveYextEntityField,
@@ -11,7 +11,7 @@ import {
   FontSizeSelector,
 } from "../../index.ts";
 
-export interface BodyTextProps extends BodyProps {
+interface BodyTextProps extends BodyProps {
   text: YextEntityField<string>;
 }
 
@@ -66,7 +66,7 @@ const bodyTextFields: Fields<BodyTextProps> = {
   },
 };
 
-export const BodyTextComponent: ComponentConfig<BodyTextProps> = {
+const BodyTextComponent: ComponentConfig<BodyTextProps> = {
   label: "Body Text",
   fields: bodyTextFields,
   defaultProps: {
@@ -96,4 +96,4 @@ export const BodyTextComponent: ComponentConfig<BodyTextProps> = {
   render: (props) => <BodyText {...props} />,
 };
 
-export { BodyText, bodyVariants };
+export { BodyTextComponent as BodyText, type BodyTextProps };

src/components/puck/CtaWrapper.tsx

@@ -11,7 +11,7 @@ import {
   FontSizeSelector,
 } from "../../index.ts";
 
-export interface CTAWrapperProps {
+interface CTAWrapperProps {
   entityField: YextEntityField<CTAProps>;
   variant: CTAProps["variant"];
   fontSize: CTAProps["fontSize"];
@@ -65,7 +65,7 @@ const CTAWrapper: React.FC<CTAWrapperProps> = ({
   );
 };
 
-export const CTAWrapperComponent: ComponentConfig<CTAWrapperProps> = {
+const CTAWrapperComponent: ComponentConfig<CTAWrapperProps> = {
   label: "Call to Action",
   fields: ctaWrapperFields,
   defaultProps: {
@@ -81,4 +81,4 @@ export const CTAWrapperComponent: ComponentConfig<CTAWrapperProps> = {
   render: (props) => <CTAWrapper {...props} />,
 };
 
-export { CTAWrapper };
+export { CTAWrapperComponent as CTAWrapper, type CTAWrapperProps };

src/components/puck/Emails.tsx

@@ -59,7 +59,7 @@ const emailsVariants = cva("list-inside font-body-fontFamily", {
   },
 });
 
-export interface EmailsProps extends VariantProps<typeof emailsVariants> {
+interface EmailsProps extends VariantProps<typeof emailsVariants> {
   list: YextEntityField<string[]>;
   includeHyperlink: boolean;
   listLength: number;
@@ -160,7 +160,7 @@ const Emails: React.FC<EmailsProps> = ({
   );
 };
 
-export const EmailsComponent: ComponentConfig<EmailsProps> = {
+const EmailsComponent: ComponentConfig<EmailsProps> = {
   label: "Emails",
   fields: EmailsFields,
   defaultProps: {
@@ -187,4 +187,4 @@ export const EmailsComponent: ComponentConfig<EmailsProps> = {
   render: (props) => <Emails {...props} />,
 };
 
-export { Emails, emailsVariants };
+export { EmailsComponent as Emails, type EmailsProps };

src/components/puck/FlexContainer.tsx

@@ -41,7 +41,7 @@ const flexContainerVariants = cva("flex", {
   },
 });
 
-export interface FlexContainerProps
+interface FlexContainerProps
   extends React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof flexContainerVariants> {
   renderDropZone?: any;
@@ -131,7 +131,7 @@ const flexContainerFields: Fields<FlexContainerProps> = {
   },
 };
 
-export const FlexContainerComponent: ComponentConfig<FlexContainerProps> = {
+const FlexContainerComponent: ComponentConfig<FlexContainerProps> = {
   label: "Flex Container",
   fields: flexContainerFields,
   defaultProps: {
@@ -158,4 +158,4 @@ export const FlexContainerComponent: ComponentConfig<FlexContainerProps> = {
   ),
 };
 
-export { FlexContainer, flexContainerVariants };
+export { FlexContainerComponent as FlexContainer, type FlexContainerProps };

src/components/puck/GetDirections.tsx

@@ -18,7 +18,7 @@ import {
 } from "../../index.js";
 import { VariantProps } from "class-variance-authority";
 
-export type GetDirectionsProps = {
+type GetDirectionsProps = {
   coordinate: YextEntityField<Coordinate>;
   getDirectionsProvider: GetDirectionsConfig["provider"];
   variant: ButtonProps["variant"];
@@ -137,7 +137,7 @@ const GetDirections = ({
   );
 };
 
-export const GetDirectionsComponent: ComponentConfig<GetDirectionsProps> = {
+const GetDirectionsComponent: ComponentConfig<GetDirectionsProps> = {
   fields: getDirectionsFields,
   defaultProps: {
     variant: "primary",
@@ -158,3 +158,5 @@ export const GetDirectionsComponent: ComponentConfig<GetDirectionsProps> = {
   label: "Get Directions",
   render: (props) => <GetDirections {...props} />,
 };
+
+export { GetDirectionsComponent as GetDirections, type GetDirectionsProps };

src/components/puck/GridSection.tsx

@@ -81,11 +81,11 @@ const columnVariants = cva("flex flex-col gap-y-grid-verticalSpacing", {
   },
 });
 
-export interface ColumnProps extends VariantProps<typeof columnVariants> {
+interface ColumnProps extends VariantProps<typeof columnVariants> {
   span?: number;
 }
 
-export interface GridSectionProps
+interface GridSectionProps
   extends React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof gridSectionVariants>,
     VariantProps<typeof backgroundVariants> {
@@ -231,7 +231,7 @@ const gridSectionFields: Fields<GridSectionProps> = {
   },
 };
 
-export const GridSectionComponent: ComponentConfig<GridSectionProps> = {
+const GridSectionComponent: ComponentConfig<GridSectionProps> = {
   label: "Grid Section",
   fields: gridSectionFields,
   defaultProps: {
@@ -270,4 +270,4 @@ export const GridSectionComponent: ComponentConfig<GridSectionProps> = {
   ),
 };
 
-export { GridSection, gridSectionVariants };
+export { GridSectionComponent as GridSection, type GridSectionProps };

src/components/puck/HeadingText.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ComponentConfig, Fields } from "@measured/puck";
-import { Heading, HeadingProps, headingVariants } from "./atoms/heading.js";
+import { Heading, HeadingProps } from "./atoms/heading.js";
 import {
   useDocument,
   resolveYextEntityField,
@@ -11,7 +11,7 @@ import {
   getFontWeightOverrideOptions,
 } from "../../index.js";
 
-export interface HeadingTextProps extends HeadingProps {
+interface HeadingTextProps extends HeadingProps {
   text: YextEntityField<string>;
 }
 
@@ -73,7 +73,7 @@ const headingTextFields: Fields<HeadingTextProps> = {
   },
 };
 
-export const HeadingTextComponent: ComponentConfig<HeadingTextProps> = {
+const HeadingTextComponent: ComponentConfig<HeadingTextProps> = {
   label: "Heading Text",
   fields: headingTextFields,
   defaultProps: {
@@ -105,4 +105,4 @@ export const HeadingTextComponent: ComponentConfig<HeadingTextProps> = {
   render: (props) => <HeadingText {...props} />,
 };
 
-export { HeadingText, headingVariants };
+export { HeadingTextComponent as HeadingText, type HeadingTextProps };

src/components/puck/HoursTable.tsx → src/components/puck/HoursCard.tsx

@@ -16,7 +16,7 @@ import {
   YextEntityFieldSelector,
 } from "../../index.js";
 
-export type HoursCardProps = {
+type HoursCardProps = {
   hours: YextEntityField<HoursType>;
   startOfWeek: keyof DayOfWeekNames | "today";
   collapseDays: boolean;
@@ -122,7 +122,7 @@ const HoursTable = ({
   );
 };
 
-export const HoursCardComponent: ComponentConfig<HoursCardProps> = {
+const HoursCardComponent: ComponentConfig<HoursCardProps> = {
   fields: hoursCardFields,
   defaultProps: {
     hours: {
@@ -138,3 +138,5 @@ export const HoursCardComponent: ComponentConfig<HoursCardProps> = {
   label: "Hours Table",
   render: (props) => <HoursTable {...props} />,
 };
+
+export { HoursCardComponent as HoursCard, type HoursCardProps };

src/components/puck/HoursStatus.tsx

@@ -10,7 +10,7 @@ import {
   YextEntityFieldSelector,
 } from "../../index.js";
 
-export interface HoursStatusProps {
+interface HoursStatusProps {
   hours: YextEntityField<HoursType>;
   className?: string;
   showCurrentStatus?: boolean;
@@ -94,7 +94,7 @@ const HoursStatusWrapper: React.FC<HoursStatusProps> = ({
   );
 };
 
-export const HoursStatusComponent: ComponentConfig<HoursStatusProps> = {
+const HoursStatusComponent: ComponentConfig<HoursStatusProps> = {
   label: "Hours Status",
   fields: hoursStatusWrapperFields,
   defaultProps: {
@@ -110,3 +110,5 @@ export const HoursStatusComponent: ComponentConfig<HoursStatusProps> = {
   },
   render: (props) => <HoursStatusWrapper {...props} />,
 };
+
+export { HoursStatusComponent as HoursStatus, type HoursStatusProps };

src/components/puck/Image.tsx

@@ -42,8 +42,7 @@ const imageWrapperVariants = cva("", {
   },
 });
 
-export interface ImageWrapperProps
-  extends VariantProps<typeof imageWrapperVariants> {
+interface ImageWrapperProps extends VariantProps<typeof imageWrapperVariants> {
   image: YextEntityField<ImageType>;
 }
 
@@ -117,7 +116,7 @@ const ImageWrapper: React.FC<ImageWrapperProps> = ({
   );
 };
 
-export const ImageWrapperComponent: ComponentConfig<ImageWrapperProps> = {
+const ImageWrapperComponent: ComponentConfig<ImageWrapperProps> = {
   label: "Image",
   fields: imageWrapperFields,
   defaultProps: {
@@ -138,4 +137,8 @@ export const ImageWrapperComponent: ComponentConfig<ImageWrapperProps> = {
   render: (props) => <ImageWrapper {...props} />,
 };
 
-export { ImageWrapper, imageWrapperVariants };
+export {
+  ImageWrapperComponent as ImageWrapper,
+  type ImageWrapperProps,
+  imageWrapperVariants,
+};

src/components/puck/Phone.tsx

@@ -44,7 +44,7 @@ const phoneVariants = cva(
   }
 );
 
-export interface PhoneProps extends VariantProps<typeof phoneVariants> {
+interface PhoneProps extends VariantProps<typeof phoneVariants> {
   phone: YextEntityField<string>;
   format?: "domestic" | "international";
   textSize?: number;
@@ -136,7 +136,7 @@ const Phone: React.FC<PhoneProps> = ({ phone, format, fontWeight, color }) => {
   );
 };
 
-export const PhoneComponent: ComponentConfig<PhoneProps> = {
+const PhoneComponent: ComponentConfig<PhoneProps> = {
   label: "Phone",
   fields: PhoneFields,
   defaultProps: {
@@ -162,4 +162,4 @@ export const PhoneComponent: ComponentConfig<PhoneProps> = {
   render: (props) => <Phone {...props} />,
 };
 
-export { Phone, phoneVariants };
+export { PhoneComponent as Phone, type PhoneProps };

src/components/puck/Promo.tsx

@@ -18,7 +18,7 @@ import { imageWrapperVariants, ImageWrapperProps } from "./Image.js";
 
 const PLACEHOLDER_IMAGE_URL = "https://placehold.co/640x360";
 
-export interface PromoProps {
+interface PromoProps {
   orientation: "left" | "right";
   title: {
     text: YextEntityField<string>;
@@ -324,4 +324,4 @@ export const PromoComponent: ComponentConfig<PromoProps> = {
   render: (props) => <PromoWrapper {...props} />,
 };
 
-export { PromoWrapper };
+export { PromoComponent as Promo, type PromoProps };

src/components/puck/TextList.tsx

@@ -56,7 +56,7 @@ const textListVariants = cva(
   }
 );
 
-export interface TextListProps extends VariantProps<typeof textListVariants> {
+interface TextListProps extends VariantProps<typeof textListVariants> {
   list: YextEntityField<string[]>;
   textSize?: number;
 }
@@ -138,7 +138,7 @@ const TextList: React.FC<TextListProps> = ({
   );
 };
 
-export const TextListComponent: ComponentConfig<TextListProps> = {
+const TextListComponent: ComponentConfig<TextListProps> = {
   label: "Text List",
   fields: textListFields,
   defaultProps: {
@@ -164,4 +164,4 @@ export const TextListComponent: ComponentConfig<TextListProps> = {
   render: (props) => <TextList {...props} />,
 };
 
-export { TextList, textListVariants };
+export { TextListComponent as TextList, type TextListProps };

src/components/puck/index.ts

@@ -1,21 +1,15 @@
 export * from "./atoms/index.ts";
-export { AddressComponent, type AddressProps } from "./Address.tsx";
-export {
-  GetDirectionsComponent,
-  type GetDirectionsProps,
-} from "./GetDirections.tsx";
-export { BodyTextComponent, type BodyTextProps } from "./BodyText.tsx";
-export { CTAWrapperComponent, type CTAWrapperProps } from "./CtaWrapper.tsx";
-export { EmailsComponent, type EmailsProps } from "./Emails.tsx";
-export {
-  FlexContainerComponent,
-  type FlexContainerProps,
-} from "./FlexContainer.tsx";
-export { GridSectionComponent, type GridSectionProps } from "./GridSection.tsx";
-export { HeadingTextComponent, type HeadingTextProps } from "./HeadingText.tsx";
-export { HoursCardComponent, type HoursCardProps } from "./HoursTable.tsx";
-export { HoursStatusComponent, type HoursStatusProps } from "./HoursStatus.tsx";
-export { ImageWrapperComponent, type ImageWrapperProps } from "./Image.tsx";
-export { PhoneComponent, type PhoneProps } from "./Phone.tsx";
-export { TextListComponent, type TextListProps } from "./TextList.tsx";
-export { PromoComponent, type PromoProps } from "./Promo.tsx";
+export { Address, type AddressProps } from "./Address.tsx";
+export { BodyText, type BodyTextProps } from "./BodyText.tsx";
+export { CTAWrapper, type CTAWrapperProps } from "./CtaWrapper.tsx";
+export { Emails, type EmailsProps } from "./Emails.tsx";
+export { FlexContainer, type FlexContainerProps } from "./FlexContainer.tsx";
+export { GetDirections, type GetDirectionsProps } from "./GetDirections.tsx";
+export { GridSection, type GridSectionProps } from "./GridSection.tsx";
+export { HeadingText, type HeadingTextProps } from "./HeadingText.tsx";
+export { HoursCard, type HoursCardProps } from "./HoursCard.tsx";
+export { HoursStatus, type HoursStatusProps } from "./HoursStatus.tsx";
+export { ImageWrapper, type ImageWrapperProps } from "./Image.tsx";
+export { Phone, type PhoneProps } from "./Phone.tsx";
+export { Promo, type PromoProps } from "./Promo.tsx";
+export { TextList, type TextListProps } from "./TextList.tsx";