@coopdigital/react 1.12.0 → 1.13.0

package/dist/components/Field/Field.js

@@ -1,63 +1,86 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useId } from '../../hooks/useId.js';
-import { useSlots } from '../../hooks/useSlots.js';
-import { getSlotProp } from '../../utils/index.js';
-import { Error } from '../FieldMarkers/Error.js';
-import { Hint } from '../FieldMarkers/Hint.js';
-import { Label } from '../FieldMarkers/Label.js';
-import { FieldContext } from './Field.context.js';
-
+import { getSlotProp } from "../../utils/index.js";
+import { useId as useId$1 } from "../../hooks/useId.js";
+import { useSlots } from "../../hooks/useSlots.js";
+import { FieldContext } from "./Field.context.js";
+import { Error } from "../FieldMarkers/Error.js";
+import { Hint } from "../FieldMarkers/Hint.js";
+import { Label } from "../FieldMarkers/Label.js";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+//#region src/components/Field/Field.tsx
 const componentSlots = {
-    Children: null,
-    Control: null,
-    FieldError: null,
-    FieldHint: null,
-    FieldLabel: null,
+	Children: null,
+	Control: null,
+	FieldError: null,
+	FieldHint: null,
+	FieldLabel: null
 };
 const Field = ({ boxed = false, children, className, error = false, hideErrorBar = false, ref, ...props }) => {
-    var _a, _b;
-    const slots = { ...useSlots(componentSlots, children) };
-    const hasMarkers = !!((_b = (_a = slots.FieldLabel) !== null && _a !== void 0 ? _a : slots.FieldError) !== null && _b !== void 0 ? _b : slots.FieldHint);
-    const internalId = useId();
-    const controlProps = {
-        disabled: false,
-        id: internalId,
-    };
-    if (Array.isArray(slots.Children)) {
-        slots.Children = slots.Children.filter((child) => {
-            //resolveComponentName(child)
-            var _a, _b, _c, _d;
-            if (child && typeof child === "object" && "type" in child) {
-                if (typeof (child === null || child === void 0 ? void 0 : child.type) === "function" && "slot" in child.type) {
-                    const { slot } = child.type;
-                    slots.Control = child;
-                    if (slots.Control.props) {
-                        controlProps.inline = (_a = slot.inline) !== null && _a !== void 0 ? _a : false;
-                        controlProps.disabled = (_b = getSlotProp(slots.Control, "disabled")) !== null && _b !== void 0 ? _b : false;
-                        controlProps.id = (_c = getSlotProp(slots.Control, "id")) !== null && _c !== void 0 ? _c : controlProps.id;
-                        controlProps.suffix = (_d = slot.suffix) !== null && _d !== void 0 ? _d : undefined;
-                    }
-                    return false;
-                }
-            }
-            return true;
-        });
-    }
-    const componentProps = {
-        ...props,
-        "aria-disabled": controlProps.disabled || undefined,
-        className: clsx("coop-field", controlProps.inline && "coop-field-inline", className),
-        "data-boxed": boxed || undefined,
-        "data-error": error || undefined,
-        "data-hide-error": hideErrorBar || undefined,
-    };
-    return (jsx(FieldContext.Provider, { value: { ...controlProps }, children: jsxs("div", { ...componentProps, ref: ref, children: [!(controlProps === null || controlProps === void 0 ? void 0 : controlProps.inline) && hasMarkers && (jsxs("div", { className: "coop-field-markers", children: [slots.FieldLabel, slots.FieldHint, slots.FieldError] })), slots.Control && (jsxs("div", { className: "coop-field-control", children: [slots.Control, (controlProps === null || controlProps === void 0 ? void 0 : controlProps.inline) && hasMarkers && (jsxs("div", { className: "coop-field-markers", children: [slots.FieldLabel, slots.FieldHint, slots.FieldError] }))] })), slots.Children] }) }));
+	const slots = { ...useSlots(componentSlots, children) };
+	const hasMarkers = !!(slots.FieldLabel ?? slots.FieldError ?? slots.FieldHint);
+	const controlProps = {
+		disabled: false,
+		id: useId$1()
+	};
+	if (Array.isArray(slots.Children)) slots.Children = slots.Children.filter((child) => {
+		if (child && typeof child === "object" && "type" in child) {
+			if (typeof child?.type === "function" && "slot" in child.type) {
+				const { slot } = child.type;
+				slots.Control = child;
+				if (slots.Control.props) {
+					controlProps.inline = slot.inline ?? false;
+					controlProps.disabled = getSlotProp(slots.Control, "disabled") ?? false;
+					controlProps.id = getSlotProp(slots.Control, "id") ?? controlProps.id;
+					controlProps.suffix = slot.suffix ?? void 0;
+				}
+				return false;
+			}
+		}
+		return true;
+	});
+	const componentProps = {
+		...props,
+		"aria-disabled": controlProps.disabled || void 0,
+		className: clsx("coop-field", controlProps.inline && "coop-field-inline", className),
+		"data-boxed": boxed || void 0,
+		"data-error": error || void 0,
+		"data-hide-error": hideErrorBar || void 0
+	};
+	return /* @__PURE__ */ jsx(FieldContext.Provider, {
+		value: { ...controlProps },
+		children: /* @__PURE__ */ jsxs("div", {
+			...componentProps,
+			ref,
+			children: [
+				!controlProps?.inline && hasMarkers && /* @__PURE__ */ jsxs("div", {
+					className: "coop-field-markers",
+					children: [
+						slots.FieldLabel,
+						slots.FieldHint,
+						slots.FieldError
+					]
+				}),
+				slots.Control && /* @__PURE__ */ jsxs("div", {
+					className: "coop-field-control",
+					children: [slots.Control, controlProps?.inline && hasMarkers && /* @__PURE__ */ jsxs("div", {
+						className: "coop-field-markers",
+						children: [
+							slots.FieldLabel,
+							slots.FieldHint,
+							slots.FieldError
+						]
+					})]
+				}),
+				slots.Children
+			]
+		})
+	});
 };
-const FieldLabel = (props) => jsx(Label, { ...props });
-const FieldHint = (props) => jsx(Hint, { ...props });
-const FieldError = (props) => jsx(Error, { ...props });
+const FieldLabel = (props) => /* @__PURE__ */ jsx(Label, { ...props });
+const FieldHint = (props) => /* @__PURE__ */ jsx(Hint, { ...props });
+const FieldError = (props) => /* @__PURE__ */ jsx(Error, { ...props });
 Field.slot = { name: "Field" };
 FieldLabel.slot = { name: "FieldLabel" };
 FieldHint.slot = { name: "FieldHint" };
@@ -65,5 +88,5 @@ FieldError.slot = { name: "FieldError" };
 Field.Label = FieldLabel;
 Field.Hint = FieldHint;
 Field.Error = FieldError;
-
-export { Field, FieldError, FieldHint, FieldLabel, Field as default };
+//#endregion
+export { Field, Field as default, FieldError, FieldHint, FieldLabel };

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

@@ -1,4 +1,2 @@
-import Field from "./Field";
-export default Field;
-export { Field };
-export * from "./Field";
+import { Field, FieldError, FieldHint, FieldLabel } from "./Field.js";
+export { Field, Field as default, FieldError, FieldHint, FieldLabel };

package/dist/components/Field/index.js

@@ -1,6 +1,5 @@
-import { Field } from './Field.js';
-export { FieldError, FieldHint, FieldLabel } from './Field.js';
-
-
-
-export { Field, Field as default };
+import { Field, FieldError, FieldHint, FieldLabel } from "./Field.js";
+//#region 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,11 +1,12 @@
-import type { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-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. */
-    className?: string;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLSpanElement>;
+import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
+//#region src/components/FieldMarkers/Error.d.ts
+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. */
+  className?: string;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLSpanElement>;
 }
-export declare const Error: ({ children, className, ref, ...props }: ErrorProps) => JSX.Element;
-export default Error;
+//#endregion
+export { ErrorProps };

package/dist/components/FieldMarkers/Error.js

@@ -1,12 +1,13 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/FieldMarkers/Error.tsx
 const Error = ({ children, className, ref, ...props }) => {
-    const componentProps = {
-        className: clsx("coop-field-error ", className),
-        ...props,
-    };
-    return (jsx("span", { ...componentProps, ref: ref, children: children }));
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx("coop-field-error ", className),
+		...props,
+		ref,
+		children
+	});
 };
-
-export { Error };
+//#endregion
+export { Error, Error as default };

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

@@ -1,11 +1,12 @@
-import type { HTMLAttributes, JSX, ReactNode, Ref } from "react";
-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. */
-    className?: string;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLDivElement>;
+import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
+//#region src/components/FieldMarkers/Hint.d.ts
+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. */
+  className?: string;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLDivElement>;
 }
-export declare const Hint: ({ children, className, ref, ...props }: HintProps) => JSX.Element | null;
-export default Hint;
+//#endregion
+export { HintProps };

package/dist/components/FieldMarkers/Hint.js

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

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

@@ -1,13 +1,14 @@
 import { JSX, LabelHTMLAttributes, Ref } from "react";
-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. */
-    className?: string;
-    /** **(Optional)** Specify whether the label is visible for humans or only for screen readers. */
-    isVisible?: boolean;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLLabelElement>;
+//#region src/components/FieldMarkers/Label.d.ts
+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. */
+  className?: string;
+  /** **(Optional)** Specify whether the label is visible for humans or only for screen readers. */
+  isVisible?: boolean;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLLabelElement>;
 }
-export declare const Label: ({ children, className, isVisible, ref, ...props }: LabelProps) => JSX.Element;
-export default Label;
+//#endregion
+export { LabelProps };

package/dist/components/FieldMarkers/Label.js

@@ -1,16 +1,16 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useField } from '../Field/Field.context.js';
-
+import { useField } from "../Field/Field.context.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/FieldMarkers/Label.tsx
 const Label = ({ children, className, isVisible = true, ref, ...props }) => {
-    var _a, _b;
-    const field = useField();
-    const componentProps = {
-        className: clsx("coop-field-label", !isVisible && "sr-only", className),
-        htmlFor: (_a = props.htmlFor) !== null && _a !== void 0 ? _a : ((field === null || field === void 0 ? void 0 : field.id) ? field.id + ((_b = field === null || field === void 0 ? void 0 : field.suffix) !== null && _b !== void 0 ? _b : "") : undefined),
-        ...props,
-    };
-    return (jsx("label", { ...componentProps, ref: ref, children: jsx("span", { children: children }) }));
+	const field = useField();
+	return /* @__PURE__ */ jsx("label", {
+		className: clsx("coop-field-label", !isVisible && "sr-only", className),
+		htmlFor: props.htmlFor ?? (field?.id ? field.id + (field?.suffix ?? "") : void 0),
+		...props,
+		ref,
+		children: /* @__PURE__ */ jsx("span", { children })
+	});
 };
-
-export { Label };
+//#endregion
+export { Label, Label as default };

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

@@ -1,13 +1,14 @@
 import { HTMLAttributes, JSX, Ref } from "react";
-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. */
-    className?: string;
-    /** **(Optional)** Specify whether the legend should be visible to humans or screen readers. */
-    isVisible?: boolean;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLLegendElement>;
+//#region src/components/FieldMarkers/Legend.d.ts
+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. */
+  className?: string;
+  /** **(Optional)** Specify whether the legend should be visible to humans or screen readers. */
+  isVisible?: boolean;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLLegendElement>;
 }
-export declare const Legend: ({ children, className, isVisible, ref, ...props }: LegendProps) => JSX.Element;
-export default Legend;
+//#endregion
+export { LegendProps };

package/dist/components/FieldMarkers/Legend.js

@@ -1,13 +1,20 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/FieldMarkers/Legend.tsx
 const Legend = ({ children, className, isVisible = true, ref, ...props }) => {
-    const componentProps = {
-        "aria-hidden": true,
-        className: clsx("coop-field-label", !isVisible && "sr-only", className),
-        ...props,
-    };
-    return (jsxs(Fragment, { children: [jsx("legend", { className: "sr-only", children: children }), isVisible && (jsx("div", { ...componentProps, ref: ref, children: children }))] }));
+	const componentProps = {
+		"aria-hidden": true,
+		className: clsx("coop-field-label", !isVisible && "sr-only", className),
+		...props
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("legend", {
+		className: "sr-only",
+		children
+	}), isVisible && /* @__PURE__ */ jsx("div", {
+		...componentProps,
+		ref,
+		children
+	})] });
 };
-
-export { Legend };
+//#endregion
+export { Legend, Legend as default };

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

@@ -1,89 +1,90 @@
-import { type FieldsetHTMLAttributes, HTMLAttributes, type JSX, Ref } from "react";
-import { StandardSizes } from "../../../src/types";
-import { type ErrorProps } from "../FieldMarkers/Error";
-import { type HintProps } from "../FieldMarkers/Hint";
-import { type LegendProps } from "../FieldMarkers/Legend";
-export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    /** Form elements inside the Fieldset.
-     *
-     * Usually this will be a combination of `Fieldset.Legend` and `Fieldset.Fields`. */
-    children: React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify whether the Fieldset, and all of its descendents, should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
-    disabled?: boolean;
-    /** **(Optional)** Specify the Fieldset error state. Use this to apply visual styling to the field control. */
-    error?: boolean;
-    /** **(Optional)** Specify whether the Fieldset should show the left-hand error bar if it is in an error state. */
-    hideErrorBar?: boolean;
-    /** **(Optional)** Specify a custom React ref for this component. */
-    ref?: Ref<HTMLFieldSetElement>;
-    /** **(Optional)** Specify the size of the Fieldset and all its descendents. */
-    size?: StandardSizes;
+import { StandardSizes } from "../../types/index.js";
+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
+interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+  /** Form elements inside the Fieldset.
+   *
+   * Usually this will be a combination of `Fieldset.Legend` and `Fieldset.Fields`. */
+  children: React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify whether the Fieldset, and all of its descendents, should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
+  disabled?: boolean;
+  /** **(Optional)** Specify the Fieldset error state. Use this to apply visual styling to the field control. */
+  error?: boolean;
+  /** **(Optional)** Specify whether the Fieldset should show the left-hand error bar if it is in an error state. */
+  hideErrorBar?: boolean;
+  /** **(Optional)** Specify a custom React ref for this component. */
+  ref?: Ref<HTMLFieldSetElement>;
+  /** **(Optional)** Specify the size of the Fieldset and all its descendents. */
+  size?: StandardSizes;
 }
 declare const Fieldset: {
-    ({ children, className, disabled, error, hideErrorBar, ref, size, ...props }: FieldsetProps): JSX.Element;
+  ({ children, className, disabled, error, hideErrorBar, ref, size, ...props }: FieldsetProps): JSX.Element;
+  slot: {
+    name: string;
+  };
+  Error: {
+    (props: ErrorProps): JSX.Element;
     slot: {
-        name: string;
-    };
-    Error: {
-        (props: ErrorProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+      name: string;
     };
-    Fields: {
-        ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Fields: {
+    ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
+    slot: {
+      name: string;
     };
-    Hint: {
-        (props: HintProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Hint: {
+    (props: HintProps): JSX.Element;
+    slot: {
+      name: string;
     };
-    Legend: {
-        (props: LegendProps): JSX.Element;
-        slot: {
-            name: string;
-        };
+  };
+  Legend: {
+    (props: LegendProps): JSX.Element;
+    slot: {
+      name: string;
     };
+  };
 };
 interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
-    /** **(Optional)** Specify whether all descendent Fields should render inside a box. */
-    boxed?: boolean;
-    /** **(Optional)** Form elements inside the Fieldset.Fields container. */
-    children?: string | React.ReactNode;
-    /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-    className?: string;
-    /** **(Optional)** Specify the CheckboxGroup orientation. */
-    orientation?: "horizontal" | "vertical";
+  /** **(Optional)** Specify whether all descendent Fields should render inside a box. */
+  boxed?: boolean;
+  /** **(Optional)** Form elements inside the Fieldset.Fields container. */
+  children?: string | React.ReactNode;
+  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
+  className?: string;
+  /** **(Optional)** Specify the CheckboxGroup orientation. */
+  orientation?: "horizontal" | "vertical";
 }
 declare const FieldsetFields: {
-    ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  ({ boxed, children, className, orientation, ...props }: FieldsetFieldsProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const FieldsetLegend: {
-    (props: LegendProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  (props: LegendProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const FieldsetHint: {
-    (props: HintProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  (props: HintProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
 declare const FieldsetError: {
-    (props: ErrorProps): JSX.Element;
-    slot: {
-        name: string;
-    };
+  (props: ErrorProps): JSX.Element;
+  slot: {
+    name: string;
+  };
 };
-export default Fieldset;
-export { Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend };
+//#endregion
+export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps };

package/dist/components/Fieldset/Fieldset.js

@@ -1,33 +1,34 @@
-import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { Error } from '../FieldMarkers/Error.js';
-import { Hint } from '../FieldMarkers/Hint.js';
-import { Legend } from '../FieldMarkers/Legend.js';
-
+import { Error } from "../FieldMarkers/Error.js";
+import { Hint } from "../FieldMarkers/Hint.js";
+import { Legend } from "../FieldMarkers/Legend.js";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Fieldset/Fieldset.tsx
 const Fieldset = ({ children, className, disabled, error = false, hideErrorBar = false, ref, size, ...props }) => {
-    const componentProps = {
-        "aria-disabled": disabled,
-        className: clsx("coop-fieldset", className),
-        "data-error": error || undefined,
-        "data-hide-error": hideErrorBar || undefined,
-        "data-size": size !== null && size !== void 0 ? size : undefined,
-        disabled,
-        ...props,
-    };
-    return (jsx("fieldset", { ...componentProps, ref: ref, children: children }));
+	return /* @__PURE__ */ jsx("fieldset", {
+		"aria-disabled": disabled,
+		className: clsx("coop-fieldset", className),
+		"data-error": error || void 0,
+		"data-hide-error": hideErrorBar || void 0,
+		"data-size": size ?? void 0,
+		disabled,
+		...props,
+		ref,
+		children
+	});
 };
 const FieldsetFields = ({ boxed = false, children, className, orientation = "vertical", ...props }) => {
-    const componentProps = {
-        className: clsx("coop-fieldset-fields", className),
-        "data-boxed": boxed || undefined,
-        "data-orientation": orientation !== "vertical" ? orientation : undefined,
-        ...props,
-    };
-    return jsx("div", { ...componentProps, children: children });
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("coop-fieldset-fields", className),
+		"data-boxed": boxed || void 0,
+		"data-orientation": orientation !== "vertical" ? orientation : void 0,
+		...props,
+		children
+	});
 };
-const FieldsetLegend = (props) => jsx(Legend, { ...props });
-const FieldsetHint = (props) => jsx(Hint, { ...props });
-const FieldsetError = (props) => jsx(Error, { ...props });
+const FieldsetLegend = (props) => /* @__PURE__ */ jsx(Legend, { ...props });
+const FieldsetHint = (props) => /* @__PURE__ */ jsx(Hint, { ...props });
+const FieldsetError = (props) => /* @__PURE__ */ jsx(Error, { ...props });
 Fieldset.slot = { name: "Fieldset" };
 FieldsetFields.slot = { name: "FieldsetField" };
 FieldsetLegend.slot = { name: "FieldsetLegend" };
@@ -37,5 +38,5 @@ Fieldset.Error = FieldsetError;
 Fieldset.Fields = FieldsetFields;
 Fieldset.Hint = FieldsetHint;
 Fieldset.Legend = FieldsetLegend;
-
-export { Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Fieldset as default };
+//#endregion
+export { Fieldset, Fieldset as default, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend };