@sonic-equipment/ui 185.0.0 → 187.0.0

package/dist/address-info-display/address-info-display.d.ts

@@ -1,6 +1,6 @@
-import { AddressType } from '../shared/model/address';
+import { Address } from '../shared/model/address';
 export interface AddressProps {
-    address: AddressType;
+    address: Address;
     'data-test-selector'?: string;
 }
 export declare function AddressInfoDisplay({ address, 'data-test-selector': dataTestSelector, }: AddressProps): import("react/jsx-runtime").JSX.Element;

package/dist/address-info-display/address-info-display.js

@@ -3,7 +3,7 @@ import styles from './address-info-display.module.css.js';
 
 function AddressInfoDisplay({ address, 'data-test-selector': dataTestSelector, }) {
     const { address1, address2, address3, city, companyName, country, email, firstName, lastName, phone, postalCode, } = address;
-    return (jsxs("address", { className: styles.address, "data-test-selector": dataTestSelector, children: [(firstName || lastName) && (jsxs("p", { "data-test-selector": "addressInfoDisplay_name", children: [jsx("span", { "data-test-selector": "addressInfoDisplay_name_firstName", children: firstName }), ` `, jsx("span", { "data-test-selector": "addressInfoDisplay_name_lastName", children: lastName })] })), companyName && (jsx("p", { "data-test-selector": "addressInfoDisplay_companyName", children: companyName })), address1 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address1", children: address1 })), address2 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address2", children: address2 })), address3 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address3", children: address3 })), (postalCode || city) && (jsxs("p", { children: [postalCode && (jsxs(Fragment, { children: [jsx("span", { "data-test-selector": "addressInfoDisplay_postalCode", children: postalCode }), ' '] })), city && (jsx("span", { "data-test-selector": "addressInfoDisplay_city", children: city }))] })), country && (jsx("p", { "data-test-selector": "addressInfoDisplay_country", children: country })), phone && jsx("p", { "data-test-selector": "addressInfoDisplay_phone", children: phone }), email && jsx("p", { "data-test-selector": "addressInfoDisplay_email", children: email })] }));
+    return (jsxs("address", { className: styles.address, "data-test-selector": dataTestSelector, children: [(firstName || lastName) && (jsxs("p", { "data-test-selector": "addressInfoDisplay_name", children: [jsx("span", { "data-test-selector": "addressInfoDisplay_name_firstName", children: firstName }), ` `, jsx("span", { "data-test-selector": "addressInfoDisplay_name_lastName", children: lastName })] })), companyName && (jsx("p", { "data-test-selector": "addressInfoDisplay_companyName", children: companyName })), address1 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address1", children: address1 })), address2 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address2", children: address2 })), address3 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address3", children: address3 })), (postalCode || city) && (jsxs("p", { children: [postalCode && (jsxs(Fragment, { children: [jsx("span", { "data-test-selector": "addressInfoDisplay_postalCode", children: postalCode }), ' '] })), city && (jsx("span", { "data-test-selector": "addressInfoDisplay_city", children: city }))] })), country && (jsx("p", { "data-test-selector": "addressInfoDisplay_country", children: country.name })), phone && jsx("p", { "data-test-selector": "addressInfoDisplay_phone", children: phone }), email && jsx("p", { "data-test-selector": "addressInfoDisplay_email", children: email })] }));
 }
 
 export { AddressInfoDisplay };

package/dist/algolia/algolia-multi-select-filter-section.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useRefinementList } from 'react-instantsearch';
 import { MultiSelect } from '../filters/multi-select/multi-select.js';
-import { Checkbox } from '../forms/checkbox/checkbox.js';
+import { Checkbox } from '../forms/elements/checkbox/checkbox.js';
 import { FilterSection } from './filter-section.js';
 
 function AlgoliaMultiSelectFilterSection({ attribute, }) {

package/dist/algolia/algolia-sort-by.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useSortBy } from 'react-instantsearch';
-import { Select } from '../forms/select/select.js';
+import { Select } from '../forms/elements/select/select.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import { useLanguageCode } from '../intl/use-language-code.js';
 import { environment } from '../shared/utils/environment.js';

package/dist/buttons/add-to-cart-button/add-to-cart-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback, useRef, useEffect } from 'react';
-import { NumberField } from '../../forms/number-field/number-field.js';
+import { NumberField } from '../../forms/fields/number-field/number-field.js';
 import { SolidCartIcon } from '../../icons/solid/solid-cart-icon.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import { useDebouncedCallback } from '../../shared/hooks/use-debounced-callback.js';

package/dist/collapsables/accordion/accordion-item.js

@@ -6,6 +6,7 @@ import { GlyphsChevronsBoldDownIcon } from '../../icons/glyph/glyphs-chevrons-bo
 import { GlyphsChevronsSlimDownIcon } from '../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
 import { useDisclosure } from '../../shared/hooks/use-disclosure.js';
 import { ensureArray } from '../../shared/utils/array.js';
+import { Heading } from '../../typography/heading/heading.js';
 import styles from './accordion.module.css.js';
 
 function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = true, borderType = 'bottom', children, className, 'data-test-selector': dataTestSelector, id, initialIsOpen = false, isDisabled = false, size, title, }) {
@@ -23,7 +24,7 @@ function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = t
             [styles['is-open']]: isOpen,
             [styles['allow-collapse']]: allowCollapse,
             [styles['allow-toggle']]: allowCollapse && allowToggle,
-        }), "data-test-selector": dataTestSelector, children: [jsx("h3", { children: allowCollapse ? (jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo]), disabled: isDisabled, id: id, onClick: () => {
+        }), "data-test-selector": dataTestSelector, children: [jsx(Heading, { className: styles.heading, tag: "h3", children: allowCollapse ? (jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo]), disabled: isDisabled, id: id, onClick: () => {
                         if (allowToggle)
                             toggle();
                     }, tabIndex: allowToggle ? 0 : -1, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] })) : (jsx("span", { className: styles.button, children: title })) }), jsx("div", { "aria-labelledby": id, className: styles.panel, id: panelId, role: "region", children: jsx("div", { className: styles.content, children: children }) })] }));

package/dist/collapsables/accordion/accordion.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","select":"accordion-module-SAbiG","disabled":"accordion-module-ogvYX"};
+var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","heading":"accordion-module-d-B4T","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","select":"accordion-module-SAbiG","disabled":"accordion-module-ogvYX"};
 
 export { styles as default };

package/dist/country-select/country-select.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { SelectField } from '../forms/select-field/select-field.js';
+import { SelectField } from '../forms/fields/select-field/select-field.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
 
 function CountrySelect({ countries, countryNameInLanguageOfCountry = false, 'data-test-selector': dataTestSelector, defaultSelectedCountry, isDisabled, isLoading, isRequired, name, onCountryChange, selectedCountry, showLabel = true, }) {

package/dist/country-select/hooks/use-countries.js

@@ -33,6 +33,7 @@ function useCountries({ enabled = true, }) {
                     };
                 }),
                 name: country.name,
+                states: null,
             };
         });
         return countries;

package/dist/country-selector/country-selector-dialog/country-selector-dialog.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import { Button } from '../../buttons/button/button.js';
 import { CountrySelect } from '../../country-select/country-select.js';
-import { Select } from '../../forms/select/select.js';
+import { Select } from '../../forms/elements/select/select.js';
 import { FormattedMessage } from '../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import { Dialog } from '../../modals/dialog/dialog.js';

package/dist/exports.d.ts

@@ -89,27 +89,28 @@ export * from './filters/multi-select/multi-select';
 export * from './filters/pagination/pagination';
 export * from './footer/connected-footer';
 export * from './footer/footer';
-export * from './forms/checkbox-field/checkbox-field';
-export * from './forms/checkbox/checkbox';
-export * from './forms/color-checkbox/color-checkbox';
-export * from './forms/field-error/field-error';
-export * from './forms/form/form';
-export * from './forms/form/form-field-layout';
-export * from './forms/form/form-segment';
-export * from './forms/form/form-segment-group';
-export * from './forms/input/input';
-export * from './forms/label/label';
-export * from './forms/number-field/number-field';
-export * from './forms/password-field/password-field';
-export * from './forms/password-validation/password-validation';
-export * from './forms/search-field/search-field';
-export * from './forms/select-field/select-field';
-export * from './forms/select/select';
-export * from './forms/switch-field/switch-field';
-export * from './forms/switch/switch';
-export * from './forms/text-field/password-reveal-toggle/password-reveal-toggle';
-export * from './forms/text-field/text-field';
-export * from './forms/textarea/textarea';
+export * from './forms/elements/checkbox/checkbox';
+export * from './forms/elements/color-checkbox/color-checkbox';
+export * from './forms/elements/field-error/field-error';
+export * from './forms/elements/input/input';
+export * from './forms/elements/label/label';
+export * from './forms/elements/select/select';
+export * from './forms/elements/switch/switch';
+export * from './forms/elements/textarea/textarea';
+export * from './forms/fields/checkbox-field/checkbox-field';
+export * from './forms/fields/number-field/number-field';
+export * from './forms/fields/password-field/password-field';
+export * from './forms/fields/search-field/search-field';
+export * from './forms/fields/select-field/select-field';
+export * from './forms/fields/switch-field/switch-field';
+export * from './forms/fields/text-field/password-reveal-toggle/password-reveal-toggle';
+export * from './forms/fields/text-field/text-field';
+export * from './forms/layout/form/form';
+export * from './forms/layout/form/form-field-layout';
+export * from './forms/layout/form/form-segment';
+export * from './forms/layout/form/form-segment-group';
+export * from './forms/partials/edit-address-form/edit-address-form';
+export * from './forms/partials/password-validation/password-validation';
 export * from './global-search/categories-grid/categories-grid';
 export * from './global-search/global-search';
 export * from './global-search/global-search-provider/global-search-provider';
@@ -223,7 +224,7 @@ export * from './pages/checkout/payment-page/payment-page';
 export * from './pages/checkout/payment-page/payment-page-content';
 export * from './pages/checkout/payment-page/utils/parse-amount';
 export * from './pages/checkout/shipping-page/components/currency-change-dialog';
-export * from './pages/checkout/shipping-page/components/edit-address-form';
+export * from './pages/checkout/shipping-page/components/edit-checkout-bill-to-address-form';
 export * from './pages/checkout/shipping-page/components/readonly-address';
 export * from './pages/checkout/shipping-page/components/sonic-address';
 export * from './pages/checkout/shipping-page/hooks/use-patch-shipping-details';
@@ -240,6 +241,7 @@ export * from './pages/my-sonic/actions/change-customer/connected-change-custome
 export * from './pages/my-sonic/actions/change-password/change-password';
 export * from './pages/my-sonic/actions/change-password/change-password-dialog';
 export * from './pages/my-sonic/actions/change-password/connected-change-password-dialog';
+export * from './pages/my-sonic/actions/edit-bill-to-address/edit-bill-to-address';
 export * from './pages/my-sonic/actions/edit-user-info/connected-edit-user-info-dialog';
 export * from './pages/my-sonic/actions/edit-user-info/edit-user-info';
 export * from './pages/my-sonic/actions/edit-user-info/edit-user-info-dialog';

package/dist/filters/pagination/pagination.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { IconButton } from '../../buttons/icon-button/icon-button.js';
-import { NumberField } from '../../forms/number-field/number-field.js';
+import { NumberField } from '../../forms/fields/number-field/number-field.js';
 import { GlyphsChevronsSlimLeftIcon } from '../../icons/glyph/glyphs-chevrons-slim-left-icon.js';
 import { GlyphsChevronsSlimRightIcon } from '../../icons/glyph/glyphs-chevrons-slim-right-icon.js';
 import { FormattedMessage } from '../../intl/formatted-message.js';

package/dist/footer/connected-footer.d.ts

@@ -1,6 +1,7 @@
 import { OnCountryLanguageChangeHandler } from '../country-selector/connected-country-selector';
 import { NavigationLinkSource } from '../shared/api/bff/services/bff-service';
-export declare function ConnectedFooter({ onCountryLanguageChange, source, }: {
+export declare function ConnectedFooter({ className, onCountryLanguageChange, source, }: {
+    className?: string;
     onCountryLanguageChange: OnCountryLanguageChangeHandler;
     source: NavigationLinkSource;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/footer/connected-footer.js

@@ -5,10 +5,10 @@ import { useCultureCode } from '../intl/use-culture-code.js';
 import { useFetchNavigationLinks } from '../shared/api/bff/hooks/use-fetch-navigation-links.js';
 import { Footer } from './footer.js';
 
-function ConnectedFooter({ onCountryLanguageChange, source, }) {
+function ConnectedFooter({ className, onCountryLanguageChange, source, }) {
     const cultureCode = useCultureCode();
     const { data } = useFetchNavigationLinks({ cultureCode, source });
-    return (jsx(Footer, { bottomLinks: data?.footer.bottomLinks || [], copyright: data?.footer.copyright || '', countrySelector: jsx(ConnectedCountrySelector, { defaultCountryCode: "NL", defaultLanguageCode: "EN", onChange: onCountryLanguageChange }), linkBlocks: data?.footer.linkBlocks || [] }));
+    return (jsx(Footer, { bottomLinks: data?.footer.bottomLinks || [], className: className, copyright: data?.footer.copyright || '', countrySelector: jsx(ConnectedCountrySelector, { defaultCountryCode: "NL", defaultLanguageCode: "EN", onChange: onCountryLanguageChange }), linkBlocks: data?.footer.linkBlocks || [] }));
 }
 
 export { ConnectedFooter };

package/dist/footer/footer.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { NavigationLink } from '../shared/api/bff/model/bff.model';
 export interface FooterBottomSectionProps {
     bottomLinks: NavigationLink[];
+    className?: string;
     copyright: string;
     countrySelector: ReactNode;
 }
@@ -10,4 +11,4 @@ export interface FooterLinkBlockProps {
 }
 export interface FooterProps extends FooterBottomSectionProps, FooterLinkBlockProps {
 }
-export declare function Footer({ bottomLinks, copyright, countrySelector, linkBlocks, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ bottomLinks, className, copyright, countrySelector, linkBlocks, }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/footer/footer.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
 import { Link } from '../buttons/link/link.js';
 import { Accordion } from '../collapsables/accordion/accordion.js';
 import { AccordionItem } from '../collapsables/accordion/accordion-item.js';
@@ -8,11 +9,11 @@ import { useIsBreakpoint } from '../shared/hooks/use-is-breakpoint.js';
 import styles from './footer.module.css.js';
 
 function BottomSection({ bottomLinks, copyright, countrySelector, }) {
-    return (jsxs("div", { className: styles['bottom-section'], children: [copyright && jsx("p", { className: styles.copyright, children: copyright }), bottomLinks.length > 0 && (jsx("div", { className: styles['bottom-links'], children: bottomLinks.map(link => (jsx(Link, { className: styles['bottom-link'], href: link.url, target: link.openInNewTab ? '_blank' : undefined, children: link.title }, link.key))) })), countrySelector] }));
+    return (jsxs("section", { className: styles['bottom-section'], children: [copyright && jsx("p", { className: styles.copyright, children: copyright }), bottomLinks.length > 0 && (jsx("ul", { className: styles['bottom-links'], role: "navigation", children: bottomLinks.map(link => (jsx("li", { children: jsx(Link, { href: link.url, target: link.openInNewTab ? '_blank' : undefined, children: link.title }) }, link.key))) })), countrySelector && (jsx("div", { className: styles['country-selector'], children: countrySelector }))] }));
 }
 function LinkSection({ link }) {
     const isXl = useIsBreakpoint('xl');
-    return (jsx("div", { className: styles['link-block'], children: jsx(Accordion, { color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: !isXl, id: `link-block-${link.key}`, initialIsOpen: isXl, title: link.title, children: jsx("ul", { className: styles['list'], children: link.links?.map(link => jsx(FooterLink, { link: link }, link.key)) }) }) }) }, link.key));
+    return (jsx("section", { className: styles['link-block'], children: jsx(Accordion, { color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: !isXl, id: `link-block-${link.key}`, initialIsOpen: isXl, title: link.title, children: jsx("ul", { className: styles['list'], children: link.links?.map(link => (jsx("li", { children: jsx(FooterLink, { link: link }) }, link.key))) }) }) }) }, link.key));
 }
 function FooterLink({ link }) {
     const type = link.type;
@@ -26,10 +27,10 @@ function FooterLink({ link }) {
     return null;
 }
 function FooterLinkBlock({ linkBlocks }) {
-    return (jsx("div", { className: styles['main-links'], children: linkBlocks.map(link => (jsx(FooterLink, { link: link }, link.key))) }));
+    return (jsx("nav", { className: styles['main-links'], children: linkBlocks.map(link => (jsx(FooterLink, { link: link }, link.key))) }));
 }
-function Footer({ bottomLinks, copyright, countrySelector, linkBlocks, }) {
-    return (jsxs("footer", { className: styles.footer, children: [jsx(FooterLinkBlock, { linkBlocks: linkBlocks }), jsx(BottomSection, { bottomLinks: bottomLinks, copyright: copyright, countrySelector: countrySelector })] }));
+function Footer({ bottomLinks, className, copyright, countrySelector, linkBlocks, }) {
+    return (jsxs("footer", { className: clsx(styles.footer, className), children: [jsx(FooterLinkBlock, { linkBlocks: linkBlocks }), jsx(BottomSection, { bottomLinks: bottomLinks, copyright: copyright, countrySelector: countrySelector })] }));
 }
 
 export { Footer };

package/dist/footer/footer.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"footer":"footer-module-YzJ68","main-links":"footer-module-rFBXC","link-block":"footer-module-P5FXP","list":"footer-module-FM4hU","bottom-section":"footer-module-TZq-4","copyright":"footer-module-qlHSS","bottom-links":"footer-module-5eyFH","bottom-link":"footer-module-0gJpF"};
+var styles = {"footer":"footer-module-YzJ68","main-links":"footer-module-rFBXC","link-block":"footer-module-P5FXP","list":"footer-module-FM4hU","bottom-section":"footer-module-TZq-4","copyright":"footer-module-qlHSS","bottom-links":"footer-module-5eyFH","country-selector":"footer-module-rc0bC"};
 
 export { styles as default };

package/dist/forms/elements/checkbox/checkbox.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"checkbox":"checkbox-module-QzsaZ","box":"checkbox-module-spG9E","checkmark":"checkbox-module-CQcmb","color-checkbox":"checkbox-module-CRPMG","label":"checkbox-module-bO3ou"};
+
+export { styles as default };

package/dist/forms/{field-error → elements/field-error}/field-error.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { FieldError as FieldError$1 } from 'react-aria-components';
 import clsx from 'clsx';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
 import styles from './field-error.module.css.js';
 
 function FieldError({ children, className }) {

package/dist/forms/elements/field-error/field-error.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"field-error":"field-error-module-1wmEy"};
+
+export { styles as default };

package/dist/forms/elements/input/input.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"input-container":"input-module-uAOUY","solid":"input-module-7IaPE","outline":"input-module-axHOD","shadow-input":"input-module-2u4Pp","lg":"input-module-HFhUu","md":"input-module-DRosR","focus":"input-module-7iPV5","growing-input":"input-module-peOqs","inline-element":"input-module-Ai2f7","input":"input-module-JdwaH"};
+
+export { styles as default };

package/dist/forms/elements/label/label.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"label":"label-module-iLPRx","required":"label-module-8uUN-"};
+
+export { styles as default };

package/dist/forms/{select → elements/select}/select.js

@@ -3,9 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import { Select as Select$1, Button, SelectValue, Popover, ListBox, ListBoxSection, Header, ListBoxItem } from 'react-aria-components';
 import clsx from 'clsx';
-import { GlyphsChevronsSlimDownIcon } from '../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
-import { StrokeCheckmarkIcon } from '../../icons/stroke/stroke-checkmark-icon.js';
-import { ProgressCircle } from '../../loading/progress-circle.js';
+import { GlyphsChevronsSlimDownIcon } from '../../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
+import { StrokeCheckmarkIcon } from '../../../icons/stroke/stroke-checkmark-icon.js';
+import { ProgressCircle } from '../../../loading/progress-circle.js';
 import { FieldError } from '../field-error/field-error.js';
 import { Label } from '../label/label.js';
 import styles from './select.module.css.js';

package/dist/forms/elements/select/select.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"select":"select-module-IPU-m","sm":"select-module-ysEmc","md":"select-module-E62kG","button":"select-module-0kwVJ","icon-wrapper":"select-module-ptK6Z","focus":"select-module-cnFLz","solid":"select-module-Qq411","loading":"select-module-KuyIv","popover":"select-module-XFHrL","listbox":"select-module-K6TjK","header":"select-module-AUXLg","item":"select-module-MkKKi","check":"select-module-N7nUk"};
+
+export { styles as default };

package/dist/forms/elements/switch/switch.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"switch":"switch-module-C7eqt","indicator":"switch-module-UZop9","label":"switch-module-rX09b"};
+
+export { styles as default };

package/dist/forms/elements/textarea/textarea.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"input-container":"textarea-module-FEAEz","solid":"textarea-module-hHg5e","outline":"textarea-module-CEbPl","lg":"textarea-module-PKIWL","md":"textarea-module-27RUM"};
+
+export { styles as default };

package/dist/forms/{checkbox-field → fields/checkbox-field}/checkbox-field.d.ts

@@ -1,5 +1,5 @@
-import { CheckboxProps, CheckboxPropsBase } from '../checkbox/checkbox';
-import { ValidateFunction } from '../field-error/field-error';
+import { CheckboxProps, CheckboxPropsBase } from '../../elements/checkbox/checkbox';
+import { ValidateFunction } from '../../elements/field-error/field-error';
 export interface CheckboxFieldPropsBase extends CheckboxPropsBase {
     errorMessage?: string;
     info?: string;

package/dist/forms/{checkbox-field → fields/checkbox-field}/checkbox-field.js

@@ -2,10 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { CheckboxGroup } from 'react-aria-components';
 import clsx from 'clsx';
-import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
-import { Checkbox } from '../checkbox/checkbox.js';
-import { FieldError } from '../field-error/field-error.js';
-import { FormFieldLayout } from '../form/form-field-layout.js';
+import { InfoIconTooltip } from '../../../info-icon-tooltip/info-icon-tooltip.js';
+import { Checkbox } from '../../elements/checkbox/checkbox.js';
+import { FieldError } from '../../elements/field-error/field-error.js';
+import { FormFieldLayout } from '../../layout/form/form-field-layout.js';
 import styles from './checkbox-field.module.css.js';
 
 function CheckboxField(props) {

package/dist/forms/fields/checkbox-field/checkbox-field.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"checkbox-field":"checkbox-field-module-cjj4V"};
+
+export { styles as default };

package/dist/forms/{number-field → fields/number-field}/number-field.d.ts

@@ -1,5 +1,5 @@
 import { FocusEvent, FormEventHandler } from 'react';
-import { ValidateFunction } from '../field-error/field-error';
+import { ValidateFunction } from '../../elements/field-error/field-error';
 interface NumberFieldProps {
     autoFocus?: boolean;
     autoGrow?: boolean;

package/dist/forms/{number-field → fields/number-field}/number-field.js

@@ -3,14 +3,14 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
 import { NumberField as NumberField$1, Button } from 'react-aria-components';
 import clsx from 'clsx';
-import { StrokeMinusIcon } from '../../icons/stroke/stroke-minus-icon.js';
-import { StrokePlusIcon } from '../../icons/stroke/stroke-plus-icon.js';
-import { StrokeTrashIcon } from '../../icons/stroke/stroke-trash-icon.js';
-import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
-import { FieldError } from '../field-error/field-error.js';
-import { FormFieldLayout } from '../form/form-field-layout.js';
-import { Input } from '../input/input.js';
-import { Label } from '../label/label.js';
+import { StrokeMinusIcon } from '../../../icons/stroke/stroke-minus-icon.js';
+import { StrokePlusIcon } from '../../../icons/stroke/stroke-plus-icon.js';
+import { StrokeTrashIcon } from '../../../icons/stroke/stroke-trash-icon.js';
+import { InfoIconTooltip } from '../../../info-icon-tooltip/info-icon-tooltip.js';
+import { FieldError } from '../../elements/field-error/field-error.js';
+import { Input } from '../../elements/input/input.js';
+import { Label } from '../../elements/label/label.js';
+import { FormFieldLayout } from '../../layout/form/form-field-layout.js';
 import styles from './number-field.module.css.js';
 
 const defaultFormatOptions = {

package/dist/forms/fields/number-field/number-field.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"number-field":"number-field-module-eFnKr","controls":"number-field-module-MAY-9","zoom-in-text":"number-field-module-QbNfS","control":"number-field-module-v1sB2"};
+
+export { styles as default };

package/dist/forms/{search-field → fields/search-field}/search-field.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { StrokeSearchIcon } from '../../icons/stroke/stroke-search-icon.js';
-import { ProgressCircle } from '../../loading/progress-circle.js';
-import { useDebouncedCallback } from '../../shared/hooks/use-debounced-callback.js';
+import { StrokeSearchIcon } from '../../../icons/stroke/stroke-search-icon.js';
+import { ProgressCircle } from '../../../loading/progress-circle.js';
+import { useDebouncedCallback } from '../../../shared/hooks/use-debounced-callback.js';
 import { TextField } from '../text-field/text-field.js';
 
 function SearchField({ isDebounced = false, isLoading = false, onChange, value: _value, ...props }) {

package/dist/forms/{select-field → fields/select-field}/select-field.d.ts

@@ -1,4 +1,4 @@
-import { ValidateFunction } from '../field-error/field-error';
+import { ValidateFunction } from '../../elements/field-error/field-error';
 interface SelectFieldPropsBase {
     'data-test-selector'?: string;
     label: string;

package/dist/forms/{select-field → fields/select-field}/select-field.js

@@ -3,13 +3,13 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Select, Button, SelectValue, Popover, ListBox, ListBoxSection, Header, ListBoxItem } from 'react-aria-components';
 import clsx from 'clsx';
-import { GlyphsChevronsSlimDownIcon } from '../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
-import { StrokeCheckmarkIcon } from '../../icons/stroke/stroke-checkmark-icon.js';
-import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
-import { ProgressCircle } from '../../loading/progress-circle.js';
-import { FieldError } from '../field-error/field-error.js';
-import { FormFieldLayout } from '../form/form-field-layout.js';
-import { Label } from '../label/label.js';
+import { GlyphsChevronsSlimDownIcon } from '../../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
+import { StrokeCheckmarkIcon } from '../../../icons/stroke/stroke-checkmark-icon.js';
+import { InfoIconTooltip } from '../../../info-icon-tooltip/info-icon-tooltip.js';
+import { ProgressCircle } from '../../../loading/progress-circle.js';
+import { FieldError } from '../../elements/field-error/field-error.js';
+import { Label } from '../../elements/label/label.js';
+import { FormFieldLayout } from '../../layout/form/form-field-layout.js';
 import styles from './select-field.module.css.js';
 
 function SelectField({ className, 'data-test-selector': dataTestSelector, defaultSelectedOption, info, isDisabled, isInvalid, isLoading, isRequired, label, name, onChange, options, placeholder, selectedOption, showLabel = true, showPlaceholder, size = 'lg', variant = 'outline', }) {

package/dist/forms/fields/select-field/select-field.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"select-field":"select-field-module-T07fb","md":"select-field-module-x-dtL","solid":"select-field-module-jfk-G","loading":"select-field-module-NyDa0","button":"select-field-module-uGX30","value":"select-field-module-z-6Ym","icon":"select-field-module-Njvvb","popover":"select-field-module-tbhPg","listbox":"select-field-module-Rwf0R","header":"select-field-module-KDZmc","item":"select-field-module-u3hoe"};
+
+export { styles as default };

package/dist/forms/{switch-field → fields/switch-field}/switch-field.d.ts

@@ -1,5 +1,5 @@
-import { ValidateFunction } from '../field-error/field-error';
-import { SwitchProps, SwitchPropsBase } from '../switch/switch';
+import { ValidateFunction } from '../../elements/field-error/field-error';
+import { SwitchProps, SwitchPropsBase } from '../../elements/switch/switch';
 export interface SwitchFieldPropsBase extends SwitchPropsBase {
     errorMessage?: string;
     info?: string;

package/dist/forms/{switch-field → fields/switch-field}/switch-field.js

@@ -2,10 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { CheckboxGroup } from 'react-aria-components';
 import clsx from 'clsx';
-import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
-import { FieldError } from '../field-error/field-error.js';
-import { FormFieldLayout } from '../form/form-field-layout.js';
-import { Switch } from '../switch/switch.js';
+import { InfoIconTooltip } from '../../../info-icon-tooltip/info-icon-tooltip.js';
+import { FieldError } from '../../elements/field-error/field-error.js';
+import { Switch } from '../../elements/switch/switch.js';
+import { FormFieldLayout } from '../../layout/form/form-field-layout.js';
 import styles from './switch-field.module.css.js';
 
 function SwitchField(props) {

package/dist/forms/fields/switch-field/switch-field.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"switch-field":"switch-field-module-sVrKL"};
+
+export { styles as default };

package/dist/forms/{text-field → fields/text-field}/password-reveal-toggle/password-reveal-toggle.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Checkbox } from 'react-aria-components';
-import { StrokeDehashedIcon } from '../../../icons/stroke/stroke-dehashed-icon.js';
-import { StrokeHashedIcon } from '../../../icons/stroke/stroke-hashed-icon.js';
-import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
+import { StrokeDehashedIcon } from '../../../../icons/stroke/stroke-dehashed-icon.js';
+import { StrokeHashedIcon } from '../../../../icons/stroke/stroke-hashed-icon.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
 import styles from './password-reveal-toggle.module.css.js';
 
 /**

package/dist/forms/{text-field → fields/text-field}/password-reveal-toggle/password-reveal-toggle.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"password-reveal-toggle":"password-reveal-toggle-module-bGH6I"};
+var styles = {"password-reveal-toggle":"password-reveal-toggle-module-cW16B"};
 
 export { styles as default };

package/dist/forms/{text-field → fields/text-field}/text-field.d.ts

@@ -1,5 +1,5 @@
 import { FocusEvent, FormEventHandler } from 'react';
-import { ValidateFunction } from '../field-error/field-error';
+import { ValidateFunction } from '../../elements/field-error/field-error';
 interface TextFieldPropsBase {
     autoComplete?: string;
     autoFocus?: boolean;

package/dist/forms/{text-field → fields/text-field}/text-field.js

@@ -2,12 +2,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { TextField as TextField$1 } from 'react-aria-components';
 import clsx from 'clsx';
-import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
-import { FieldError } from '../field-error/field-error.js';
-import { FormFieldLayout } from '../form/form-field-layout.js';
-import { Input } from '../input/input.js';
-import { Label } from '../label/label.js';
-import { TextArea } from '../textarea/textarea.js';
+import { InfoIconTooltip } from '../../../info-icon-tooltip/info-icon-tooltip.js';
+import { FieldError } from '../../elements/field-error/field-error.js';
+import { Input } from '../../elements/input/input.js';
+import { Label } from '../../elements/label/label.js';
+import { TextArea } from '../../elements/textarea/textarea.js';
+import { FormFieldLayout } from '../../layout/form/form-field-layout.js';
 import styles from './text-field.module.css.js';
 
 function SingleLineInput({ autoGrow, 'data-test-selector': dataTestSelector, inlineElement, inputMode, label, onBlur, pattern, placeholder, role, size, type = 'text', value, variant, }) {

package/dist/forms/fields/text-field/text-field.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"text-field":"text-field-module-TYL3X"};
+
+export { styles as default };

package/dist/forms/layout/form/form-field-layout.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"form-field-layout":"form-field-layout-module-6lieX","label":"form-field-layout-module-3CQx4","input":"form-field-layout-module-0CMW-","info":"form-field-layout-module-RCuwU","error":"form-field-layout-module-VHcQ-"};
+
+export { styles as default };

package/dist/forms/layout/form/form-segment-group.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"form-segment-group":"form-segment-group-module-810IM"};
+
+export { styles as default };

package/dist/forms/layout/form/form-segment.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"form-segment":"form-segment-module-GbJZZ","floating":"form-segment-module-60hj6"};
+
+export { styles as default };

package/dist/forms/{form → layout/form}/form.js

@@ -3,8 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { Form as Form$1 } from 'react-aria-components';
 import clsx from 'clsx';
-import { Message } from '../../message/message.js';
-import { scrollToTop } from '../../shared/hooks/use-scroll-to.js';
+import { Message } from '../../../message/message.js';
+import { scrollToTop } from '../../../shared/hooks/use-scroll-to.js';
 import styles from './form.module.css.js';
 
 function Form({ autoComplete = false, children, className, errorMessage, footer, header, onSubmit, title, validationErrors, }) {
@@ -22,7 +22,7 @@ function Form({ autoComplete = false, children, className, errorMessage, footer,
             scrollToTop();
         }
     }, [errorMessage]);
-    return (jsxs(Form$1, { "aria-label": title, autoComplete: autoComplete ? 'on' : 'off', className: clsx(styles['form'], className), onSubmit: handleSubmit, validationBehavior: "native", validationErrors: validationErrors, children: [jsx("header", { className: styles['form-header'], children: header }), errorMessage && (jsx("section", { className: styles['error-messages'], children: jsx(Message, { type: "danger", children: errorMessage }) })), children, jsx("footer", { className: styles['form-footer'], children: footer })] }));
+    return (jsxs(Form$1, { "aria-label": title, autoComplete: autoComplete ? 'on' : 'off', className: clsx(styles['form'], className), onSubmit: handleSubmit, validationBehavior: "native", validationErrors: validationErrors, children: [header && jsx("header", { className: styles['form-header'], children: header }), errorMessage && (jsx("section", { className: styles['error-messages'], children: jsx(Message, { type: "danger", children: errorMessage }) })), children, jsx("footer", { className: styles['form-footer'], children: footer })] }));
 }
 
 export { Form };