@coopdigital/react 1.31.0 → 1.32.0

package/dist/components/Dialog/Dialog.js

@@ -5,7 +5,7 @@ import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useRef } from "react";
 import mergeRefs from "merge-refs";
-//#region src/components/Dialog/Dialog.tsx
+// src/components/Dialog/Dialog.tsx
 const DialogContext = createContext({ ref: null });
 const useDialog = () => {
 	const ctx = useContext(DialogContext);
@@ -112,5 +112,4 @@ DialogHeader.slot = { name: "DialogHeader" };
 DialogBody.slot = { name: "DialogBody" };
 Dialog.Header = DialogHeader;
 Dialog.Body = DialogBody;
-//#endregion
 export { Dialog, Dialog as default, DialogBody, DialogHeader };

package/dist/components/Dialog/index.js

@@ -1,5 +1,4 @@
 import { Dialog, DialogBody, DialogHeader } from "./Dialog.js";
-//#region src/components/Dialog/index.ts
+// src/components/Dialog/index.ts
 var Dialog_default = Dialog;
-//#endregion
 export { Dialog, DialogBody, DialogHeader, Dialog_default as default };

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

@@ -1,5 +1,4 @@
 import { DetailsHTMLAttributes, HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Expandable/Expandable.d.ts
 export interface ExpandableProps extends DetailsHTMLAttributes<HTMLDetailsElement> {
   /** Content inside the component.
    *
@@ -52,5 +51,4 @@ declare const ExpandableContent: {
     name: string;
   };
 };
-//#endregion
 export { Expandable, Expandable as default, ExpandableContent, ExpandableSummary };

package/dist/components/Expandable/Expandable.js

@@ -3,7 +3,7 @@ import { hasUserBg } from "../../utils/classes.js";
 import { useSlots } from "../../hooks/useSlots.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Expandable/Expandable.tsx
+// src/components/Expandable/Expandable.tsx
 const componentSlots = {
 	ExpandableContent: null,
 	ExpandableSummary: null
@@ -42,5 +42,4 @@ ExpandableSummary.slot = { name: "ExpandableSummary" };
 ExpandableContent.slot = { name: "ExpandableContent" };
 Expandable.Summary = ExpandableSummary;
 Expandable.Content = ExpandableContent;
-//#endregion
 export { Expandable, Expandable as default, ExpandableContent, ExpandableSummary };

package/dist/components/Expandable/index.js

@@ -1,5 +1,4 @@
 import { Expandable, ExpandableContent, ExpandableSummary } from "./Expandable.js";
-//#region src/components/Expandable/index.ts
+// src/components/Expandable/index.ts
 var Expandable_default = Expandable;
-//#endregion
 export { Expandable, ExpandableContent, ExpandableSummary, Expandable_default as default };

package/dist/components/Field/Field.context.js

@@ -1,10 +1,9 @@
 "use client";
 import { joinIds } from "../FieldMarkers/fieldmarkers-internal.js";
 import { createContext, useContext } from "react";
-//#region src/components/Field/Field.context.ts
+// src/components/Field/Field.context.ts
 const FieldContext = createContext(null);
 const useField = () => useContext(FieldContext);
 const getDescribedBy = (describedBy, field) => joinIds(field?.describedBy, describedBy);
 const getFieldError = (error, field) => error ?? field?.error ?? false;
-//#endregion
 export { FieldContext, getDescribedBy, getFieldError, useField };

package/dist/components/Field/Field.d.ts

@@ -2,7 +2,6 @@ import { ErrorProps } from "../FieldMarkers/Error.js";
 import { HintProps } from "../FieldMarkers/Hint.js";
 import { LabelProps } from "../FieldMarkers/Label.js";
 import React, { HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Field/Field.d.ts
 interface FieldProps extends HTMLAttributes<HTMLDivElement> {
   /** Specify whether the Field should render inside a box. */
   boxed?: boolean;
@@ -61,5 +60,4 @@ declare const FieldError: {
     name: string;
   };
 };
-//#endregion
 export { Field, Field as default, FieldError, FieldHint, FieldLabel };

package/dist/components/Field/Field.js

@@ -10,7 +10,7 @@ import { useFieldset } from "../Fieldset/Fieldset.context.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import "react";
-//#region src/components/Field/Field.tsx
+// src/components/Field/Field.tsx
 const Field = ({ boxed = false, children, className, error: errorProp, hideErrorBar = false, ref, ...props }) => {
 	const internalId = useId$1();
 	const fieldset = useFieldset();
@@ -74,5 +74,4 @@ FieldError.slot = { name: "FieldError" };
 Field.Label = FieldLabel;
 Field.Hint = FieldHint;
 Field.Error = FieldError;
-//#endregion
 export { Field, Field as default, FieldError, FieldHint, FieldLabel };

package/dist/components/Field/index.js

@@ -1,5 +1,4 @@
 import { Field, FieldError, FieldHint, FieldLabel } from "./Field.js";
-//#region src/components/Field/index.ts
+// src/components/Field/index.ts
 var Field_default = Field;
-//#endregion
 export { Field, FieldError, FieldHint, FieldLabel, Field_default as default };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/FieldMarkers/Error.d.ts
 export interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
   /** Content inside the component. */
   children?: ReactNode;
@@ -7,5 +6,4 @@ export interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
   className?: string;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLSpanElement>;
-}
-//#endregion
+}

package/dist/components/FieldMarkers/Error.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/FieldMarkers/Error.tsx
+// src/components/FieldMarkers/Error.tsx
 const Error = ({ children, className, ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-field-error ", className),
@@ -19,5 +19,4 @@ const Error = ({ children, className, ref, ...props }) => {
 		]
 	});
 };
-//#endregion
 export { Error, Error as default };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/FieldMarkers/Hint.d.ts
 export interface HintProps extends HTMLAttributes<HTMLDivElement> {
   /** Content inside the component. */
   children?: ReactNode;
@@ -7,5 +6,4 @@ export interface HintProps extends HTMLAttributes<HTMLDivElement> {
   className?: string;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLDivElement>;
-}
-//#endregion
+}

package/dist/components/FieldMarkers/Hint.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FieldMarkers/Hint.tsx
+// src/components/FieldMarkers/Hint.tsx
 const Hint = ({ children, className, ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-field-hint ", className),
@@ -12,5 +12,4 @@ const Hint = ({ children, className, ref, ...props }) => {
 		children
 	});
 };
-//#endregion
 export { Hint, Hint as default };

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

@@ -1,5 +1,4 @@
 import { JSX, LabelHTMLAttributes, Ref } from "react";
-//#region src/components/FieldMarkers/Label.d.ts
 export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
   /** Content inside the component. */
   children?: React.ReactNode;
@@ -9,5 +8,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
   isVisible?: boolean;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLLabelElement>;
-}
-//#endregion
+}

package/dist/components/FieldMarkers/Label.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/FieldMarkers/Label.tsx
+// src/components/FieldMarkers/Label.tsx
 const Label = ({ children, className, isVisible = true, ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-field-label", !isVisible && "sr-only", className),
@@ -12,5 +12,4 @@ const Label = ({ children, className, isVisible = true, ref, ...props }) => {
 		children: /* @__PURE__ */ jsx("span", { children })
 	});
 };
-//#endregion
 export { Label, Label as default };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/FieldMarkers/Legend.d.ts
 export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
   /** Content inside the component. */
   children?: React.ReactNode;
@@ -9,5 +8,4 @@ export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
   isVisible?: boolean;
   /** Specify a custom React ref for this component. */
   ref?: Ref<HTMLLegendElement>;
-}
-//#endregion
+}

package/dist/components/FieldMarkers/Legend.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/FieldMarkers/Legend.tsx
+// src/components/FieldMarkers/Legend.tsx
 const Legend = ({ children, className, isVisible = true, ref, ...props }) => {
 	const componentProps = {
 		"aria-hidden": true,
@@ -16,5 +16,4 @@ const Legend = ({ children, className, isVisible = true, ref, ...props }) => {
 		children
 	})] });
 };
-//#endregion
 export { Legend, Legend as default };

package/dist/components/FieldMarkers/fieldmarkers-internal.js

@@ -1,4 +1,4 @@
-//#region src/components/FieldMarkers/fieldmarkers-internal.ts
+// src/components/FieldMarkers/fieldmarkers-internal.ts
 const joinIds = (...ids) => ids.filter(Boolean).join(" ") || void 0;
 const getMarkerIds = (markers, baseId) => {
 	const hintId = markers.hint?.id ?? `${baseId}_hint`;
@@ -9,5 +9,4 @@ const getMarkerIds = (markers, baseId) => {
 		hintId
 	};
 };
-//#endregion
 export { getMarkerIds, joinIds };

package/dist/components/Fieldset/Fieldset.context.js

@@ -1,7 +1,6 @@
 "use client";
 import { createContext, useContext } from "react";
-//#region src/components/Fieldset/Fieldset.context.ts
+// src/components/Fieldset/Fieldset.context.ts
 const FieldsetContext = createContext(null);
 const useFieldset = () => useContext(FieldsetContext);
-//#endregion
 export { FieldsetContext, useFieldset };

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

@@ -2,7 +2,6 @@ import { ErrorProps } from "../FieldMarkers/Error.js";
 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
 export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
   /** Content inside the component.
    *
@@ -83,5 +82,4 @@ declare const FieldsetError: {
     name: string;
   };
 };
-//#endregion
 export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend };

package/dist/components/Fieldset/Fieldset.js

@@ -8,7 +8,7 @@ import { FieldsetContext, useFieldset } from "./Fieldset.context.js";
 import { Legend } from "../FieldMarkers/Legend.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Fieldset/Fieldset.tsx
+// src/components/Fieldset/Fieldset.tsx
 const Fieldset = ({ "aria-describedby": ariaDescribedBy, children, className, disabled, error = false, group = false, hideErrorBar = false, id, ref, ...props }) => {
 	const uid = useId(id);
 	const markers = {};
@@ -69,5 +69,4 @@ Fieldset.Error = FieldsetError;
 Fieldset.Fields = FieldsetFields;
 Fieldset.Hint = FieldsetHint;
 Fieldset.Legend = FieldsetLegend;
-//#endregion
 export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend };

package/dist/components/Fieldset/index.js

@@ -1,5 +1,4 @@
 import { Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend } from "./Fieldset.js";
-//#region src/components/Fieldset/index.ts
+// src/components/Fieldset/index.ts
 var Fieldset_default = Fieldset;
-//#endregion
 export { Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Fieldset_default as default };

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

@@ -1,6 +1,5 @@
 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
 export interface FlourishProps extends SVGProps<SVGSVGElement> {
   /** Content inside the component. */
   children?: ReactNode;
@@ -17,5 +16,4 @@ declare const Flourish: {
     name: string;
   };
 };
-//#endregion
 export { Flourish, Flourish as default };

package/dist/components/Flourish/Flourish.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Flourish/Flourish.tsx
+// src/components/Flourish/Flourish.tsx
 const Flourish = ({ children, className, fill = "brand-blue", ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-flourish", className),
@@ -18,5 +18,4 @@ const Flourish = ({ children, className, fill = "brand-blue", ref, ...props }) =
 	});
 };
 Flourish.slot = { name: "Flourish" };
-//#endregion
 export { Flourish, Flourish as default };

package/dist/components/Flourish/index.js

@@ -1,5 +1,4 @@
 import { Flourish } from "./Flourish.js";
-//#region src/components/Flourish/index.ts
+// src/components/Flourish/index.ts
 var Flourish_default = Flourish;
-//#endregion
 export { Flourish, Flourish_default as default };

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

@@ -1,6 +1,5 @@
 import { StandardSizes } from "../../types/index.js";
 import { FormHTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/Form/Form.d.ts
 export interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
   /** Content inside the component. */
   children?: ReactNode;
@@ -20,5 +19,4 @@ declare const Form: {
     name: string;
   };
 };
-//#endregion
 export { Form, Form as default };

package/dist/components/Form/Form.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Form/Form.tsx
+// src/components/Form/Form.tsx
 const Form = ({ children, className, ref, spacing, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-form", className),
@@ -14,5 +14,4 @@ const Form = ({ children, className, ref, spacing, ...props }) => {
 	});
 };
 Form.slot = { name: "Form" };
-//#endregion
 export { Form, Form as default };

package/dist/components/Form/index.js

@@ -1,5 +1,4 @@
 import { Form } from "./Form.js";
-//#region src/components/Form/index.ts
+// src/components/Form/index.ts
 var Form_default = Form;
-//#endregion
 export { Form, Form_default as default };

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

@@ -1,5 +1,4 @@
 import { ImgHTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Image/Image.d.ts
 export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
   /** Specify text to describe the Image. */
   alt: string;
@@ -14,5 +13,4 @@ declare const Image: {
     name: string;
   };
 };
-//#endregion
 export { Image, Image as default };

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Image/Image.tsx
+// src/components/Image/Image.tsx
 const getContentfulParams = ({ height, src, width }) => {
 	width = width.toString();
 	height = height ? height?.toString() : void 0;
@@ -44,5 +44,4 @@ const Image = ({ alt, height, ref, src, width = "640", ...props }) => {
 	});
 };
 Image.slot = { name: "Image" };
-//#endregion
 export { Image, Image as default };

package/dist/components/Image/index.js

@@ -1,5 +1,4 @@
 import { Image } from "./Image.js";
-//#region src/components/Image/index.ts
+// src/components/Image/index.ts
 var Image_default = Image;
-//#endregion
 export { Image, Image_default as default };

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

@@ -1,5 +1,4 @@
 import { JSX, Ref, SVGProps } from "react";
-//#region src/components/LoadingSpinner/LoadingSpinner.d.ts
 export interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
   /** Specify additional CSS classes. */
   className?: string;
@@ -7,5 +6,4 @@ export interface LoadingSpinnerProps extends SVGProps<SVGSVGElement> {
   ref?: Ref<SVGSVGElement>;
 }
 export declare const LoadingSpinner: ({ className, ref, stroke, strokeWidth, ...props }: LoadingSpinnerProps) => JSX.Element;
-//#endregion
 export { LoadingSpinner as default };

package/dist/components/LoadingSpinner/LoadingSpinner.js

@@ -1,7 +1,7 @@
 import { LoadingIcon } from "../icons/LoadingIcon.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/LoadingSpinner/LoadingSpinner.tsx
+// src/components/LoadingSpinner/LoadingSpinner.tsx
 const LoadingSpinner = ({ className, ref, stroke = "currentColor", strokeWidth = "1px", ...props }) => {
 	const componentProps = {
 		className: clsx("coop-loading-spinner", className),
@@ -14,5 +14,4 @@ const LoadingSpinner = ({ className, ref, stroke = "currentColor", strokeWidth =
 		ref
 	});
 };
-//#endregion
 export { LoadingSpinner, LoadingSpinner as default };

package/dist/components/LoadingSpinner/index.js

@@ -1,5 +1,4 @@
 import { LoadingSpinner } from "./LoadingSpinner.js";
-//#region src/components/LoadingSpinner/index.ts
+// src/components/LoadingSpinner/index.ts
 var LoadingSpinner_default = LoadingSpinner;
-//#endregion
 export { LoadingSpinner, LoadingSpinner_default as default };

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

@@ -1,5 +1,4 @@
 import { JSX, SVGProps } from "react";
-//#region src/components/Logo/Logo.d.ts
 export interface LogoProps extends SVGProps<SVGSVGElement> {
   /** Specify alternative text for the Logo.
    *
@@ -14,5 +13,4 @@ export interface LogoProps extends SVGProps<SVGSVGElement> {
   fill?: "white" | "black" | "brand-blue";
 }
 export declare const Logo: ({ alt, className, fill, height, id, ref, width, ...props }: LogoProps) => JSX.Element;
-//#endregion
 export { Logo as default };

package/dist/components/Logo/Logo.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Logo/Logo.tsx
+// src/components/Logo/Logo.tsx
 const Logo = ({ alt = "Co-op", className, fill = "brand-blue", height, id, ref, width, ...props }) => {
 	const componentProps = {
 		alt,
@@ -19,5 +19,4 @@ const Logo = ({ alt = "Co-op", className, fill = "brand-blue", height, id, ref,
 		children: [/* @__PURE__ */ jsx("title", { children: alt }), /* @__PURE__ */ jsx("path", { d: "M37.8 8.8c0-1.4-.2-2.8-.6-4.2-.5-1.7-1.8-3-3.4-3.7a14.9 14.9 0 0 0-10.2 0c-1.7.6-2.9 2-3.4 3.7-.8 2.8-.8 5.7 0 8.5.5 1.7 1.8 3 3.4 3.7 1.6.6 3.4.9 5.1.8 1.7 0 3.5-.3 5.1-.8 1.7-.6 2.9-2 3.4-3.7.4-1.5.6-2.9.6-4.3zm-5.5 0c0 .7-.1 1.4-.3 2-.3.9-1 1.6-2 1.8-.9.2-1.8.2-2.6 0-.9-.2-1.7-.8-2-1.8-.4-1.3-.4-2.8 0-4.1.3-.9 1-1.6 2-1.8.9-.2 1.8-.2 2.6 0 .9.2 1.7.8 2 1.8.2.7.3 1.4.3 2.1m-14.6 23c.8-2.8.8-5.7 0-8.5-.5-1.7-1.8-3-3.4-3.7a14.9 14.9 0 0 0-10.2 0c-1.7.6-2.9 2-3.4 3.7-.8 2.8-.8 5.7 0 8.5.5 1.7 1.8 3 3.4 3.7 3.3 1.2 6.9 1.2 10.2 0 1.6-.6 2.9-2 3.4-3.7m-4.9-4.2c0 .7-.1 1.4-.3 2-.3.9-1 1.6-2 1.8-.9.2-1.8.2-2.6 0-.9-.2-1.7-.8-2-1.8-.4-1.4-.4-2.8 0-4.1.3-.9 1-1.6 2-1.8.9-.2 1.8-.2 2.6 0 .9.2 1.7.8 2 1.8.2.7.3 1.4.3 2.1m0-18.9h5.5c0-1.4-.2-2.8-.6-4.2-.5-1.7-1.8-3-3.4-3.7C11-.3 7.4-.3 4.1.9c-1.7.6-2.9 2-3.4 3.7-.8 2.8-.8 5.7 0 8.5.5 1.7 1.8 3 3.4 3.7 1.6.6 3.4.8 5.1.8s3.5-.3 5.1-.8c1.7-.6 2.9-2 3.4-3.7.1-.2.1-.5.2-.7L12.7 10c-.1.3-.1.6-.2.9-.3.9-1 1.6-2 1.8-.9.2-1.8.2-2.6 0-.9-.2-1.7-.8-2-1.8-.4-1.4-.4-2.9 0-4.2.3-.9 1-1.6 2-1.8.9-.2 1.8-.2 2.6 0 .9.2 1.7.8 2 1.8.2.7.3 1.3.3 2m7.4 14.6c-.4 1.4-.6 2.8-.6 4.2V40h5.5V27.6c0-.7.1-1.4.3-2 .3-.9 1-1.6 2-1.8.9-.2 1.8-.2 2.6 0 .9.2 1.7.8 2 1.8.4 1.4.4 2.8 0 4.1-.3.9-1 1.6-1.9 1.8-.9.2-1.8.2-2.6 0-.2-.1-.4-.1-.5-.2l1.9 5.1c1.7 0 3.5-.3 5.1-.8 1.7-.6 2.9-2 3.4-3.7.8-2.8.8-5.7 0-8.5-.5-1.7-1.8-3-3.4-3.7a14.9 14.9 0 0 0-10.2 0c-1.9.6-3.1 2-3.6 3.6" })]
 	});
 };
-//#endregion
 export { Logo, Logo as default };

package/dist/components/Logo/index.js

@@ -1,5 +1,4 @@
 import { Logo } from "./Logo.js";
-//#region src/components/Logo/index.ts
+// src/components/Logo/index.ts
 var Logo_default = Logo;
-//#endregion
 export { Logo, Logo_default as default };

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

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

package/dist/components/PasswordInput/PasswordInput.js

@@ -4,7 +4,7 @@ import { useField } from "../Field/Field.context.js";
 import { TextInput } from "../TextInput/TextInput.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-//#region src/components/PasswordInput/PasswordInput.tsx
+// src/components/PasswordInput/PasswordInput.tsx
 const PasswordInput = ({ disabled, id, ref, showToggle = false, size, ...props }) => {
 	const [isVisible, setIsVisible] = useState(false);
 	const field = useField();
@@ -51,5 +51,4 @@ PasswordInput.slot = {
 	field: true,
 	name: "PasswordInput"
 };
-//#endregion
 export { PasswordInput, PasswordInput as default };

package/dist/components/PasswordInput/index.js

@@ -1,5 +1,4 @@
 import { PasswordInput } from "./PasswordInput.js";
-//#region src/components/PasswordInput/index.ts
+// src/components/PasswordInput/index.ts
 var PasswordInput_default = PasswordInput;
-//#endregion
 export { PasswordInput, PasswordInput_default as default };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/Picture/Picture.d.ts
 export interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
   /** Content inside the component.
    *
@@ -13,5 +12,4 @@ export interface PictureProps extends HTMLAttributes<HTMLPictureElement> {
   ref?: Ref<HTMLPictureElement>;
 }
 export declare const Picture: ({ children, className, crop, ref, ...props }: PictureProps) => JSX.Element;
-//#endregion
 export { Picture as default };

package/dist/components/Picture/Picture.js

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/Picture/Picture.tsx
+// src/components/Picture/Picture.tsx
 const Picture = ({ children, className, crop, ref, ...props }) => {
 	const componentProps = {
 		className: clsx("coop-picture", className),
@@ -13,5 +13,4 @@ const Picture = ({ children, className, crop, ref, ...props }) => {
 		children
 	});
 };
-//#endregion
 export { Picture, Picture as default };

package/dist/components/Picture/index.js

@@ -1,5 +1,4 @@
 import { Picture } from "./Picture.js";
-//#region src/components/Picture/index.ts
+// src/components/Picture/index.ts
 var Picture_default = Picture;
-//#endregion
 export { Picture, Picture_default as default };

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

@@ -1,6 +1,5 @@
 import { StandardSizes } from "../../types/index.js";
 import React, { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
-//#region src/components/Pill/Pill.d.ts
 export interface PillProps extends HTMLAttributes<HTMLAnchorElement> {
   /** Specify a custom element for the component.
    *
@@ -44,5 +43,4 @@ declare const PillBadge: {
     name: string;
   };
 };
-//#endregion
 export { Pill, Pill as default, PillBadge };

package/dist/components/Pill/Pill.js

@@ -3,7 +3,7 @@ import { useSlots } from "../../hooks/useSlots.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-//#region src/components/Pill/Pill.tsx
+// src/components/Pill/Pill.tsx
 const componentSlots = {
 	Children: null,
 	PillBadge: null
@@ -31,5 +31,4 @@ const PillBadge = ({ children, className }) => {
 Pill.slot = { name: "Pill" };
 PillBadge.slot = { name: "PillBadge" };
 Pill.Badge = PillBadge;
-//#endregion
 export { Pill, Pill as default, PillBadge };

package/dist/components/Pill/index.js

@@ -1,5 +1,4 @@
 import { Pill, PillBadge } from "./Pill.js";
-//#region src/components/Pill/index.ts
+// src/components/Pill/index.ts
 var Pill_default = Pill;
-//#endregion
 export { Pill, PillBadge, Pill_default as default };

package/dist/components/Popover/Popover.d.ts

@@ -1,6 +1,5 @@
 import { JSX, ReactNode, Ref } from "react";
 import { PopoverAnchorProps, PopoverCloseProps, PopoverContentProps, PopoverProps, PopoverTriggerProps } from "@radix-ui/react-popover";
-//#region src/components/Popover/Popover.d.ts
 interface PopoverProps$1 extends PopoverProps {
   /** Content inside the component.
    *
@@ -110,5 +109,4 @@ declare const PopoverAnchor: {
     name: string;
   };
 };
-//#endregion
 export { Popover, Popover as default, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps$1 as PopoverProps, PopoverTrigger };

package/dist/components/Popover/Popover.js

@@ -3,7 +3,7 @@ import { useSlots } from "../../hooks/useSlots.js";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as RadixPopover from "@radix-ui/react-popover";
-//#region src/components/Popover/Popover.tsx
+// src/components/Popover/Popover.tsx
 const componentSlots = {
 	PopoverAnchor: null,
 	PopoverContent: null,
@@ -81,5 +81,4 @@ Popover.Trigger = PopoverTrigger;
 Popover.Content = PopoverContent;
 Popover.Close = PopoverClose;
 Popover.Anchor = PopoverAnchor;
-//#endregion
 export { Popover, Popover as default, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/components/Popover/index.js

@@ -1,5 +1,4 @@
 import { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from "./Popover.js";
-//#region src/components/Popover/index.ts
+// src/components/Popover/index.ts
 var Popover_default = Popover;
-//#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Popover_default as default };

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

@@ -1,6 +1,5 @@
 import { StandardSizes } from "../../types/index.js";
 import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-//#region src/components/Prose/Prose.d.ts
 export interface ProseProps extends HTMLAttributes<HTMLDivElement> {
   /** Content inside the component. */
   children?: ReactNode;
@@ -24,5 +23,4 @@ export interface ProseProps extends HTMLAttributes<HTMLDivElement> {
   spacing?: StandardSizes;
 }
 export declare const Prose: ({ children, className, full, ref, size, spacing, ...props }: ProseProps) => JSX.Element;
-//#endregion
 export { Prose as default };