@alto-avios/alto-ui 2.3.3 → 3.0.0

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_1tzc6_2";
-const alignStart = "_alignStart_1tzc6_11";
-const alignCenter = "_alignCenter_1tzc6_15";
-const alignEnd = "_alignEnd_1tzc6_19";
-const alignJustify = "_alignJustify_1tzc6_23";
-const alignSplit = "_alignSplit_1tzc6_28";
-const alignStack = "_alignStack_1tzc6_41";
-const alignStackFlip = "_alignStackFlip_1tzc6_46";
+import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
+const alignStart = "_alignStart_zcnod_10";
+const alignCenter = "_alignCenter_zcnod_14";
+const alignEnd = "_alignEnd_zcnod_18";
+const alignJustify = "_alignJustify_zcnod_22";
+const alignSplit = "_alignSplit_zcnod_26";
+const alignStack = "_alignStack_zcnod_39";
+const alignStackFlip = "_alignStackFlip_zcnod_44";
 const styles = {
   buttonGroup,
   alignStart,

package/dist/components/CardSection/CardSection.d.ts

@@ -14,10 +14,16 @@ interface CardSectionComponent extends React.ForwardRefExoticComponent<CardSecti
     Media: typeof Media;
 }
 declare const CardSection: CardSectionComponent;
-declare const Content: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const Media: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const Content: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Media: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default CardSection;

package/dist/components/CardSection/CardSection.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { forwardRef } from "react";
-import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_97jhf_1";
-const cardContainer = "_cardContainer_97jhf_11";
-const cardGrid = "_cardGrid_97jhf_23";
-const contentCell = "_contentCell_97jhf_33";
-const contentBox = "_contentBox_97jhf_40";
-const mediaCell = "_mediaCell_97jhf_51";
-const isReversed = "_isReversed_97jhf_65";
+import '../../assets/CardSection.css';const cardSection$1 = "_cardSection_1uwwa_1";
+const cardContainer = "_cardContainer_1uwwa_12";
+const cardGrid = "_cardGrid_1uwwa_24";
+const contentCell = "_contentCell_1uwwa_33";
+const contentBox = "_contentBox_1uwwa_40";
+const mediaCell = "_mediaCell_1uwwa_51";
+const isReversed = "_isReversed_1uwwa_65";
 const styles = {
   cardSection: cardSection$1,
   cardContainer,
@@ -35,9 +35,11 @@ CardSection.displayName = "CardSection";
 const Content = ({
   children
 }) => /* @__PURE__ */ jsx("div", { className: styles.contentCell, children: /* @__PURE__ */ jsx("article", { className: styles.contentBox, children }) });
+Content.displayName = "CardSection.Content";
 const Media = ({
   children
 }) => /* @__PURE__ */ jsx("figure", { className: styles.mediaCell, children });
+Media.displayName = "CardSection.Media";
 CardSection.Content = Content;
 CardSection.Media = Media;
 export {

package/dist/components/CardSection/CardSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardSection.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
 import { ValidationError } from '@react-types/shared';
 import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
 export interface CheckboxProps extends AriaCheckboxProps {
-    label?: string;
+    /** The label of the checkbox, can be a string or a React node. */
+    label?: string | React.ReactNode;
     /** Indeterminism is presentational only. The indeterminate visual representation remains regardless of user interaction. */
     isIndeterminate?: boolean;
     /** Whether the element should be selected (uncontrolled). */
@@ -30,7 +32,7 @@ export interface CheckboxProps extends AriaCheckboxProps {
      * or invalid via ARIA.
      * @default 'aria'
      */
-    validationBehavior?: "native" | "aria";
+    validationBehavior?: 'native' | 'aria';
     description?: string;
     children?: React.ReactNode;
     focusStyle?: 'default' | 'white';

package/dist/components/Checkbox/Checkbox.js

@@ -1,16 +1,18 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "react-aria-components";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
 import FieldDescription from "../FieldDescription/FieldDescription.js";
-import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1xmgx_2";
-const checkboxLabel = "_checkboxLabel_1xmgx_19";
-const checkboxDescription = "_checkboxDescription_1xmgx_23";
-const checkboxSvgWrapper = "_checkboxSvgWrapper_1xmgx_27";
-const svg = "_svg_1xmgx_41";
-const defaultFocus = "_defaultFocus_1xmgx_69";
-const whiteFocus = "_whiteFocus_1xmgx_73";
+import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1twm2_2";
+const checkboxContainer = "_checkboxContainer_1twm2_19";
+const checkboxLabel = "_checkboxLabel_1twm2_24";
+const checkboxDescription = "_checkboxDescription_1twm2_28";
+const checkboxSvgWrapper = "_checkboxSvgWrapper_1twm2_32";
+const svg = "_svg_1twm2_46";
+const defaultFocus = "_defaultFocus_1twm2_74";
+const whiteFocus = "_whiteFocus_1twm2_78";
 const styles = {
   checkbox: checkbox$1,
+  checkboxContainer,
   checkboxLabel,
   checkboxDescription,
   checkboxSvgWrapper,
@@ -42,13 +44,13 @@ const Checkbox = ({
   validate,
   autoFocus,
   name,
-  validationBehavior = "native",
+  validationBehavior,
   description,
   children,
   focusStyle = "default",
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles.checkboxContainer, children: [
     /* @__PURE__ */ jsx(Checkbox$1, { className: checkbox({
       focusStyle
     }), isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, ...props, children: ({

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -2,28 +2,28 @@ import { default as React } from 'react';
 import { CheckboxGroupProps as AriaCheckboxGroupProps, ValidationResult } from 'react-aria-components';
 export interface CheckboxGroupProps extends AriaCheckboxGroupProps {
     /**
-    * The field label.
-    */
+     * The field label.
+     */
     label?: string;
     /**
-    * The children to render.
-    */
+     * The children to render.
+     */
     children: React.ReactNode;
     /**
-    * The descriptive text located underneath the checkbox group.
-    */
+     * The descriptive text located underneath the checkbox group.
+     */
     description?: string;
     /**
-    * The error message to display when the input value is invalid.
-    */
+     * The error message to display when the input value is invalid.
+     */
     errorMessage?: string | ((validation: ValidationResult) => string);
     /**
-    * Whether the input is disabled.
-    */
+     * Whether the input is disabled.
+     */
     isDisabled?: boolean;
     /**
-    * Whether the input value is invalid.
-    */
+     * Whether the input value is invalid.
+     */
     isInvalid?: boolean;
 }
 export declare const CheckboxGroup: ({ label, children, description, errorMessage, isDisabled, isInvalid, ...props }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CheckboxGroup as CheckboxGroup$1 } from "react-aria-components";
 import { FieldHeader } from "../FieldHeader/FieldHeader.js";
-import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_cykce_1";
-const errorMessage = "_errorMessage_cykce_8";
-const description = "_description_cykce_13";
+import '../../assets/CheckboxGroup.css';const checkboxGroup = "_checkboxGroup_1vs5o_1";
+const errorMessage = "_errorMessage_1vs5o_8";
+const description = "_description_1vs5o_13";
 const styles = {
   checkboxGroup,
   errorMessage,

package/dist/components/ClearFieldButton/ClearFieldButton.d.ts

@@ -1,14 +1,12 @@
 import { ButtonProps } from '../Button/Button';
-import { IconSize } from '../Icon/Icon';
+import { FormProps } from '../../utils/forms/formProps';
 export type ClearFieldButtonButtonSize = 'lg' | 'md' | 'sm';
-export interface ClearFieldButtonProps extends Omit<ButtonProps, "$styleText"> {
+export interface ClearFieldButtonProps extends Omit<ButtonProps, '$styleText'>, FormProps {
     slot?: string;
-    iconSize?: IconSize;
     className?: string;
-    /**
-     * 	The focus style of the button
-     */
     focusStyle?: 'default' | 'white';
+    onClick?: () => void;
+    type?: 'button' | 'submit' | 'reset';
 }
 export declare const ClearFieldButton: ({ size, form, formAction, formEncType, formMethod, formNoValidate, formTarget, name, value, isDisabled, autoFocus, type, slot, onClick, className, focusStyle, ...props }: ClearFieldButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ClearFieldButton;

package/dist/components/ClearFieldButton/ClearFieldButton.js

@@ -3,10 +3,10 @@ import { c as cva } from "../../index-Bi3v_EjJ.js";
 import { Button } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import { focusStyleVariants } from "../../utils/focus/focusStyles.js";
-import '../../assets/ClearFieldButton.css';const clearFieldButton$1 = "_clearFieldButton_1wxbm_1";
-const sm = "_sm_1wxbm_18";
-const md = "_md_1wxbm_23";
-const lg = "_lg_1wxbm_28";
+import '../../assets/ClearFieldButton.css';const clearFieldButton$1 = "_clearFieldButton_hkevp_1";
+const sm = "_sm_hkevp_18";
+const md = "_md_hkevp_23";
+const lg = "_lg_hkevp_28";
 const styles = {
   clearFieldButton: clearFieldButton$1,
   sm,

package/dist/components/DateField/DateField.d.ts

@@ -1,25 +1,5 @@
-import { DateFieldProps as AriaDateFieldProps, DateValue, ValidationResult } from 'react-aria-components';
-export interface DateFieldProps extends AriaDateFieldProps<DateValue> {
-    /**
-     * The label for the TextField
-     */
-    label?: string;
-    /**
-     * The description for the TextField
-     */
-    description?: string;
-    /**
-     * The error message for the TextField
-     */
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    /**
-     * Whether the TextField is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the TextField is invalid
-     */
-    isInvalid?: boolean;
-}
-export declare const DateField: ({ label, description, errorMessage, isRequired, isInvalid, isDisabled, value, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { DateFieldProps as AriaDateFieldProps, DateValue } from 'react-aria-components';
+import { FieldProps } from '../_base/Field/Field';
+export type DateFieldProps = FieldProps<AriaDateFieldProps<DateValue>>;
+export declare const DateField: (props: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default DateField;

package/dist/components/DateField/DateField.js

@@ -1,28 +1,16 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { DateField as DateField$1, DateInput, DateSegment } from "react-aria-components";
-import { FieldHeader } from "../FieldHeader/FieldHeader.js";
-import '../../assets/DateField.css';const dateField = "_dateField_197xm_1";
-const dateInput = "_dateInput_197xm_5";
-const dateSegment = "_dateSegment_197xm_48";
+import { Field } from "../_base/Field/Field.js";
+import '../../assets/DateField.css';const dateField = "_dateField_1bpet_1";
+const dateInput = "_dateInput_1bpet_5";
+const dateSegment = "_dateSegment_1bpet_50";
 const styles = {
   dateField,
   dateInput,
   dateSegment
 };
-const DateField = ({
-  label,
-  description,
-  errorMessage,
-  isRequired = false,
-  isInvalid = false,
-  isDisabled = false,
-  value,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(DateField$1, { className: styles.dateField, isInvalid, isDisabled, value, ...props, children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, description, errorMessage, isRequired, isInvalid }),
-    /* @__PURE__ */ jsx(DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(DateSegment, { className: styles.dateSegment, segment }) })
-  ] });
+const DateField = (props) => {
+  return /* @__PURE__ */ jsx(Field, { as: DateField$1, className: styles.dateField, ...props, children: /* @__PURE__ */ jsx(DateInput, { className: styles.dateInput, children: (segment) => /* @__PURE__ */ jsx(DateSegment, { className: styles.dateSegment, segment }) }) });
 };
 export {
   DateField,

package/dist/components/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DateField.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/DestinationHeading/DestinationHeading.d.ts

@@ -1,5 +1,5 @@
 import { HeadingProps } from '../Heading/Heading';
-export interface DestinationHeadingProps extends Omit<HeadingProps, "children"> {
+export interface DestinationHeadingProps extends Omit<HeadingProps, 'children'> {
     from: string;
     to: string;
     /**

package/dist/components/Eyebrow/Eyebrow.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { c as cva } from "../../index-Bi3v_EjJ.js";
-import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_c96e1_1";
-const inspiration = "_inspiration_c96e1_15";
-const collect = "_collect_c96e1_19";
-const spend = "_spend_c96e1_23";
-const activate = "_activate_c96e1_28";
+import '../../assets/Eyebrow.css';const eyebrow$1 = "_eyebrow_rc11b_1";
+const inspiration = "_inspiration_rc11b_16";
+const collect = "_collect_rc11b_20";
+const spend = "_spend_rc11b_24";
+const activate = "_activate_rc11b_29";
 const styles = {
   eyebrow: eyebrow$1,
   inspiration,

package/dist/components/FieldDescription/FieldDescription.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Text } from "react-aria-components";
-import '../../assets/FieldDescription.css';const fieldDescription = "_fieldDescription_2cs9c_1";
+import '../../assets/FieldDescription.css';const fieldDescription = "_fieldDescription_18783_1";
 const styles = {
   fieldDescription
 };

package/dist/components/FieldError/FieldError.d.ts

@@ -2,5 +2,5 @@ import { FieldErrorProps as AriaFieldErrorProps } from 'react-aria-components';
 export interface FieldErrorProps extends AriaFieldErrorProps {
     children?: React.ReactNode | any;
 }
-export declare const FieldError: ({ children, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldError: ({ children, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldError;

package/dist/components/FieldError/FieldError.js

@@ -1,7 +1,7 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { FieldError as FieldError$1 } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
-import '../../assets/FieldError.css';const fieldError = "_fieldError_c0ugd_1";
+import '../../assets/FieldError.css';const fieldError = "_fieldError_1tsix_1";
 const styles = {
   fieldError
 };
@@ -9,13 +9,16 @@ const FieldError = ({
   children,
   ...props
 }) => {
-  if (!children) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(FieldError$1, { className: styles.fieldError, ...props, children: [
-    /* @__PURE__ */ jsx(Icon, { iconName: "triangle-exclamation", "aria-label": "error-icon" }),
-    children
-  ] });
+  return /* @__PURE__ */ jsx(FieldError$1, { className: styles.fieldError, ...props, children: ({
+    validationErrors
+  }) => {
+    const errorMessage = children || (validationErrors == null ? void 0 : validationErrors[0]);
+    if (!errorMessage) return null;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Icon, { iconName: "triangle-exclamation", "aria-label": "error-icon" }),
+      errorMessage
+    ] });
+  } });
 };
 export {
   FieldError,

package/dist/components/FieldError/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/FieldHeader/FieldHeader.d.ts

@@ -5,6 +5,7 @@ export interface FieldHeaderProps {
     errorMessage?: string | ((validation: ValidationResult) => string);
     isInvalid?: boolean;
     isRequired?: boolean;
+    labelFor?: string;
 }
-export declare const FieldHeader: ({ label, description, isInvalid, isRequired, errorMessage, }: FieldHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldHeader: ({ label, description, isInvalid, isRequired, errorMessage, labelFor, }: FieldHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldHeader;

package/dist/components/FieldHeader/FieldHeader.js

@@ -2,21 +2,22 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import FieldDescription from "../FieldDescription/FieldDescription.js";
 import { FieldError } from "../FieldError/FieldError.js";
 import { FieldLabel } from "../FieldLabel/FieldLabel.js";
-import '../../assets/FieldHeader.css';const fieldHeader = "_fieldHeader_t60vq_1";
+import '../../assets/FieldHeader.css';const fieldHeader = "_fieldHeader_3rjlj_1";
 const styles = {
   fieldHeader,
-  "label-container": "_label-container_t60vq_12"
+  "label-container": "_label-container_3rjlj_12"
 };
 const FieldHeader = ({
   label,
   description,
   isInvalid,
   isRequired,
-  errorMessage
+  errorMessage,
+  labelFor
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: styles.fieldHeader, "data-invalid": isInvalid ? true : void 0, children: [
     /* @__PURE__ */ jsxs("div", { className: styles["label-container"], children: [
-      label && /* @__PURE__ */ jsx(FieldLabel, { required: isRequired ? true : void 0, children: label }),
+      label && /* @__PURE__ */ jsx(FieldLabel, { required: isRequired ? true : void 0, htmlFor: labelFor, children: label }),
       !isRequired && /* @__PURE__ */ jsx("span", { children: "Optional" })
     ] }),
     description && /* @__PURE__ */ jsx(FieldDescription, { children: description }),

package/dist/components/FieldHeader/FieldHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1,2 @@
 export { default } from './FieldHeader';
+export type { FieldHeaderProps } from './FieldHeader';

package/dist/components/FieldLabel/FieldLabel.d.ts

@@ -2,5 +2,5 @@ import { LabelProps as AriaLabelProps } from 'react-aria-components';
 export interface FieldLabelProps extends AriaLabelProps {
     required?: boolean;
 }
-export declare const FieldLabel: ({ children, required, ...props }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldLabel: ({ children, ...props }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldLabel;

package/dist/components/FieldLabel/FieldLabel.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Label } from "react-aria-components";
-import '../../assets/FieldLabel.css';const fieldLabel = "_fieldLabel_7i7ld_1";
+import '../../assets/FieldLabel.css';const fieldLabel = "_fieldLabel_1jqml_1";
 const styles = {
   fieldLabel
 };
 const FieldLabel = ({
   children,
-  required,
   ...props
 }) => {
   return /* @__PURE__ */ jsx(Label, { className: styles.fieldLabel, ...props, children });

package/dist/components/FieldLabel/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"FieldLabel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { FieldsetHeaderProps } from '../FieldsetHeader/FieldsetHeader';
+export interface FieldsetProps {
+    children?: React.ReactNode;
+}
+declare const Fieldset: {
+    ({ children }: FieldsetProps): import("react/jsx-runtime").JSX.Element;
+    Content: {
+        ({ children }: FieldsetContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: ({ children, description, }: FieldsetHeaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export interface FieldsetContentProps {
+    children?: React.ReactNode;
+}
+export type { FieldsetHeaderProps };
+export default Fieldset;

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { FieldsetHeader } from "../FieldsetHeader/FieldsetHeader.js";
+import { Box } from "../Box/Box.js";
+import '../../assets/Fieldset.css';const fieldset = "_fieldset_11lio_1";
+const styles = {
+  fieldset
+};
+const Fieldset = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("fieldset", { className: styles.fieldset, children });
+};
+const Content = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", gap: "sm", width: "100%", children });
+};
+Content.displayName = "Fieldset.Content";
+Fieldset.Content = Content;
+Fieldset.Header = FieldsetHeader;
+export {
+  Fieldset as default
+};
+//# sourceMappingURL=Fieldset.js.map

package/dist/components/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,2 @@
+export { default } from './Fieldset';
+export type { FieldsetProps, FieldsetHeaderProps, FieldsetContentProps, } from './Fieldset';

package/dist/components/Fieldset/index.js

@@ -0,0 +1,5 @@
+import { default as default2 } from "./Fieldset.js";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/FieldsetHeader/FieldsetHeader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface FieldsetHeaderProps {
+    children?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare const FieldsetHeader: ({ children, description, }: FieldsetHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default FieldsetHeader;

package/dist/components/FieldsetHeader/FieldsetHeader.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Heading } from "../Heading/Heading.js";
+import '../../assets/FieldsetHeader.css';const fieldsetHeader = "_fieldsetHeader_abhm4_1";
+const styles = {
+  fieldsetHeader,
+  "fieldsetHeader-description": "_fieldsetHeader-description_abhm4_12"
+};
+const FieldsetHeader = ({
+  children,
+  description
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: styles["fieldsetHeader"], children: [
+    /* @__PURE__ */ jsx(Heading, { as: "legend", size: "sm", fgColor: "accentSecondary", children }),
+    description && /* @__PURE__ */ jsx("span", { className: styles["fieldsetHeader-description"], children: description })
+  ] });
+};
+export {
+  FieldsetHeader,
+  FieldsetHeader as default
+};
+//# sourceMappingURL=FieldsetHeader.js.map

package/dist/components/FieldsetHeader/FieldsetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+export { default } from './FieldsetHeader';

package/dist/components/FieldsetHeader/index.js

@@ -0,0 +1,5 @@
+import { FieldsetHeader } from "./FieldsetHeader.js";
+export {
+  FieldsetHeader as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/FieldsetHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { FormProps as FormAriaProps } from 'react-aria-components';
+export interface FormProps extends FormAriaProps {
+    children?: React.ReactNode;
+}
+export declare const Form: ({ children, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export default Form;

package/dist/components/Form/Form.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Form as Form$1 } from "react-aria-components";
+import '../../assets/Form.css';const form = "_form_11vpr_1";
+const styles = {
+  form
+};
+const Form = ({
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(Form$1, { className: styles["form"], ...props, children });
+};
+export {
+  Form,
+  Form as default
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}