@coopdigital/react 1.20.0 → 1.21.1

package/dist/components/AlertBanner/AlertBanner.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/AlertBanner/AlertBanner.d.ts
-interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
+export interface AlertBannerProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Main content inside the banner. It can be any valid JSX or string. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -35,4 +35,4 @@ declare const AlertBannerHeading: {
   };
 };
 //#endregion
-export { AlertBanner, AlertBanner as default, AlertBannerHeading, AlertBannerProps };
+export { AlertBanner, AlertBanner as default, AlertBannerHeading };

package/dist/components/Author/Author.d.ts

@@ -2,7 +2,7 @@ import { ImageProps } from "../Image/Image.js";
 import "../Image/index.js";
 import { HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Author/Author.d.ts
-interface AuthorProps extends HTMLAttributes<HTMLDivElement> {
+export interface AuthorProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify the Author name. */
   author?: string;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -25,4 +25,4 @@ declare const Author: {
   };
 };
 //#endregion
-export { Author, Author as default, AuthorProps };
+export { Author, Author as default };

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

@@ -1,6 +1,6 @@
 import React, { ButtonHTMLAttributes, ForwardRefExoticComponent, JSX, Ref } from "react";
 //#region src/components/Button/Button.d.ts
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   /** **(Optional)** Specify a custom element to override default `a` or `button`. */
   as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
@@ -33,4 +33,4 @@ declare const Button: {
   };
 };
 //#endregion
-export { Button, Button as default, ButtonProps };
+export { Button, Button as default };

package/dist/components/Card/Card.d.ts

@@ -5,7 +5,7 @@ import "../Picture/index.js";
 import { StandardSizes } from "../../types/index.js";
 import React, { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Card/Card.d.ts
-interface CardProps extends HTMLAttributes<HTMLDivElement> {
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
   /**  **(Optional)** Specify how the Card behaves across screen sizes.
    *
    * For finer control, use utility classes or custom CSS to control flex-direction. */
@@ -178,4 +178,4 @@ declare const CardLink: {
   };
 };
 //#endregion
-export { Card, Card as default, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps };
+export { Card, Card as default, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture };

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { InputHTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Checkbox/Checkbox.d.ts
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify whether the Checkbox should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
@@ -26,4 +26,4 @@ declare const Checkbox: {
   };
 };
 //#endregion
-export { Checkbox, Checkbox as default, CheckboxProps };
+export { Checkbox, Checkbox as default };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -7,7 +7,7 @@ type OnDateSelectHandler = (selected: string | string[] | {
   from?: string;
   to?: string;
 } | undefined) => void;
-interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "onChange" | "onChangeCapture" | "size" | "type"> {
+export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onSelect" | "onChange" | "onChangeCapture" | "size" | "type"> {
   /** **(Optional)** Specify additional CSS classes to be applied to the wrapper. */
   className?: string;
   /** **(Optional)** Specify whether the picker should close when selecting a date. Has no effect in range mode. */
@@ -65,4 +65,4 @@ declare const DatePicker: {
   };
 };
 //#endregion
-export { DatePicker, DatePicker as default, DatePickerProps };
+export { DatePicker, DatePicker as default };

package/dist/components/DatePicker/datepicker-utils.d.ts

@@ -1,8 +1,7 @@
 import { Mode } from "react-day-picker";
 //#region src/components/DatePicker/datepicker-utils.d.ts
-interface DateRange {
+export interface DateRange {
   from: Date | undefined;
   to?: Date | undefined;
 }
-//#endregion
-export { DateRange };
+//#endregion

package/dist/components/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import React, { DialogHTMLAttributes, HTMLAttributes, JSX, ReactEventHandler, ReactNode, Ref } from "react";
 //#region src/components/Dialog/Dialog.d.ts
-interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "closedby"> {
+export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "closedby"> {
   /** Content inside the Dialog.
    *
    * This should be a `<Dialog.Header>` and `<Dialog.Body>`, although arbitrary JSX children are also accepted. */
@@ -92,4 +92,4 @@ declare const DialogBody: {
   };
 };
 //#endregion
-export { Dialog, Dialog as default, DialogBody, DialogHeader, DialogProps };
+export { Dialog, Dialog as default, DialogBody, DialogHeader };

package/dist/components/Expandable/Expandable.d.ts

@@ -1,6 +1,6 @@
 import { DetailsHTMLAttributes, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Expandable/Expandable.d.ts
-interface ExpandableProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
+export interface ExpandableProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
   /** Main content inside the component. This should be an `Expandable.Summary` and `Expandable.Content`. */
   children: React.ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -51,4 +51,4 @@ declare const ExpandableContent: {
   };
 };
 //#endregion
-export { Expandable, Expandable as default, ExpandableContent, ExpandableProps, ExpandableSummary };
+export { Expandable, Expandable as default, ExpandableContent, ExpandableSummary };

package/dist/components/FieldMarkers/Error.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/FieldMarkers/Error.d.ts
-interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
+export interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
   /** **(Optional)** Error text for the form element. Accepts any valid JSX or string. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -8,5 +8,4 @@ interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLSpanElement>;
 }
-//#endregion
-export { ErrorProps };
+//#endregion

package/dist/components/FieldMarkers/Hint.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/FieldMarkers/Hint.d.ts
-interface HintProps extends HTMLAttributes<HTMLDivElement> {
+export interface HintProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Hint text for the form element. Accepts any valid JSX or string. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -8,5 +8,4 @@ interface HintProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
 }
-//#endregion
-export { HintProps };
+//#endregion

package/dist/components/FieldMarkers/Label.d.ts

@@ -1,6 +1,6 @@
 import { JSX, LabelHTMLAttributes, Ref } from "react";
 //#region src/components/FieldMarkers/Label.d.ts
-interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
   /** **(Optional)** Main label for the form element. Accepts any valid JSX or string. */
   children?: string | React.ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -10,5 +10,4 @@ interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLLabelElement>;
 }
-//#endregion
-export { LabelProps };
+//#endregion

package/dist/components/FieldMarkers/Legend.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/FieldMarkers/Legend.d.ts
-interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
+export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
   /** **(Optional)** Main legend for the fieldset. Accepts any valid JSX or string. */
   children?: string | React.ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -10,5 +10,4 @@ interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLLegendElement>;
 }
-//#endregion
-export { LegendProps };
+//#endregion

package/dist/components/Fieldset/Fieldset.d.ts

@@ -4,7 +4,7 @@ import { HintProps } from "../FieldMarkers/Hint.js";
 import { LegendProps } from "../FieldMarkers/Legend.js";
 import { FieldsetHTMLAttributes, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Fieldset/Fieldset.d.ts
-interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
   /** Form elements inside the Fieldset.
    *
    * Usually this will be a combination of `Fieldset.Legend` and `Fieldset.Fields`. */
@@ -87,4 +87,4 @@ declare const FieldsetError: {
   };
 };
 //#endregion
-export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps };
+export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend };

package/dist/components/Flourish/Flourish.d.ts

@@ -1,7 +1,7 @@
 import { Black, BrandBlue, Darks, Lights, OfferRed, Tints, White } from "../../types/colors.js";
 import { JSX, ReactNode, Ref, SVGProps } from "react";
 //#region src/components/Flourish/Flourish.d.ts
-interface FlourishProps extends SVGProps<SVGSVGElement> {
+export interface FlourishProps extends SVGProps<SVGSVGElement> {
   /** Specify the text to be highlighted by the Flourish. */
   children: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -18,4 +18,4 @@ declare const Flourish: {
   };
 };
 //#endregion
-export { Flourish, Flourish as default, FlourishProps };
+export { Flourish, Flourish as default };

package/dist/components/Form/Form.d.ts

@@ -1,6 +1,6 @@
 import { FormHTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/Form/Form.d.ts
-interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
+export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
   /** **(Optional)** Main content inside the form. This will usually be a collection of Field, Fieldset and Button components. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -15,4 +15,4 @@ declare const Form: {
   };
 };
 //#endregion
-export { Form, Form as default, FormProps };
+export { Form, Form as default };

package/dist/components/Image/Image.d.ts

@@ -1,6 +1,6 @@
 import { ImgHTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Image/Image.d.ts
-interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
   /** Specify text to describe the image. Refer to Experience Library guidelines on writing good alt text. */
   alt: string;
   /** **(Optional)** Specify the height of the image. */
@@ -19,4 +19,4 @@ declare const Image: {
   };
 };
 //#endregion
-export { Image, Image as default, ImageProps };
+export { Image, Image as default };

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,6 +1,6 @@
 import { JSX, Ref, SVGProps } from "react";
 //#region src/components/LoadingSpinner/LoadingSpinner.d.ts
-interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
+export interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify a custom React ref for this component. */
@@ -10,6 +10,6 @@ interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
   /** **(Optional)** Specify LoadingSpinner stroke width. */
   strokeWidth?: string;
 }
-declare const LoadingSpinner: ({ className, ref, stroke, strokeWidth, ...props }: LoadingSpinnerProps) => JSX.Element;
+export declare const LoadingSpinner: ({ className, ref, stroke, strokeWidth, ...props }: LoadingSpinnerProps) => JSX.Element;
 //#endregion
-export { LoadingSpinner, LoadingSpinner as default, LoadingSpinnerProps };
+export { LoadingSpinner as default };

package/dist/components/Logo/Logo.d.ts

@@ -1,6 +1,6 @@
 import { JSX, SVGProps } from "react";
 //#region src/components/Logo/Logo.d.ts
-interface LogoProps extends SVGProps<SVGSVGElement> {
+export interface LogoProps extends SVGProps<SVGSVGElement> {
   /** **(Optional)** Specify the Logo alternative text. */
   alt?: string;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -14,6 +14,6 @@ interface LogoProps extends SVGProps<SVGSVGElement> {
   /** **(Optional)** Specify the Logo width. */
   width?: number;
 }
-declare const Logo: ({ alt, className, fill, height, id, ref, width, ...props }: LogoProps) => JSX.Element;
+export declare const Logo: ({ alt, className, fill, height, id, ref, width, ...props }: LogoProps) => JSX.Element;
 //#endregion
-export { Logo, Logo as default, LogoProps };
+export { Logo as default };

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -2,7 +2,7 @@ import { TextInputProps } from "../TextInput/TextInput.js";
 import "../TextInput/index.js";
 import { JSX } from "react";
 //#region src/components/PasswordInput/PasswordInput.d.ts
-interface PasswordInputProps extends Omit<TextInputProps, "prefix" | "prefixInline" | "suffix" | "suffixInline" | "type"> {
+export interface PasswordInputProps extends Omit<TextInputProps, "prefix" | "prefixInline" | "suffix" | "suffixInline" | "type"> {
   /**
    * **(Optional)** Specify if the show/hide toggle button should be shown.
    *
@@ -18,4 +18,4 @@ declare const PasswordInput: {
   };
 };
 //#endregion
-export { PasswordInput, PasswordInput as default, PasswordInputProps };
+export { PasswordInput, PasswordInput as default };

package/dist/components/Picture/Picture.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/Picture/Picture.d.ts
-interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
+export interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
   /** **(Optional)** Content inside the component. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes. */
@@ -10,6 +10,6 @@ interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLPictureElement>;
 }
-declare const Picture: ({ children, className, crop, ref, ...props }: PictureProps) => JSX.Element;
+export declare const Picture: ({ children, className, crop, ref, ...props }: PictureProps) => JSX.Element;
 //#endregion
-export { Picture, Picture as default, PictureProps };
+export { Picture as default };

package/dist/components/Pill/Pill.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Pill/Pill.d.ts
-interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
+export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specify a custom element to override default `a` or `span`. */
   as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
@@ -40,4 +40,4 @@ declare const PillBadge: {
   };
 };
 //#endregion
-export { Pill, Pill as default, PillBadge, PillProps };
+export { Pill, Pill as default, PillBadge };

package/dist/components/Prose/Prose.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/Prose/Prose.d.ts
-interface ProseProps extends HTMLAttributes<HTMLDivElement> {
+export interface ProseProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
   children?: string | ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -23,6 +23,6 @@ interface ProseProps extends HTMLAttributes<HTMLDivElement> {
    */
   spacing?: StandardSizes;
 }
-declare const Prose: ({ children, className, full, ref, size, spacing, ...props }: ProseProps) => JSX.Element;
+export declare const Prose: ({ children, className, full, ref, size, spacing, ...props }: ProseProps) => JSX.Element;
 //#endregion
-export { Prose, Prose as default, ProseProps };
+export { Prose as default };

package/dist/components/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { InputHTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Radio/Radio.d.ts
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify whether the Radio should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility.  */
@@ -26,4 +26,4 @@ declare const Radio: {
   };
 };
 //#endregion
-export { Radio, Radio as default, RadioProps };
+export { Radio, Radio as default };

package/dist/components/Searchbox/Searchbox.d.ts

@@ -5,7 +5,7 @@ import { TextInputProps } from "../TextInput/TextInput.js";
 import "../TextInput/index.js";
 import React, { FormHTMLAttributes, JSX, RefObject } from "react";
 //#region src/components/Searchbox/Searchbox.d.ts
-interface SearchboxProps extends FormHTMLAttributes<HTMLFormElement> {
+export interface SearchboxProps extends FormHTMLAttributes<HTMLFormElement> {
   /** **(Optional)** Specify a server endpoint to submit the form. Will be ignored if onSubmit is also set. */
   action?: string;
   /** **(Optional)** Specify props to forward to the Button element. Use `label` to set Button text. */
@@ -53,4 +53,4 @@ declare const SearchboxInput: {
   displayName: string;
 };
 //#endregion
-export { Searchbox, Searchbox as default, SearchboxButton, SearchboxInput, SearchboxProps };
+export { Searchbox, Searchbox as default, SearchboxButton, SearchboxInput };

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

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { JSX, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes } from "react";
 //#region src/components/Select/Select.d.ts
-interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size"> {
   /** **(Optional)** Options inside the Select. This should be a set of `Select.Option` or `Select.OptionGroup` components.  */
   children?: ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
@@ -70,4 +70,4 @@ declare const SelectOption: {
   };
 };
 //#endregion
-export { Select, Select as default, SelectOption, SelectOptionGroup, SelectProps };
+export { Select, Select as default, SelectOption, SelectOptionGroup };

package/dist/components/Signpost/Signpost.d.ts

@@ -2,7 +2,7 @@ import { ImageProps } from "../Image/Image.js";
 import "../Image/index.js";
 import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Signpost/Signpost.d.ts
-interface SignpostProps extends HTMLAttributes<HTMLDivElement> {
+export interface SignpostProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify a custom element to override default `a`. */
   as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
   /** Main content inside the component. It can be any valid JSX or string. */
@@ -28,4 +28,4 @@ declare const Signpost: {
   };
 };
 //#endregion
-export { Signpost, Signpost as default, SignpostProps };
+export { Signpost, Signpost as default };

package/dist/components/SkipNav/SkipNav.d.ts

@@ -4,7 +4,7 @@ interface SkipNavLink {
   href: string;
   label: string;
 }
-interface SkipNavProps extends HTMLAttributes<HTMLDivElement> {
+export interface SkipNavProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify whether the SkipNav is visible immediately or only when tabbing. Useful for testing purposes only. */
@@ -22,4 +22,4 @@ declare const SkipNav: {
   };
 };
 //#endregion
-export { SkipNav, SkipNav as default, SkipNavProps };
+export { SkipNav, SkipNav as default };

package/dist/components/Squircle/Squircle.d.ts

@@ -1,20 +1,24 @@
-import { HTMLAttributes, JSX, Ref } from "react";
+import { HTMLAttributes, JSX, Ref, SVGAttributes } from "react";
 //#region src/components/Squircle/Squircle.d.ts
-interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
+export interface SquircleProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
   children?: React.ReactNode;
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
+}
+export interface SquircleSvgProps extends SVGAttributes<SVGElement> {
   /** **(Optional)** Specify the Squircle size. */
-  size?: "sm" | "md" | "lg";
+  size?: string | number;
 }
 declare const Squircle: {
-  ({ children, className, ref, size, ...props }: SquircleProps): JSX.Element;
+  ({ children, className, ref, ...props }: SquircleProps): JSX.Element;
+  Svg: ({ size, ...props }: SquircleSvgProps) => JSX.Element;
+  Text: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => JSX.Element;
   slot: {
     name: string;
   };
 };
 //#endregion
-export { Squircle, Squircle as default, SquircleProps };
+export { Squircle, Squircle as default };

package/dist/components/Squircle/Squircle.js

@@ -1,19 +1,49 @@
-import { hasUserBg } from "../../utils/index.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Squircle/Squircle.tsx
-const Squircle = ({ children, className, ref, size = "md", ...props }) => {
+const Squircle = ({ children, className, ref, ...props }) => {
 	const componentProps = {
-		className: clsx("coop-squircle", !hasUserBg(className) && "bg-offer", className),
-		"data-size": size.length && size !== "md" ? size : void 0,
+		className: clsx("coop-squircle", className),
 		...props
 	};
 	return /* @__PURE__ */ jsx("figure", {
 		...componentProps,
 		ref,
-		children: /* @__PURE__ */ jsx("figcaption", { children })
+		children
 	});
 };
+const sizeMap = {
+	sm: "32",
+	md: "64",
+	lg: "96"
+};
+const SquircleSvg = ({ size, ...props }) => {
+	const safeSize = sizeMap[size] ?? size ?? "64";
+	return /* @__PURE__ */ jsx("svg", {
+		height: safeSize,
+		width: safeSize,
+		...props,
+		"aria-hidden": "true",
+		viewBox: "0 0 64 64",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M0,32 C0,10.56,10.56,0,32,0 S64,10.56,64,32 S53.44,64,32,64 S0,53.44,0,32",
+			vectorEffect: "non-scaling-stroke"
+		})
+	});
+};
+const SquircleText = ({ children, className, ...props }) => {
+	const componentProps = {
+		className,
+		...props
+	};
+	return /* @__PURE__ */ jsx("figcaption", {
+		...componentProps,
+		children
+	});
+};
+Squircle.Svg = SquircleSvg;
+Squircle.Text = SquircleText;
 Squircle.slot = { name: "Squircle" };
 //#endregion
 export { Squircle, Squircle as default };

package/dist/components/Squircle/index.d.ts

@@ -1,2 +1,2 @@
-import { Squircle, SquircleProps } from "./Squircle.js";
-export { Squircle, Squircle as default, SquircleProps };
+import { Squircle, SquircleProps, SquircleSvgProps } from "./Squircle.js";
+export { Squircle, Squircle as default, SquircleProps, SquircleSvgProps };

package/dist/components/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
 //#region src/components/Tag/Tag.d.ts
-interface TagProps extends HTMLAttributes<HTMLAnchorElement> {
+export interface TagProps extends HTMLAttributes<HTMLAnchorElement> {
   /** **(Optional)** Specify a custom element to override default `a` or `span`. */
   as?: React.FC<any> | ForwardRefExoticComponent<any> | string;
   /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
@@ -21,4 +21,4 @@ declare const Tag: {
   };
 };
 //#endregion
-export { Tag, Tag as default, TagProps };
+export { Tag, Tag as default };

package/dist/components/TextInput/TextInput.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { InputHTMLAttributes, JSX, Ref } from "react";
 //#region src/components/TextInput/TextInput.d.ts
-interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "size" | "type"> {
+export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "size" | "type"> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** **(Optional)** Specify whether the TextInput should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
@@ -42,4 +42,4 @@ declare const TextInput: {
   };
 };
 //#endregion
-export { TextInput, TextInput as default, TextInputProps };
+export { TextInput, TextInput as default };

package/dist/components/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
 import { StandardSizes } from "../../types/index.js";
 import { JSX, Ref, TextareaHTMLAttributes } from "react";
 //#region src/components/Textarea/Textarea.d.ts
-interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
   /** **(Optional)** Specify additional CSS classes to be applied to the component. */
   className?: string;
   /** Specify the number of columns (characters per row) in the Textarea. Defaults to `30`. */
@@ -45,4 +45,4 @@ declare const Textarea: {
   };
 };
 //#endregion
-export { Textarea, Textarea as default, TextareaProps };
+export { Textarea, Textarea as default };

package/dist/components/ValidationSummary/ValidationSummary.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, JSX, ReactNode, Ref } from "react";
 //#region src/components/ValidationSummary/ValidationSummary.d.ts
-interface ValidationSummaryProps extends HTMLAttributes<HTMLDivElement> {
+export interface ValidationSummaryProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify if the summary should be focused and the parent form scrolled into view if there are errors.
    *
    * Default: true
@@ -91,4 +91,4 @@ declare const ValidationSummaryErrors: {
   };
 };
 //#endregion
-export { ValidationSummary, ValidationSummary as default, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps };
+export { ValidationSummary, ValidationSummary as default, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt };

package/dist/components/icons/AccountCircleFilledIcon.d.ts

@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
-declare const AccountCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
-export { AccountCircleFilledIcon };
+export declare const AccountCircleFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion

package/dist/components/icons/AccountCircleIcon.d.ts

@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
-declare const AccountCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
-export { AccountCircleIcon };
+export declare const AccountCircleIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion

package/dist/components/icons/AccountFilledIcon.d.ts

@@ -3,6 +3,5 @@ import { JSX, SVGProps } from "react";
 interface IconProps extends SVGProps<SVGSVGElement> {
   alt?: string;
 }
-declare const AccountFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
-//#endregion
-export { AccountFilledIcon };
+export declare const AccountFilledIcon: ({ alt, className, fill, id, ref, ...props }: IconProps) => JSX.Element;
+//#endregion