@coopdigital/react 1.12.0 → 1.13.0

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

@@ -1,54 +1,56 @@
-import type { FormHTMLAttributes, JSX, RefObject } from "react";
-import React from "react";
-import { StandardSizes } from "../../types";
-import { type ButtonProps } from "../Button";
-import { TextInputProps } from "../TextInput";
-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. */
-    button?: Pick<ButtonProps, "className" | "loadingText"> & {
-        label?: React.ReactNode;
-    };
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the TextInput id. Will be auto-generated if not set. */
-    id?: string;
-    /** Specify the label displayed above the search field. Hidden by default, but visible to screen readers. */
-    label: string;
-    /** **(Optional)** Specify whether the label should be visible to humans or screenreaders. */
-    labelVisible?: boolean;
-    /** **(Optional)** Specify the TextInput name, also used as the URL search parameter. Defaults to `query`. */
-    name?: string;
-    /** **(Optional)** Callback to run when the form is submitted. If this is an async function, it will be awaited and the Searchbox will be in a pending state until the promise is resolved. */
-    onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
-    /** **(Optional)** Specify the TextInput placeholder text Do not use in place of a form label. */
-    placeholder?: string;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: RefObject<HTMLFormElement | null>;
-    /** **(Optional)** Specify the Searchbox size. */
-    size?: StandardSizes;
-    /** **(Optional)** Specify the Searchbox variant. */
-    variant?: "solid" | "ghost";
+import { ButtonProps } from "../Button/Button.js";
+import "../Button/index.js";
+import { StandardSizes } from "../../types/index.js";
+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> {
+  /** **(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. */
+  button?: Pick<ButtonProps, "className" | "loadingText"> & {
+    label?: React.ReactNode;
+  };
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the TextInput id. Will be auto-generated if not set. */
+  id?: string;
+  /** Specify the label displayed above the search field. Hidden by default, but visible to screen readers. */
+  label: string;
+  /** **(Optional)** Specify whether the label should be visible to humans or screenreaders. */
+  labelVisible?: boolean;
+  /** **(Optional)** Specify the TextInput name, also used as the URL search parameter. Defaults to `query`. */
+  name?: string;
+  /** **(Optional)** Callback to run when the form is submitted. If this is an async function, it will be awaited and the Searchbox will be in a pending state until the promise is resolved. */
+  onSubmit?: React.SubmitEventHandler<HTMLElement> | undefined;
+  /** **(Optional)** Specify the TextInput placeholder text Do not use in place of a form label. */
+  placeholder?: string;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: RefObject<HTMLFormElement | null>;
+  /** **(Optional)** Specify the Searchbox size. */
+  size?: StandardSizes;
+  /** **(Optional)** Specify the Searchbox variant. */
+  variant?: "solid" | "ghost";
 }
 declare const Searchbox: {
-    ({ action, children, className, id, label, labelVisible, onSubmit, ref, size, variant, ...props }: SearchboxProps): JSX.Element;
-    Button: {
-        ({ children, ...props }: ButtonProps): JSX.Element;
-        displayName: string;
-    };
-    Input: {
-        (props: TextInputProps): JSX.Element;
-        displayName: string;
-    };
-};
-declare const SearchboxButton: {
+  ({ action, children, className, id, label, labelVisible, onSubmit, ref, size, variant, ...props }: SearchboxProps): JSX.Element;
+  Button: {
     ({ children, ...props }: ButtonProps): JSX.Element;
     displayName: string;
-};
-declare const SearchboxInput: {
+  };
+  Input: {
     (props: TextInputProps): JSX.Element;
     displayName: string;
+  };
+};
+declare const SearchboxButton: {
+  ({ children, ...props }: ButtonProps): JSX.Element;
+  displayName: string;
+};
+declare const SearchboxInput: {
+  (props: TextInputProps): JSX.Element;
+  displayName: string;
 };
-export default Searchbox;
-export { Searchbox, SearchboxButton, SearchboxInput };
+//#endregion
+export { Searchbox, Searchbox as default, SearchboxButton, SearchboxInput, SearchboxProps };

package/dist/components/Searchbox/Searchbox.js

@@ -1,73 +1,98 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useState, useCallback } from 'react';
-import { useId } from '../../hooks/useId.js';
-import { useSlots } from '../../hooks/useSlots.js';
-import { getSlotProp, hasUserBorder } from '../../utils/index.js';
-import { Button } from '../Button/Button.js';
-import { FieldLabel, Field } from '../Field/Field.js';
-import { SearchIcon } from '../icons/SearchIcon.js';
-import { TextInput } from '../TextInput/TextInput.js';
-import { SearchboxContext, useSearchbox } from './Searchbox.context.js';
-
+import { getSlotProp, hasUserBorder } from "../../utils/index.js";
+import { useId as useId$1 } from "../../hooks/useId.js";
+import { SearchIcon } from "../icons/SearchIcon.js";
+import { Button } from "../Button/Button.js";
+import { useSlots } from "../../hooks/useSlots.js";
+import TextInput_default from "../TextInput/index.js";
+import { FieldLabel } from "../Field/Field.js";
+import Field_default from "../Field/index.js";
+import { SearchboxContext, useSearchbox } from "./Searchbox.context.js";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+//#region src/components/Searchbox/Searchbox.tsx
 const componentSlots = {
-    SearchboxButton: null,
-    SearchboxInput: null,
+	SearchboxButton: null,
+	SearchboxInput: null
 };
 const Searchbox = ({ action, children, className, id, label, labelVisible = false, onSubmit, ref, size, variant = "solid", ...props }) => {
-    var _a, _b;
-    const slots = useSlots(componentSlots, children);
-    const uid = useId(id);
-    const [isPending, setIsPending] = useState(false);
-    const inputId = (_a = getSlotProp(slots.SearchboxInput, "id")) !== null && _a !== void 0 ? _a : uid + "__input";
-    const buttonId = (_b = getSlotProp(slots.SearchboxButton, "id")) !== null && _b !== void 0 ? _b : uid + "__button";
-    const handleSubmit = useCallback(async (event) => {
-        event.preventDefault();
-        if (isPending || !onSubmit)
-            return;
-        setIsPending(true);
-        try {
-            await Promise.resolve(onSubmit(event));
-        }
-        finally {
-            setIsPending(false);
-        }
-    }, [onSubmit, isPending]);
-    let borderClass = "";
-    if (!hasUserBorder(className)) {
-        borderClass = variant === "ghost" ? "border-teal" : "border-grey";
-    }
-    const formProps = {
-        action: action !== null && action !== void 0 ? action : undefined,
-        className: clsx("coop-searchbox", borderClass, className),
-        "data-size": size !== null && size !== void 0 ? size : undefined,
-        "data-variant": variant.length && variant !== "solid" ? variant : undefined,
-        id: id !== null && id !== void 0 ? id : undefined,
-        onSubmit: onSubmit ? handleSubmit : undefined,
-        ...props,
-    };
-    return (jsx(SearchboxContext.Provider, { value: { buttonId, inputId, isLoading: isPending, ref, size }, children: jsxs("form", { ...formProps, ref: ref, children: [label && (jsx(FieldLabel, { htmlFor: inputId !== null && inputId !== void 0 ? inputId : uid, isVisible: labelVisible, children: label })), jsxs("div", { className: clsx("coop-searchbox--inner"), children: [jsx(Field, { children: slots.SearchboxInput }), slots.SearchboxButton] })] }) }));
+	const slots = useSlots(componentSlots, children);
+	const uid = useId$1(id);
+	const [isPending, setIsPending] = useState(false);
+	const inputId = getSlotProp(slots.SearchboxInput, "id") ?? uid + "__input";
+	const buttonId = getSlotProp(slots.SearchboxButton, "id") ?? uid + "__button";
+	const handleSubmit = useCallback(async (event) => {
+		event.preventDefault();
+		if (isPending || !onSubmit) return;
+		setIsPending(true);
+		try {
+			await Promise.resolve(onSubmit(event));
+		} finally {
+			setIsPending(false);
+		}
+	}, [onSubmit, isPending]);
+	let borderClass = "";
+	if (!hasUserBorder(className)) borderClass = variant === "ghost" ? "border-teal" : "border-grey";
+	const formProps = {
+		action: action ?? void 0,
+		className: clsx("coop-searchbox", borderClass, className),
+		"data-size": size ?? void 0,
+		"data-variant": variant.length && variant !== "solid" ? variant : void 0,
+		id: id ?? void 0,
+		onSubmit: onSubmit ? handleSubmit : void 0,
+		...props
+	};
+	return /* @__PURE__ */ jsx(SearchboxContext.Provider, {
+		value: {
+			buttonId,
+			inputId,
+			isLoading: isPending,
+			ref,
+			size
+		},
+		children: /* @__PURE__ */ jsxs("form", {
+			...formProps,
+			ref,
+			children: [label && /* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: inputId ?? uid,
+				isVisible: labelVisible,
+				children: label
+			}), /* @__PURE__ */ jsxs("div", {
+				className: clsx("coop-searchbox--inner"),
+				children: [/* @__PURE__ */ jsx(Field_default, { children: slots.SearchboxInput }), slots.SearchboxButton]
+			})]
+		})
+	});
 };
 const SearchboxButton = ({ children, ...props }) => {
-    // const uid = useId(id)
-    const searchbox = useSearchbox();
-    const buttonProps = {
-        children: children !== null && children !== void 0 ? children : (jsx(SearchIcon, { alt: "Search", id: searchbox.buttonId + "__icon", stroke: "currentColor", width: "24" })),
-        id: searchbox.buttonId,
-        isLoading: searchbox.isLoading,
-        size: searchbox.size,
-        ...props,
-    };
-    return jsx(Button, { ...buttonProps });
+	const searchbox = useSearchbox();
+	return /* @__PURE__ */ jsx(Button, {
+		children: children ?? /* @__PURE__ */ jsx(SearchIcon, {
+			alt: "Search",
+			id: searchbox.buttonId + "__icon",
+			stroke: "currentColor",
+			width: "24"
+		}),
+		id: searchbox.buttonId,
+		isLoading: searchbox.isLoading,
+		size: searchbox.size,
+		...props
+	});
 };
 SearchboxButton.displayName = "Searchbox.Button";
 const SearchboxInput = (props) => {
-    const searchbox = useSearchbox();
-    return (jsx(TextInput, { autoCapitalize: "off", id: searchbox.inputId, size: searchbox.size, type: "search", ...props }));
+	const searchbox = useSearchbox();
+	return /* @__PURE__ */ jsx(TextInput_default, {
+		autoCapitalize: "off",
+		id: searchbox.inputId,
+		size: searchbox.size,
+		type: "search",
+		...props
+	});
 };
 SearchboxInput.displayName = "Searchbox.Input";
 Searchbox.Button = SearchboxButton;
 Searchbox.Input = SearchboxInput;
-
-export { Searchbox, SearchboxButton, SearchboxInput, Searchbox as default };
+//#endregion
+export { Searchbox, Searchbox as default, SearchboxButton, SearchboxInput };

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

@@ -1,4 +1,2 @@
-import Searchbox from "./Searchbox";
-export default Searchbox;
-export { Searchbox };
-export * from "./Searchbox";
+import { Searchbox, SearchboxButton, SearchboxInput, SearchboxProps } from "./Searchbox.js";
+export { Searchbox, Searchbox as default, SearchboxButton, SearchboxInput, SearchboxProps };

package/dist/components/Searchbox/index.js

@@ -0,0 +1,5 @@
+import { Searchbox, SearchboxButton, SearchboxInput } from "./Searchbox.js";
+//#region src/components/Searchbox/index.ts
+var Searchbox_default = Searchbox;
+//#endregion
+export { Searchbox, SearchboxButton, SearchboxInput, Searchbox_default as default };

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

@@ -1,66 +1,72 @@
-import type { JSX, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes } from "react";
-import { StandardSizes } from "../../../src/types";
-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. */
-    className?: string;
-    /** **(Optional)** Specify whether the Select should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
-    disabled?: boolean;
-    /** **(Optional)** Specify the Select error state. */
-    error?: boolean;
-    /** **(Optional)** Specify the Select id. Will be auto-generated if not set. */
-    id?: string;
-    /** Specify the Select name. */
-    name: string;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLSelectElement>;
-    /** **(Optional)** Specify the Select size. */
-    size?: StandardSizes;
+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"> {
+  /** **(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. */
+  className?: string;
+  /** **(Optional)** Specify whether the Select should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
+  disabled?: boolean;
+  /** **(Optional)** Specify the Select error state. */
+  error?: boolean;
+  /** **(Optional)** Specify the wrapper behaviour. When true, width is fit-content, otherwise it expands to 100%.
+   *
+   * Default: false
+   */
+  fit?: boolean;
+  /** **(Optional)** Specify the Select id. Will be auto-generated if not set. */
+  id?: string;
+  /** Specify the Select name. */
+  name: string;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLSelectElement>;
+  /** **(Optional)** Specify the Select size. */
+  size?: StandardSizes;
 }
 interface SelectOptionGroupProps extends OptgroupHTMLAttributes<HTMLOptGroupElement> {
-    /** **(Optional)** Main content inside the Select option. It can be any valid JSX or string. */
-    children?: ReactNode;
-    /** Specify the Select option group label. */
-    label: string;
+  /** **(Optional)** Main content inside the Select option. It can be any valid JSX or string. */
+  children?: ReactNode;
+  /** Specify the Select option group label. */
+  label: string;
 }
 interface SelectOptionProps extends OptionHTMLAttributes<HTMLOptionElement> {
-    /** **(Optional)** Main content inside the Select option. It can be any valid JSX or string. */
-    children?: ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the Select option. */
-    className?: string;
-    /** Value of Select option. */
-    value: string;
+  /** **(Optional)** Main content inside the Select option. It can be any valid JSX or string. */
+  children?: ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the Select option. */
+  className?: string;
+  /** Value of Select option. */
+  value: string;
 }
 declare const Select: {
-    ({ children, className, disabled, error, id, name, ref, size, ...props }: SelectProps): JSX.Element;
+  ({ children, className, disabled, error, fit, id, name, ref, size, ...props }: SelectProps): JSX.Element;
+  slot: {
+    name: string;
+  };
+  OptionGroup: {
+    ({ children, ...props }: SelectOptionGroupProps): JSX.Element;
     slot: {
-        name: string;
-    };
-    OptionGroup: {
-        ({ children, ...props }: SelectOptionGroupProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+      name: string;
     };
-    Option: {
-        ({ children, className, ...props }: SelectOptionProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Option: {
+    ({ children, className, ...props }: SelectOptionProps): JSX.Element;
+    slot: {
+      name: string;
     };
+  };
 };
 declare const SelectOptionGroup: {
-    ({ children, ...props }: SelectOptionGroupProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ children, ...props }: SelectOptionGroupProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const SelectOption: {
-    ({ children, className, ...props }: SelectOptionProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ children, className, ...props }: SelectOptionProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Select;
-export { Select, SelectOption, SelectOptionGroup };
+//#endregion
+export { Select, Select as default, SelectOption, SelectOptionGroup, SelectProps };

package/dist/components/Select/Select.js

@@ -1,31 +1,40 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useField } from '../Field/Field.context.js';
-
-const Select = ({ children, className, disabled, error, id, name, ref, size, ...props }) => {
-    const field = useField();
-    const componentProps = {
-        className: clsx("coop-select", "coop-field-element", className),
-        "data-error": error !== null && error !== void 0 ? error : undefined,
-        "data-size": size !== null && size !== void 0 ? size : undefined,
-        disabled,
-        id: id !== null && id !== void 0 ? id : field === null || field === void 0 ? void 0 : field.id,
-        name,
-        ...props,
-    };
-    return (jsx("select", { ...componentProps, ref: ref, children: children }));
+import { useField } from "../Field/Field.context.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Select/Select.tsx
+const Select = ({ children, className, disabled, error, fit = false, id, name, ref, size, ...props }) => {
+	const field = useField();
+	return /* @__PURE__ */ jsx("select", {
+		className: clsx("coop-select", "coop-field-element", className),
+		"data-error": error ?? void 0,
+		"data-fit": fit || void 0,
+		"data-size": size ?? void 0,
+		disabled,
+		id: id ?? field?.id,
+		name,
+		...props,
+		ref,
+		children
+	});
 };
 const SelectOptionGroup = ({ children, ...props }) => {
-    return jsx("optgroup", { ...props, children: children });
+	return /* @__PURE__ */ jsx("optgroup", {
+		...props,
+		children
+	});
 };
 const SelectOption = ({ children, className, ...props }) => {
-    return (jsx("option", { className: clsx("coop-select--option", className), ...props, children: children }));
+	return /* @__PURE__ */ jsx("option", {
+		className: clsx("coop-select--option", className),
+		...props,
+		children
+	});
 };
 Select.slot = { name: "Select" };
 SelectOption.slot = { name: "SelectOption" };
 SelectOptionGroup.slot = { name: "SelectOptionGroup" };
 Select.OptionGroup = SelectOptionGroup;
 Select.Option = SelectOption;
-
-export { Select, SelectOption, SelectOptionGroup, Select as default };
+//#endregion
+export { Select, Select as default, SelectOption, SelectOptionGroup };

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

@@ -1,4 +1,2 @@
-import Select from "./Select";
-export default Select;
-export { Select };
-export * from "./Select";
+import { Select, SelectOption, SelectOptionGroup, SelectProps } from "./Select.js";
+export { Select, Select as default, SelectOption, SelectOptionGroup, SelectProps };

package/dist/components/Select/index.js

@@ -0,0 +1,5 @@
+import { Select, SelectOption, SelectOptionGroup } from "./Select.js";
+//#region src/components/Select/index.ts
+var Select_default = Select;
+//#endregion
+export { Select, SelectOption, SelectOptionGroup, Select_default as default };

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

@@ -1,27 +1,28 @@
-import type { ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
-import React from "react";
-import { ImageProps } from "../Image";
-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. */
-    children: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the level of the Signpost heading. */
-    headingLevel?: "h2" | "h3" | "h4" | "h5" | "h6";
-    /** Specify the URL that the Signpost component will link to when clicked. */
-    href?: string;
-    /** **(Optional)** Specify properties of the Signpost Image. */
-    image?: ImageProps;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLDivElement>;
+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> {
+  /** **(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. */
+  children: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the level of the Signpost heading. */
+  headingLevel?: "h2" | "h3" | "h4" | "h5" | "h6";
+  /** Specify the URL that the Signpost component will link to when clicked. */
+  href?: string;
+  /** **(Optional)** Specify properties of the Signpost Image. */
+  image?: ImageProps;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLDivElement>;
 }
 declare const Signpost: {
-    ({ as, children, className, headingLevel, href, image, ref, ...props }: SignpostProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ as, children, className, headingLevel, href, image, ref, ...props }: SignpostProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Signpost;
-export { Signpost };
+//#endregion
+export { Signpost, Signpost as default, SignpostProps };

package/dist/components/Signpost/Signpost.js

@@ -1,17 +1,29 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import React from 'react';
-import { ChevronRightIcon } from '../icons/ChevronRightIcon.js';
-import { Image } from '../Image/Image.js';
-
+import { Image } from "../Image/Image.js";
+import { ChevronRightIcon } from "../icons/ChevronRightIcon.js";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+//#region src/components/Signpost/Signpost.tsx
 const Signpost = ({ as, children, className, headingLevel = "h3", href, image, ref, ...props }) => {
-    const element = as !== null && as !== void 0 ? as : "a";
-    const componentProps = {
-        className: clsx("coop-signpost", className),
-        ...props,
-    };
-    return (jsxs("div", { ...componentProps, ref: ref, children: [image && jsx(Image, { crop: "wide", ...image }), React.createElement(element, { href }, jsxs("div", { className: "coop-signpost--content", children: [React.createElement(headingLevel, { className: "coop-signpost--heading" }, children), jsx("span", { "aria-hidden": "true", className: "coop-signpost--icon", role: "presentation", children: jsx(ChevronRightIcon, {}) })] }))] }));
+	const element = as ?? "a";
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("coop-signpost", className),
+		...props,
+		ref,
+		children: [image && /* @__PURE__ */ jsx(Image, {
+			crop: "wide",
+			...image
+		}), React.createElement(element, { href }, /* @__PURE__ */ jsxs("div", {
+			className: "coop-signpost--content",
+			children: [React.createElement(headingLevel, { className: "coop-signpost--heading" }, children), /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: "coop-signpost--icon",
+				role: "presentation",
+				children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+			})]
+		}))]
+	});
 };
 Signpost.slot = { name: "Signpost" };
-
+//#endregion
 export { Signpost, Signpost as default };

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

@@ -1,4 +1,2 @@
-import Signpost from "./Signpost";
-export default Signpost;
-export { Signpost };
-export * from "./Signpost";
+import { Signpost, SignpostProps } from "./Signpost.js";
+export { Signpost, Signpost as default, SignpostProps };

package/dist/components/Signpost/index.js

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