suus-component-library 0.1.27 → 0.1.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/banner-hero/banner-hero.d.ts +2 -1
- package/dist/components/banner-hero/banner-hero.d.ts.map +1 -1
- package/dist/components/form/link/Link.d.ts +7 -1
- package/dist/components/form/link/Link.d.ts.map +1 -1
- package/dist/suus-component-library.css +1 -1
- package/dist/suus-component-library.js +185 -159
- package/dist/suus-component-library.umd.cjs +2 -2
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ export interface BannerHeroProps {
|
|
|
10
10
|
actionButtonPrimary?(): void;
|
|
11
11
|
labelButtonSecondary?: string;
|
|
12
12
|
actionButtonSecondary?(): void;
|
|
13
|
+
gradientOverlay?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export type BannerColorToken = "--color-juice-sugarcane" | "--color-juice-tamarind" | "--color-juice-guarana" | "--color-juice-icetea" | "--color-text-light" | "--color-text-dark";
|
|
15
16
|
/**
|
|
@@ -27,5 +28,5 @@ export type BannerColorToken = "--color-juice-sugarcane" | "--color-juice-tamari
|
|
|
27
28
|
|
|
28
29
|
Bei Produktbildern wie Getränkedosen oder Flaschen lohnt sich ein eigenes Mobile-Crop fast immer.
|
|
29
30
|
*/
|
|
30
|
-
export default function BannerHero({ title, description, colorToken, imageBackgroundDesktop, imageBackgroundTablet, imageBackgroundMobile, fallbackImageSrc, labelButtonPrimary, actionButtonPrimary, labelButtonSecondary, actionButtonSecondary, }: BannerHeroProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export default function BannerHero({ title, description, colorToken, imageBackgroundDesktop, imageBackgroundTablet, imageBackgroundMobile, fallbackImageSrc, labelButtonPrimary, actionButtonPrimary, labelButtonSecondary, actionButtonSecondary, gradientOverlay, }: BannerHeroProps): import("react/jsx-runtime").JSX.Element;
|
|
31
32
|
//# sourceMappingURL=banner-hero.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"banner-hero.d.ts","sourceRoot":"","sources":["../../../src/components/banner-hero/banner-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAO1B,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,IAAI,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"banner-hero.d.ts","sourceRoot":"","sources":["../../../src/components/banner-hero/banner-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAO1B,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,IAAI,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,MAAM,gBAAgB,GACtB,yBAAyB,GACzB,wBAAwB,GACxB,uBAAuB,GACvB,sBAAsB,GACtB,oBAAoB,GACpB,mBAAmB,CAAC;AAS1B;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAChC,KAAK,EACL,WAAW,EACX,UAAU,EACV,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,eAAuB,GACzB,EAAE,eAAe,2CAyEjB"}
|
|
@@ -4,6 +4,7 @@ export type LinkProps = {
|
|
|
4
4
|
href?: string;
|
|
5
5
|
newTab?: boolean;
|
|
6
6
|
showArrow?: boolean;
|
|
7
|
+
arrowPosition?: "left" | "right";
|
|
7
8
|
variant?: "default" | "glassy";
|
|
8
9
|
} & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
9
10
|
/**
|
|
@@ -21,6 +22,11 @@ export type LinkProps = {
|
|
|
21
22
|
* Zum Shop
|
|
22
23
|
* </AppLink>
|
|
23
24
|
*
|
|
25
|
+
* Link mit Pfeil links:
|
|
26
|
+
* <Link href="/shop" arrowPosition="left">
|
|
27
|
+
* Zum Shop
|
|
28
|
+
* </AppLink>
|
|
29
|
+
*
|
|
24
30
|
* Link and show content in new browser-tab:
|
|
25
31
|
* <Link href="https://suus.ch" newTab>
|
|
26
32
|
* SUUS besuchen
|
|
@@ -31,5 +37,5 @@ export type LinkProps = {
|
|
|
31
37
|
* Mehr anzeigen
|
|
32
38
|
* </AppLink>
|
|
33
39
|
*/
|
|
34
|
-
export default function Link({ children, href, onClick, newTab, showArrow, variant, className, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
export default function Link({ children, href, onClick, newTab, showArrow, arrowPosition, variant, className, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
35
41
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/form/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzE,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAClC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAG5C
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/form/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzE,MAAM,MAAM,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAClC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EACO,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAc,EACd,SAAgB,EAChB,aAAuB,EACvB,OAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACV,EAAE,SAAS,2CAuC3C"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--color-green-bright:#e5fc5a;--color-green-light:#d0e646;--color-green-default:#afc33b;--color-green-dark:#8fa02a;--color-green-midnight:#5c6814;--color-gold-bright:#f9db86;--color-gold-light:#eec348;--color-gold-default:#d9ab29;--color-gold-dark:#b58f24;--color-gold-midnight:#97771d;--color-gray-white:#fff;--color-gray-bright:#eee;--color-gray-light:#dfdfdf;--color-gray-default:#c2bfbf;--color-gray-midnight:#5b5a5a;--color-gray-dark:#272727;--color-gray-white-transparent-40:#fff6;--color-gray-white-transparent-70:#ffffffb3;--color-states-error:#de6565;--color-juice-sugarcane:#9bad30;--color-juice-tamarind:#da8e33;--color-juice-guarana:#df2114;--color-juice-icetea:#7b4e80;--padding-8:8px;--padding-16:16px;--padding-24:24px;--padding-32:32px;--padding-40:40px;--padding-48:48px;--padding-56:56px;--padding-64:64px;--radius-small:8px;--radius-default:16px;--radius-large:24px;--radius-huge:50px;--radius-round:50px;--border-thin:.5px;--border-default:1px;--border-thick:2px;--shadow-elevation-default:[object Object];--shadow-elevation-large:[object Object];--typeface-font-family-sans-serif:Sora;--typeface-font-weight-regular-400:400;--typeface-font-weight-medium-500:500;--typeface-font-weight-bold-700:700;--typeface-font-size-small-16:.889rem;--typeface-font-size-default-20:1.111rem;--typeface-font-size-large-24:1.333rem;--typeface-font-size-extra-large-36:2rem;--typeface-font-size-huge-48:2.667rem;--typeface-font-size-extra-huge-72:4rem;--typeface-letter-spacing-default:.006rem;--typeface-letter-spacing-large:.011rem;--typeface-line-height-default-120:120%;--typeface-line-height-large-150:150%;--color-states-success:var(--color-green-default);--color-states-warning:var(--color-gold-default);--color-states-info:var(--color-green-default);--color-brand-bright:var(--color-green-bright);--color-brand-light:var(--color-green-light);--color-brand-default:var(--color-green-default);--color-brand-dark:var(--color-green-dark);--color-brand-midnight:var(--color-green-midnight);--color-surface-light:var(--color-gray-white);--color-surface-muted:var(--color-gray-bright);--color-surface-glassy:var(--color-gray-white-transparent-40);--color-surface-gradient-from:var(--color-green-light);--color-surface-gradient-to:var(--color-green-midnight);--color-form-background-enabled:var(--color-gray-white);--color-form-background-disabled:var(--color-gray-light);--color-form-background-checked:var(--color-green-midnight);--color-form-glassy-background-enabled:var(--color-gray-white-transparent-40);--color-form-glassy-background-disabled:var(--color-gray-light);--color-form-glassy-background-checked:var(--color-green-midnight);--color-text-dark:var(--color-gray-dark);--color-text-light:var(--color-gray-white);--color-text-muted:var(--color-gray-midnight);--color-text-disabled:var(--color-gray-default);--color-text-placeholder:var(--color-gray-default);--color-border-default:var(--color-gray-light);--color-border-strong:var(--color-gray-default);--color-border-focus:var(--color-green-default);--color-status-error:var(--color-states-error);--typeface-font-family-header:var(--typeface-font-family-sans-serif);--typeface-font-family-body:var(--typeface-font-family-sans-serif);--typeface-font-family-statement:var(--typeface-font-family-sans-serif);--typeface-font-family-form:var(--typeface-font-family-sans-serif);--mode-panel-radius:var(--radius-large);--mode-panel-padding:var(--padding-64);--mode-tile-radius:var(--radius-small);--mode-tile-padding:var(--padding-56);--panel-background-gradient-top-left-green:var(--color-green-light);--panel-background-gradient-bottom-right-green:var(--color-green-midnight);--panel-background-gradient-top-left-white:var(--color-gray-white-transparent-70);--panel-background-gradient-bottom-right-white:var(--color-gray-white-transparent-40);--panel-text-title:var(--color-green-dark);--panel-border-width:var(--border-default);--tile-default-shadow-default:var(--shadow-elevation-default);--tile-default-shadow-hover:var(--shadow-elevation-large);--tile-glassy-background-hover:var(--color-gray-white-transparent-40);--tile-glassy-text-muted:var(--color-gray-light);--tile-glassy-border-color-default:var(--color-gray-white-transparent-70);--tile-glassy-border-color-hover:var(--color-gray-white);--tile-glassy-shadow-default:var(--shadow-elevation-default);--tile-glassy-shadow-hover:var(--shadow-elevation-large);--tile-border-width-default:var(--border-default);--tile-border-width-thick:var(--border-thick);--button-primary-background-enabled:var(--color-green-default);--button-primary-background-enabled-gradient-from:var(--color-green-light);--button-primary-background-enabled-gradient-to:var(--color-green-midnight);--button-primary-background-hover:var(--color-green-dark);--button-primary-background-disabled:var(--color-gray-light);--button-primary-border-color-default:var(--color-green-default);--button-primary-border-color-disabled:var(--color-gray-default);--button-primary-border-color-selected:var(--color-green-dark);--button-primary-border-color-hover:var(--color-green-dark);--button-primary-shadow-default:var(--shadow-elevation-default);--button-primary-shadow-hover:var(--shadow-elevation-large);--button-secondary-background-enabled:var(--color-gray-white);--button-secondary-background-disabled:var(--color-gray-bright);--button-secondary-background-hover:var(--color-gray-bright);--button-secondary-text-default:var(--color-green-dark);--button-secondary-icon-default:var(--color-green-dark);--button-secondary-border-color-default:var(--color-green-default);--button-secondary-border-color-disabled:var(--color-gray-default);--button-secondary-border-color-selected:var(--color-green-dark);--button-secondary-border-color-hover:var(--color-green-dark);--button-secondary-shadow-default:var(--shadow-elevation-default);--button-secondary-shadow-hover:var(--shadow-elevation-large);--button-radius:var(--radius-huge);--button-border-width:var(--border-default);--button-gap-default:var(--padding-8);--button-padding-top:var(--padding-8);--button-padding-bottom:var(--padding-8);--button-padding-left:var(--padding-32);--button-padding-right:var(--padding-40);--form-input-default-background-enabled:var(--color-gray-white);--form-input-default-background-disabled:var(--color-gray-bright);--form-input-default-background-hover:var(--color-green-default);--form-input-default-border-color-hover:var(--color-green-midnight);--form-input-default-border-color-disabled:var(--color-gray-light);--form-input-glassy-background-enabled:var(--color-gray-white-transparent-40);--form-input-glassy-background-disabled:var(--color-gray-bright);--form-input-glassy-background-hover:var(--color-green-midnight);--form-input-glassy-text-placeholder:var(--color-gray-light);--form-input-glassy-border-color-enabled:var(--color-gray-white-transparent-70);--form-input-glassy-border-color-selected:var(--color-gray-white);--form-input-glassy-border-color-hover:var(--color-green-midnight);--form-input-glassy-border-color-disabled:var(--color-gray-light);--form-input-radius:var(--radius-default);--form-message-font-size:var(--typeface-font-size-small-16);--form-message-radius:var(--radius-default);--form-message-border-width-default:var(--border-default);--form-message-border-width-selected:var(--border-thick);--snackbar-border-width:var(--border-thick);--icon-color-selected:var(--color-green-dark);--menu-text-hover:var(--color-green-light);--menu-text-selected:var(--color-green-light);--menu-background-flyout-gradient-from:var(--color-green-light);--menu-background-flyout-gradient-to:var(--color-green-midnight);--menu-flyout-text-hover:var(--color-green-default);--menu-flyout-text-selected:var(--color-green-light);--menu-flyout-background-flyout-gradient-from:var(--color-green-light);--menu-flyout-background-flyout-gradient-to:var(--color-green-midnight);--illustrations-default:var(--color-green-default);--illustrations-light:var(--color-green-bright);--stepper-dot:var(--color-green-default);--stepper-border-dot:var(--color-gray-light);--stepper-border-dot-selected:var(--color-green-dark);--stepper-line:var(--color-green-default);--stepper-line-disabled:var(--color-gray-light);--chip-background-hover:var(--color-gray-bright);--chip-background-checked:var(--color-gold-default);--chip-radius:var(--radius-round);--chip-glassy-background-hover:var(--color-gray-bright);--chip-glassy-background-checked:var(--color-gold-default);--color-status-success:var(--color-states-success);--color-status-warning:var(--color-states-warning);--color-status-info:var(--color-states-info);--panel-background-transparent:var(--color-surface-glassy);--panel-background-white:var(--color-surface-light);--panel-background-gray:var(--color-surface-muted);--panel-text-title-glassy:var(--color-text-light);--panel-border-color:var(--color-border-default);--panel-radius:var(--mode-panel-radius);--panel-padding:var(--mode-panel-padding);--tile-default-background-default:var(--color-surface-light);--tile-default-background-hover:var(--color-surface-muted);--tile-default-text-title:var(--color-text-dark);--tile-default-text-content:var(--color-text-dark);--tile-default-text-muted:var(--color-text-muted);--tile-default-border-color-default:var(--color-border-strong);--tile-default-border-color-hover:var(--color-border-focus);--tile-glassy-background-default:var(--color-surface-glassy);--tile-glassy-text-title:var(--color-text-light);--tile-glassy-text-content:var(--color-text-light);--tile-radius:var(--mode-tile-radius);--tile-padding-default:var(--mode-tile-padding);--button-primary-text-default:var(--color-text-light);--button-primary-text-disabled:var(--color-text-disabled);--button-primary-icon-default:var(--color-text-light);--button-primary-icon-disabled:var(--color-text-disabled);--button-secondary-text-disabled:var(--color-text-disabled);--button-secondary-icon-disabled:var(--color-text-disabled);--form-input-default-text-label:var(--color-text-dark);--form-input-default-text-content:var(--color-text-dark);--form-input-default-text-placeholder:var(--color-text-placeholder);--form-input-default-border-color-enabled:var(--color-border-default);--form-input-default-border-color-selected:var(--color-border-focus);--form-input-glassy-text-label:var(--color-text-light);--form-input-glassy-text-content:var(--color-text-light);--form-message-error-text-color:var(--color-status-error);--form-message-error-border-color:var(--color-status-error);--snackbar-background-erro:var(--color-status-error);--snackbar-border-color-erro:var(--color-status-error);--snackbar-text-color-info:var(--color-text-light);--snackbar-text-color-warning:var(--color-text-light);--snackbar-text-color-erro:var(--color-text-light);--snackbar-text-color-success:var(--color-text-light);--icon-color-default:var(--color-text-dark);--icon-color-inverse:var(--color-text-light);--icon-color-selected-inverse:var(--color-text-light);--icon-color-disabled:var(--color-text-disabled);--text-title-default:var(--color-text-dark);--text-title-glassy:var(--color-text-light);--text-content-default:var(--color-text-dark);--text-content-muted:var(--color-text-muted);--text-content-light:var(--color-text-light);--menu-text-white:var(--color-text-light);--menu-flyout-text-white:var(--color-text-light);--stepper-label:var(--color-text-dark);--link-default-text-label:var(--color-brand-default);--link-default-text-hover:var(--color-brand-dark);--link-glassy-text-label:var(--color-text-light);--link-glassy-text-hover:var(--color-text-dark);--chip-text-color-default:var(--color-brand-default);--chip-text-color-hover:var(--color-brand-dark);--chip-background-enabled:var(--color-form-background-enabled);--chip-background-disabled:var(--color-form-background-disabled);--chip-border-color-default:var(--color-brand-default);--chip-border-color-hover:var(--color-brand-dark);--chip-glassy-text-color-default:var(--color-text-light);--chip-glassy-text-color-hover:var(--color-text-dark);--chip-glassy-background-enabled:var(--color-form-glassy-background-enabled);--chip-glassy-background-disabled:var(--color-form-glassy-background-disabled);--chip-glassy-border-color-default:var(--color-brand-default);--chip-glassy-border-color-hover:var(--color-brand-dark);--typography-heading-hero:var(--typeface-font-weight-bold-700) var(--typeface-font-size-extra-huge-72)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h1:var(--typeface-font-weight-bold-700) var(--typeface-font-size-huge-48)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h2:var(--typeface-font-weight-bold-700) var(--typeface-font-size-extra-large-36)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h3:var(--typeface-font-weight-bold-700) var(--typeface-font-size-large-24)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-body-default:var(--typeface-font-weight-regular-400) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-body-small:var(--typeface-font-weight-regular-400) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-body-strong:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-form-label:var(--typeface-font-weight-medium-500) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-form-text:var(--typeface-font-weight-regular-400) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-form-message:var(--typeface-font-weight-regular-400) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-button-label:var(--typeface-font-weight-bold-700) var(--typeface-font-size-default-20)/var(--typeface-line-height-default-120) var(--typeface-font-family-body);--typography-link-label:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-menu-default:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-menu-large:var(--typeface-font-weight-bold-700) var(--typeface-font-size-large-24)/var(--typeface-line-height-default-120) var(--typeface-font-family-body);--form-message-info-text-color:var(--color-status-info);--form-message-info-border-color:var(--color-status-info);--form-message-warning-text-color:var(--color-status-warning);--form-message-warning-border-color:var(--color-status-warning);--form-message-success-text-color:var(--color-status-success);--form-message-success-border-color:var(--color-status-success);--snackbar-background-info:var(--color-status-info);--snackbar-background-warning:var(--color-status-warning);--snackbar-background-success:var(--color-status-success);--snackbar-border-color-info:var(--color-status-info);--snackbar-border-color-warning:var(--color-status-warning);--snackbar-border-color-success:var(--color-status-success);--stepper-dot-number:var(--text-content-light);font-family:var(--typeface-font-family-body), sans-serif}html,body{font-family:var(--typeface-font-family-sans-serif), sans-serif}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}.inputBlockVertical{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.inputBlockHorizontal{justify-content:space-between;align-items:center;width:100%;display:flex}.inputLabel{font-family:var(--typeface-font-family-sans-serif), sans-serif;font-weight:var(--typeface-font-weight-regular-400);font-size:var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150);color:var(--form-input-default-text-label)}.inputLabelGlassy{font-family:var(--typeface-font-family-sans-serif), sans-serif;font-weight:var(--typeface-font-weight-regular-400);font-size:var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150);color:var(--form-input-glassy-text-label)}._suusButton_1ucmz_1{--button-background-color:var(--color-juice-sugarcane);min-height:3rem;font-family:var(--typeface-font-family-sans-serif), sans-serif;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0 solid #0000;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:0 2rem;font-size:1rem;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}@media (width<=480px){._suusButton_1ucmz_1{width:100%;min-width:0}}._icon_1ucmz_45{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:inline-flex}._icon_1ucmz_45 svg{width:100%;height:100%;display:block}._label_1ucmz_62{display:inline-block}._primary_1ucmz_69{color:var(--button-primary-text-default);background:linear-gradient(180deg, color-mix(in srgb, var(--button-background-color) 85%, white 15%) 0%, var(--button-background-color) 60%, color-mix(in srgb, var(--button-background-color) 75%, black 25%) 100%);box-shadow:inset 0 3px 6px color-mix(in srgb, var(--button-background-color) 50%, white 50%), inset 0 -2px 4px color-mix(in srgb, var(--button-background-color) 60%, black 40%), 0 10px 18px #00000026;border-color:#0000}._primary_1ucmz_69:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px #fff3,inset 0 -2px #00000024,0 12px 22px #0000002e}._primary_1ucmz_69:focus-visible:not(:disabled){box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--button-background-color) 72%, white 28%), inset 0 2px 0 #ffffff2e, inset 0 -2px 0 #0000001f, 0 0 0 4px #ffffffe6}._primary_1ucmz_69:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0000001f,inset 0 1px #ffffff1f}._secondary_1ucmz_113{color:var(--button-secondary-text-default);border:2px solid var(--button-secondary-border-color-default);background:color-mix(in srgb, var(--button-secondary-background-enabled) 8%, white 92%);box-shadow:inset 0 1px #fffc,0 4px 12px #0000000f}._secondary_1ucmz_113:hover:not(:disabled){background:color-mix(in srgb, var(--button-secondary-background-hover) 8%, white 92%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #00000014}._secondary_1ucmz_113:focus-visible:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--button-secondary-background-hover) 18%, white 82%), 0 0 0 4px #fffffff2}._secondary_1ucmz_113:active:not(:disabled){background:color-mix(in srgb, var(--button-secondary-background-enabled) 12%, white 88%);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}._suusButton_1ucmz_1:disabled{cursor:not-allowed;transform:none}._primary_1ucmz_69:disabled{background:var(--button-primary-background-disabled);color:var(--button-primary-text-disabled);box-shadow:none;border-color:#0000}._secondary_1ucmz_113:disabled{color:var(--button-secondary-text-disabled);border-color:var(--button-secondary-border-color-disabled);box-shadow:none;background:#fff}._loading_1ucmz_169{pointer-events:none}._loader_1ucmz_173{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:1.2rem;height:1.2rem;animation:.7s linear infinite _btn-spin_1ucmz_1}._loaderSecondary_1ucmz_182{border:2px solid color-mix(in srgb, var(--button-background-color) 20%, white 80%);border-top-color:var(--button-background-color)}@keyframes _btn-spin_1ucmz_1{to{transform:rotate(360deg)}}.banner-hero{overflow-y:hidden}.hero__container{grid-column:1/-1;grid-template-areas:"hero";width:100%;height:clamp(28rem,70vh,52rem);display:grid}.hero__container>*{grid-area:hero}.hero__content{z-index:1;place-self:start;max-width:min(92vw,34rem);margin:0;padding:clamp(4.5rem,14vh,8rem) clamp(1rem,3.5vw,2.5rem) 0 clamp(1rem,10vw,16rem);position:relative}.banner--title{text-align:left;margin-bottom:clamp(.5rem,1.2vw,1.5rem);font-size:clamp(2.25rem,7.5vw,5rem);font-weight:700;line-height:1.05;display:inline-block}.banner--description{max-width:32ch;margin:0;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4;display:block}.image-banner{object-fit:cover;object-position:62% center;width:100vw;height:clamp(28rem,70vh,52rem);display:block}.banner-hero-buttonbar{text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:clamp(.5rem,1.2vw,1rem);margin-top:clamp(.75rem,2vw,2rem);display:flex}.banner-hero-buttonbar button{width:fit-content;min-width:0;padding-left:clamp(1rem,2vw,1.5rem);padding-right:clamp(1rem,2vw,1.5rem)}._checkboxWrapper_hv63b_1{--checkbox-color:var(--color-juice-sugarcane,#899822);--checkbox-error-color:var(--color-status-error,#de6565);--checkbox-disabled-color:var(--form-input-default-background-disabled,#dfdfdf);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a);--checkbox-focus-color:#89982247;flex-direction:column;gap:.45rem;width:fit-content;display:flex}._checkboxInput_hv63b_15{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._checkboxLabel_hv63b_24{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;display:inline-flex}._customCheckbox_hv63b_34{border:2.5px solid var(--checkbox-color);box-sizing:border-box;background-color:#0000;border-radius:.45rem;flex:0 0 2rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}._checkIcon_hv63b_57{opacity:0;width:1.2rem;height:1.2rem;transition:opacity .14s,transform .16s;transform:scale(.7)}._checkIcon_hv63b_57 path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}._checkboxText_hv63b_76{color:var(--form-input-default-text-label);font-size:var(--typeface-font-size-default-20,1.1rem);font-weight:var(--typeface-font-weight-bold-700,700);line-height:1.2}._checkboxLabel_hv63b_24:hover ._customCheckbox_hv63b_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);transform:translateY(-1px)}._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._checkIcon_hv63b_57{opacity:1;transform:scale(1)}._checkboxInput_hv63b_15:focus-visible+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);outline:none}._checkboxWrapperDisabled_hv63b_107{--checkbox-color:var(--checkbox-disabled-color);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a)}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24{cursor:not-allowed}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{border-color:var(--checkbox-disabled-color);box-shadow:none;background-color:#0000;transform:none}._checkboxInput_hv63b_15:disabled:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-disabled-color);border-color:var(--checkbox-disabled-color)}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24 ._checkboxText_hv63b_76{opacity:.75}._checkboxWrapperError_hv63b_133{--checkbox-color:var(--checkbox-error-color);--checkbox-focus-color:#de65653d}._checkboxWrapperError_hv63b_133 ._customCheckbox_hv63b_34{border-color:var(--checkbox-error-color)}._checkboxWrapperError_hv63b_133 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._errorMessage_hv63b_147{min-height:1.2em;color:var(--checkbox-error-color);padding-left:2.75rem;font-size:.8rem;display:block}._errorMessageHidden_hv63b_155{visibility:hidden}._checkboxWrapperGlassy_hv63b_160{--checkbox-color:#ffffffb8;--checkbox-text-color:#fff;--checkbox-focus-color:#ffffff3d}._checkboxWrapperGlassy_hv63b_160 ._customCheckbox_hv63b_34{background-color:#ffffff38;border-color:#ffffffb8}._checkboxWrapperGlassy_hv63b_160 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:#ffffff47;border-color:#ffffff47}._checkboxWrapperGlassy_hv63b_160 ._checkboxText_hv63b_76{color:#fff}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133{--checkbox-color:var(--checkbox-error-color);--checkbox-text-color:#fff;--checkbox-focus-color:#de656547}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133 ._customCheckbox_hv63b_34{border-color:var(--checkbox-error-color);background-color:#0000}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._chip_1po0g_1{border-radius:var(--chip-radius,999px);letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;justify-content:center;align-items:center;width:fit-content;min-height:40px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}._chipDefault_1po0g_21{background:var(--chip-background-enabled,#fff);color:var(--chip-text-color-default,#272727);border-color:var(--chip-border-color-default,#d1d5db)}._chipDefault_1po0g_21:hover{background:var(--chip-background-hover,#fff);color:var(--chip-text-color-default,#272727);border-color:var(--chip-border-color-hover,#d1d5db)}._chipGlassy_1po0g_36{background:var(--chip-glassy-background-enabled,#fff);color:var(--chip-glassy-text-color-default);border-color:var(--chip-border-color-hover,#d1d5db)}._chipGlassy_1po0g_36:hover{background:var(--chip-glassy-background-hover,#fff);color:var(--chip-glassy-text-color-default,#272727);border-color:var(--chip-border-color-hover,#d1d5db)}._chipChecked_1po0g_49{background:var(--chip-glassy-background-checked,#37ae61);color:var(--chip-glassy-text-color-default,#555454);border-color:var(--chip-border-color-hover,#a7b325)}._chipDisabled_1po0g_56{opacity:.7;cursor:default;pointer-events:none}._dateInputWrapper_liktj_1{width:100%;position:relative}._inputDateField_liktj_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;appearance:none;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 48px 0 14px;font-size:16px}._inputDateField_liktj_6::-webkit-calendar-picker-indicator{opacity:0;appearance:none;display:none}._inputDateField_liktj_6::-webkit-inner-spin-button{appearance:none;display:none}._inputDateField_liktj_6::-webkit-clear-button{appearance:none;display:none}._inputDateField_liktj_6{appearance:none}._inputDateFieldGlassy_liktj_38{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputDateField_liktj_6:focus,._inputDateFieldGlassy_liktj_38:focus{border-color:var(--color-juice-sugarcane,#a7b325);outline:none}._inputDateField_liktj_6:disabled{cursor:not-allowed;opacity:.65}._inputError_liktj_56{border-color:#de6565}._calendarIconButton_liktj_60{width:24px;height:24px;color:var(--color-juice-sugarcane,#6a7a0a);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}._calendarIconButton_liktj_60:disabled{cursor:not-allowed;opacity:.6}._calendarIconButton_liktj_60:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:3px;border-radius:999px}._icon_liktj_88{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_liktj_97{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_liktj_104{visibility:hidden}._inputSelectField_1505j_1{border-radius:var(--form-input-radius);color:#403f3f;background:var(--form-input-default-background-enabled);border:1px solid #d1d5db;width:100%;height:50px;padding:0 14px}._inputSelectFieldGlassy_1505j_12{color:#fff;background:var(--form-input-glassy-background-enabled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}._inputSelectField_1505j_1:focus,._inputSelectFieldGlassy_1505j_12:focus{outline:none}._inputError_1505j_24{border-color:var(--form-message-error-border-color)}._errorMessage_1505j_28{min-height:1.2em;font-size:var(--form-message-font-size);color:var(--form-message-error-text-color);display:block}._errorMessageHidden_1505j_35{visibility:hidden}@supports (appearance:base-select){._inputSelectField_1505j_1{appearance:base-select}._inputSelectField_1505j_1::picker(select){appearance:base-select}._inputSelectField_1505j_1{align-items:center;display:flex}._inputSelectField_1505j_1::picker(select){background:var(--form-input-default-background-enabled);color:#403f3f;border-radius:var(--form-input-radius);border:1px solid #d1d5db;padding:6px;box-shadow:0 16px 40px #0000002e}._inputSelectFieldGlassy_1505j_12::picker(select){background:var(--form-input-glassy-background-enabled);color:#fff;border-radius:var(--form-input-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff4d;padding:6px;box-shadow:0 16px 40px #00000047}._inputSelectField_1505j_1::picker-icon{color:currentColor;align-content:center;font-size:24px;transition:rotate .16s}._inputSelectField_1505j_1:open::picker-icon{rotate:180deg}._inputSelectField_1505j_1 option{border-radius:calc(var(--form-input-radius) - 4px);padding:10px 12px}._inputSelectField_1505j_1 option:hover,._inputSelectField_1505j_1 option:focus{background:#0000000f}._inputSelectField_1505j_1 option:checked{background:var(--color-green-light);color:#272727}._inputSelectFieldGlassy_1505j_12 option:hover,._inputSelectFieldGlassy_1505j_12 option:focus{background:#ffffff29}._inputSelectFieldGlassy_1505j_12 option:checked{color:#fff;background:#ffffff3d}._inputSelectField_1505j_1 option:disabled,._inputSelectFieldGlassy_1505j_12 option:disabled{color:var(--color-form-background-disabled)}}._appLink_b53rv_1{cursor:pointer;align-items:center;gap:8px;width:fit-content;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}._appLinkDefault_b53rv_19{color:var(--link-default-text-label,#272727)}._appLinkDefault_b53rv_19:hover{color:var(--link-default-text-hover,#272727)}._appLinkGlassy_b53rv_30{color:var(--link-glassy-text-label,#272727)}._appLinkGlassy_b53rv_30:hover{color:var(--link-glassy-text-hover,#272727)}._label_b53rv_38{align-items:center;display:inline-flex}._icon_b53rv_43{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}._appLink_b53rv_1:hover ._icon_b53rv_43{transform:translate(3px)}._arrowIcon_b53rv_54{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}._iconButton_14rp3_1{border-radius:var(--button-radius-default,10px);color:var(--button-secondary-text-default,#272727);cursor:pointer;border:0;place-items:center;padding:0;transition:transform .15s,background .2s,color .2s,box-shadow .2s,border-color .2s;display:inline-grid}._withFrame_14rp3_17{border:1px solid var(--button-border-color,#d1d5db);background:var(--button-secondary-background-default,#fff);width:34px;height:34px}._withoutFrame_14rp3_24{background:0 0;width:34px;height:34px}._iconButton_14rp3_1:hover{transform:translateY(-1px)scale(1.02)}._withFrame_14rp3_17:hover{background:var(--button-secondary-background-hover,#f3f4f6)}._withoutFrame_14rp3_24:hover{background:#0000000f}._iconButton_14rp3_1:active{transform:translateY(0)scale(1)}._iconButton_14rp3_1:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:3px}._iconButton_14rp3_1:disabled{cursor:not-allowed;opacity:.55;transform:none}._glassy_14rp3_57{color:#fff}._glassy_14rp3_57._withFrame_14rp3_17{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-color:#ffffff47}._glassy_14rp3_57._withFrame_14rp3_17:hover{background:#ffffff38}._glassy_14rp3_57._withoutFrame_14rp3_24:hover{background:#ffffff1f}._active_14rp3_75{color:var(--colors-juice-sugarcane,#6a7a0a)}._active_14rp3_75._withFrame_14rp3_17{border-color:var(--colors-juice-sugarcane,#a7b325);background:#a7b32524}._small_14rp3_84{border-radius:8px;width:30px;height:30px}._large_14rp3_90{border-radius:12px;width:42px;height:42px}._icon_14rp3_1{justify-content:center;align-items:center;display:inline-flex}._svgIcon_14rp3_102{fill:currentColor;width:18px;height:18px}._small_14rp3_84 ._svgIcon_14rp3_102{width:16px;height:16px}._large_14rp3_90 ._svgIcon_14rp3_102{width:22px;height:22px}._passwordInputWrapper_1ris8_1{width:100%;position:relative}._inputTextField_1ris8_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 48px 0 14px;font-size:16px}._inputTextFieldGlassy_1ris8_18{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_1ris8_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextFieldGlassy_1ris8_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_1ris8_6:disabled{cursor:not-allowed;opacity:.65}._inputError_1ris8_40{border-color:#de6565}._togglePasswordButton_1ris8_44{width:28px;height:28px;color:var(--color-green-midnight,#596414);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._togglePasswordButton_1ris8_44:hover{color:var(--color-green-dark,#879729)}._togglePasswordButton_1ris8_44:focus-visible{outline:2px solid var(--color-green-midnight,#596414);outline-offset:2px;border-radius:999px}._togglePasswordButton_1ris8_44:disabled{cursor:not-allowed;opacity:.6}._icon_1ris8_76{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_1ris8_85{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_1ris8_92{visibility:hidden}._inputWrapper_1qpua_1{width:100%;position:relative}._inputTextField_1qpua_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 14px;font-size:16px}._inputTextFieldGlassy_1qpua_18{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_1qpua_6::placeholder{color:#9ca3af}._inputTextFieldGlassy_1qpua_18::placeholder{color:#ffffffb3}._inputTextFieldGlassy_1qpua_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_1qpua_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextField_1qpua_6:disabled{cursor:not-allowed;opacity:.65}._inputError_1qpua_48{border-color:#de6565}._loading_1qpua_52{color:#6b7280;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._suggestionList_1qpua_61{z-index:20;background:#fff;border:1px solid #d1d5db;border-radius:12px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}._suggestionItem_1qpua_78{color:#272727;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}._suggestionItem_1qpua_78:hover,._suggestionItem_1qpua_78:focus-visible{background:#f3f4f6;outline:none}._locality_1qpua_98{font-weight:500}._emptyState_1qpua_102{z-index:10;color:#6b7280;padding:12px 14px;font-size:14px;position:absolute;top:calc(100% + 3px);left:0;right:0}._successMessage_1qpua_113{color:var(--color-juice-sugarcane,#6a7a0a);font-size:13px;font-weight:700}._errorMessage_1qpua_119{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1qpua_127{visibility:hidden}._radioGroup_1yjda_5{width:100%;border:0;flex-direction:column;gap:4px;min-inline-size:0;padding-block:0;padding-inline:0;display:flex}._optionGroup_1yjda_16{flex-direction:row;gap:8px;width:100%;display:flex}._optionWrapper_1yjda_23{cursor:pointer;flex:1;min-width:0}._optionWrapperDisabled_1yjda_29{cursor:not-allowed}._radioInput_1yjda_37:disabled+._optionButton_1yjda_33:hover{transform:none}._errorMessage_1yjda_47{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1yjda_55{visibility:hidden}._optionButton_1yjda_33{text-align:center;box-sizing:border-box;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:66px;padding:0 24px;font-size:20px;font-weight:800;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s,opacity .16s;display:flex}._radioInput_1yjda_37{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._optionTitle_1yjda_95{justify-content:center;align-items:center;width:100%;display:flex}._optionWrapper_1yjda_23:hover ._optionButton_1yjda_33{transform:translateY(-1px)}._radioInput_1yjda_37:disabled+._optionButton_1yjda_33{cursor:not-allowed;opacity:.55;transform:none}._optionDescription_1yjda_112{display:none}._optionButtonDefault_1yjda_120{background-color:var(--form-input-default-background-enabled,#fff);border-color:var(--form-input-default-border-color-enabled,#b5b4b4);color:var(--form-input-default-text-label);-webkit-backdrop-filter:blur(12px)}._radioInput_1yjda_37:checked+._optionButtonDefault_1yjda_120{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325);color:#fff}._radioInput_1yjda_37:not(:checked):not(:disabled)+._optionButtonDefault_1yjda_120:hover{background-color:var(--form-input-default-background-hover,#a7b325);color:#fff}._radioInput_1yjda_37:focus-visible+._optionButtonDefault_1yjda_120{outline:none;box-shadow:0 0 0 3px #a7b32559}._optionButtonGlassy_1yjda_148{background-color:var(--color-form-glassy-background-enabled);color:#ffffffdb;-webkit-backdrop-filter:blur(12px);border-color:#fff3}._radioInput_1yjda_37:not(:checked):not(:disabled)+._optionButtonGlassy_1yjda_148:hover{color:var(--color-green-dark,#889829);background-color:#ffffffd1}._radioInput_1yjda_37:checked+._optionButtonGlassy_1yjda_148{background-color:var(--color-green-midnight,#596414);border-color:var(--form-input-glassy-border-color-selected,#fff);color:#fff;box-shadow:0 0 0 1px var(--color-green-bright,#dbf057);border-width:2px}._radioInput_1yjda_37:focus-visible+._optionButtonGlassy_1yjda_148{outline:none;box-shadow:0 0 0 3px #ffffff59}._optionButtonError_1yjda_174{border-color:#de6565}@media (width<=680px){._optionGroup_1yjda_16{flex-direction:column}._optionButton_1yjda_33{min-height:58px;font-size:18px}}._switchWrapper_1dr6p_1{width:100%}._switchCheckbox_1dr6p_5{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._switchLabel_1dr6p_13{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}._switchLabelDefault_1dr6p_23{color:#333}._switchLabelGlassy_1dr6p_27{color:#fff}._switchBackground_1dr6p_36{border-radius:100px;flex-shrink:0;align-items:center;width:60px;height:32px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}._switchBackgroundDefault_1dr6p_55{background-color:var(--color-gray-light,#d5d5d5);border:1px solid #0000}._switchBackgroundGlassy_1dr6p_65{background-color:var(--form-input-glassy-background-enabled,#ffffffb8);border:1px solid var(--form-input-glassy-border-color-enabled,#fff3);-webkit-backdrop-filter:blur(12px)}._switchButton_1dr6p_76{background-color:#fff;border-radius:999px;justify-content:center;align-items:center;width:25px;height:25px;transition:left .2s,transform .2s,width .2s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 0 2px #0a0a0a4a}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchBackgroundDefault_1dr6p_55{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchBackgroundGlassy_1dr6p_65{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);box-shadow:inset 0 1px #ffffff40}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{left:calc(100% - 3px);transform:translate(-100%)}._switchLabel_1dr6p_13:active ._switchButton_1dr6p_76{width:30px}._switchCheckbox_1dr6p_5:focus-visible+._switchLabel_1dr6p_13 ._switchBackgroundDefault_1dr6p_55{box-shadow:0 0 0 3px #a7b32559}._switchCheckbox_1dr6p_5:focus-visible+._switchLabel_1dr6p_13 ._switchBackgroundGlassy_1dr6p_65{box-shadow:0 0 0 3px #ffffff59}._switchCheckbox_1dr6p_5:disabled+._switchLabel_1dr6p_13{cursor:not-allowed;opacity:.55}._switchCheckbox_1dr6p_5:disabled+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{transform:none}._switchCheckbox_1dr6p_5:checked:disabled+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{left:calc(100% - 3px);transform:translate(-100%)}._switchCheckbox_1dr6p_5[aria-invalid=true]+._switchLabel_1dr6p_13 ._switchBackground_1dr6p_36{box-shadow:0 0 0 2px #de6565}._iconChecked_1dr6p_162,._iconUnchecked_1dr6p_163{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute}._iconChecked_1dr6p_162{color:var(--color-juice-sugarcane,#a7b325);opacity:0;transform:scale(.8)}._iconUnchecked_1dr6p_163{color:var(--color-juice-tamarind,#f8a702);opacity:1;transform:scale(1)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._iconChecked_1dr6p_162{opacity:1;transform:scale(1)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._iconUnchecked_1dr6p_163{opacity:0;transform:scale(.8)}._switchText_1dr6p_199{color:currentColor;white-space:nowrap;flex:1;font-size:15px;line-height:1.4}._errorMessage_1dr6p_207{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_1dr6p_214{visibility:hidden}._inputLabel_1hmxe_1{width:100%}._inputTextField_1hmxe_5{border:1px solid var(--form-input-default-border-color-enabled);border-radius:var(--form-input-radius);width:100%;color:var(--color-text-dark);background-color:var(--color-form-background-enabled);outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextField_1hmxe_5:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #d9ab292e}._inputTextFieldGlassy_1hmxe_22{border:1px solid var(--form-input-glassy-border-color-enabled);border-radius:var(--form-input-radius);width:100%;color:var(--color-text-light);background-color:var(--color-form-glassy-background-enabled);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextFieldGlassy_1hmxe_22::placeholder{color:var(--form-input-glassy-text-placeholder)}._inputTextFieldGlassy_1hmxe_22:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ffffff2e}._inputError_1hmxe_44{border-color:var(--color-status-error)}._errorMessage_1hmxe_48{min-height:1.2em;font-size:var(--form-message-font-size);color:var(--color-status-error);display:block}._errorMessageHidden_1hmxe_55{visibility:hidden}._wrapper_1get6_1{flex-direction:column;gap:8px;display:flex}._label_1get6_7{color:#272727;font-size:14px;font-weight:700}._labelGlassy_1get6_13{color:#fff}._dropzone_1get6_17{border-radius:var(--form-input-radius,14px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px dashed #d1d5db;padding:16px;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;position:relative}._dropzoneGlassy_1get6_32{background:var(--form-input-glassy-background-enabled,#ffffff59);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff73;box-shadow:inset 0 1px #fff6}._dragOver_1get6_39{border-color:var(--color-juice-sugarcane,#a7b325);background:#ffffff8c;transform:scale(1.01);box-shadow:0 0 0 3px #a7b32540,inset 0 1px #fff9}._errorState_1get6_48{border-color:#de6565}._disabled_1get6_52{cursor:not-allowed;opacity:.6}._hiddenInput_1get6_57{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._dropzoneContent_1get6_65{cursor:pointer;display:block}._disabled_1get6_52 ._dropzoneContent_1get6_65{cursor:not-allowed}._placeholder_1get6_74{flex-direction:column;gap:6px;display:flex}._big_1get6_80{color:#272727;font-size:16px;font-weight:800}._small_1get6_86{color:#5b5a5a;font-size:14px}._hint_1get6_91{color:#6b7280;margin-top:4px;font-size:12px}._dropzoneGlassy_1get6_32 ._big_1get6_80,._dropzoneGlassy_1get6_32 ._small_1get6_86,._dropzoneGlassy_1get6_32 ._hint_1get6_91{color:#fff}._dropzoneGlassy_1get6_32 ._small_1get6_86{opacity:.85}._dropzoneGlassy_1get6_32 ._hint_1get6_91{opacity:.7}._selected_1get6_111{align-items:center;gap:12px;padding-right:96px;display:flex}._preview_1get6_118{object-fit:cover;background:#ffffff4d;border-radius:14px;flex-shrink:0;width:56px;height:56px}._fileMeta_1get6_127{flex-direction:column;gap:4px;min-width:0;display:flex}._fileName_1get6_134{color:#272727;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}._fileSize_1get6_142{color:#6b7280;font-size:12px}._dropzoneGlassy_1get6_32 ._fileName_1get6_134,._dropzoneGlassy_1get6_32 ._fileSize_1get6_142{color:#fff}._dropzoneGlassy_1get6_32 ._fileSize_1get6_142{opacity:.75}._remove_1get6_156{cursor:pointer;color:#272727;background:#0000001f;border:none;border-radius:999px;width:fit-content;padding:6px 10px;font-size:13px;font-weight:700;transition:background .2s,color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}._remove_1get6_156:hover{background:#0000002e}._remove_1get6_156:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:2px}._remove_1get6_156:disabled{cursor:not-allowed;opacity:.6}._dropzoneGlassy_1get6_32 ._remove_1get6_156{color:#fff;background:#fff3}._dropzoneGlassy_1get6_32 ._remove_1get6_156:hover{background:#ffffff4d}._errorMessage_1get6_198{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1get6_206{visibility:hidden}@media (width<=520px){._selected_1get6_111{flex-direction:column;align-items:flex-start;padding-right:0}._remove_1get6_156{margin-top:12px;position:static;transform:none}}
|
|
1
|
+
:root{--color-green-bright:#e5fc5a;--color-green-light:#d0e646;--color-green-default:#afc33b;--color-green-dark:#8fa02a;--color-green-midnight:#5c6814;--color-gold-bright:#f9db86;--color-gold-light:#eec348;--color-gold-default:#d9ab29;--color-gold-dark:#b58f24;--color-gold-midnight:#97771d;--color-gray-white:#fff;--color-gray-bright:#eee;--color-gray-light:#dfdfdf;--color-gray-default:#c2bfbf;--color-gray-midnight:#5b5a5a;--color-gray-dark:#272727;--color-gray-white-transparent-40:#fff6;--color-gray-white-transparent-70:#ffffffb3;--color-states-error:#de6565;--color-juice-sugarcane:#9bad30;--color-juice-tamarind:#da8e33;--color-juice-guarana:#df2114;--color-juice-icetea:#7b4e80;--padding-8:8px;--padding-16:16px;--padding-24:24px;--padding-32:32px;--padding-40:40px;--padding-48:48px;--padding-56:56px;--padding-64:64px;--radius-small:8px;--radius-default:16px;--radius-large:24px;--radius-huge:50px;--radius-round:50px;--border-thin:.5px;--border-default:1px;--border-thick:2px;--shadow-elevation-default:[object Object];--shadow-elevation-large:[object Object];--typeface-font-family-sans-serif:Sora;--typeface-font-weight-regular-400:400;--typeface-font-weight-medium-500:500;--typeface-font-weight-bold-700:700;--typeface-font-size-small-16:.889rem;--typeface-font-size-default-20:1.111rem;--typeface-font-size-large-24:1.333rem;--typeface-font-size-extra-large-36:2rem;--typeface-font-size-huge-48:2.667rem;--typeface-font-size-extra-huge-72:4rem;--typeface-letter-spacing-default:.006rem;--typeface-letter-spacing-large:.011rem;--typeface-line-height-default-120:120%;--typeface-line-height-large-150:150%;--color-states-success:var(--color-green-default);--color-states-warning:var(--color-gold-default);--color-states-info:var(--color-green-default);--color-brand-bright:var(--color-green-bright);--color-brand-light:var(--color-green-light);--color-brand-default:var(--color-green-default);--color-brand-dark:var(--color-green-dark);--color-brand-midnight:var(--color-green-midnight);--color-surface-light:var(--color-gray-white);--color-surface-muted:var(--color-gray-bright);--color-surface-glassy:var(--color-gray-white-transparent-40);--color-surface-gradient-from:var(--color-green-light);--color-surface-gradient-to:var(--color-green-midnight);--color-form-background-enabled:var(--color-gray-white);--color-form-background-disabled:var(--color-gray-light);--color-form-background-checked:var(--color-green-midnight);--color-form-glassy-background-enabled:var(--color-gray-white-transparent-40);--color-form-glassy-background-disabled:var(--color-gray-light);--color-form-glassy-background-checked:var(--color-green-midnight);--color-text-dark:var(--color-gray-dark);--color-text-light:var(--color-gray-white);--color-text-muted:var(--color-gray-midnight);--color-text-disabled:var(--color-gray-default);--color-text-placeholder:var(--color-gray-default);--color-border-default:var(--color-gray-light);--color-border-strong:var(--color-gray-default);--color-border-focus:var(--color-green-default);--color-status-error:var(--color-states-error);--typeface-font-family-header:var(--typeface-font-family-sans-serif);--typeface-font-family-body:var(--typeface-font-family-sans-serif);--typeface-font-family-statement:var(--typeface-font-family-sans-serif);--typeface-font-family-form:var(--typeface-font-family-sans-serif);--mode-panel-radius:var(--radius-large);--mode-panel-padding:var(--padding-64);--mode-tile-radius:var(--radius-small);--mode-tile-padding:var(--padding-56);--panel-background-gradient-top-left-green:var(--color-green-light);--panel-background-gradient-bottom-right-green:var(--color-green-midnight);--panel-background-gradient-top-left-white:var(--color-gray-white-transparent-70);--panel-background-gradient-bottom-right-white:var(--color-gray-white-transparent-40);--panel-text-title:var(--color-green-dark);--panel-border-width:var(--border-default);--tile-default-shadow-default:var(--shadow-elevation-default);--tile-default-shadow-hover:var(--shadow-elevation-large);--tile-glassy-background-hover:var(--color-gray-white-transparent-40);--tile-glassy-text-muted:var(--color-gray-light);--tile-glassy-border-color-default:var(--color-gray-white-transparent-70);--tile-glassy-border-color-hover:var(--color-gray-white);--tile-glassy-shadow-default:var(--shadow-elevation-default);--tile-glassy-shadow-hover:var(--shadow-elevation-large);--tile-border-width-default:var(--border-default);--tile-border-width-thick:var(--border-thick);--button-primary-background-enabled:var(--color-green-default);--button-primary-background-enabled-gradient-from:var(--color-green-light);--button-primary-background-enabled-gradient-to:var(--color-green-midnight);--button-primary-background-hover:var(--color-green-dark);--button-primary-background-disabled:var(--color-gray-light);--button-primary-border-color-default:var(--color-green-default);--button-primary-border-color-disabled:var(--color-gray-default);--button-primary-border-color-selected:var(--color-green-dark);--button-primary-border-color-hover:var(--color-green-dark);--button-primary-shadow-default:var(--shadow-elevation-default);--button-primary-shadow-hover:var(--shadow-elevation-large);--button-secondary-background-enabled:var(--color-gray-white);--button-secondary-background-disabled:var(--color-gray-bright);--button-secondary-background-hover:var(--color-gray-bright);--button-secondary-text-default:var(--color-green-dark);--button-secondary-icon-default:var(--color-green-dark);--button-secondary-border-color-default:var(--color-green-default);--button-secondary-border-color-disabled:var(--color-gray-default);--button-secondary-border-color-selected:var(--color-green-dark);--button-secondary-border-color-hover:var(--color-green-dark);--button-secondary-shadow-default:var(--shadow-elevation-default);--button-secondary-shadow-hover:var(--shadow-elevation-large);--button-radius:var(--radius-huge);--button-border-width:var(--border-default);--button-gap-default:var(--padding-8);--button-padding-top:var(--padding-8);--button-padding-bottom:var(--padding-8);--button-padding-left:var(--padding-32);--button-padding-right:var(--padding-40);--form-input-default-background-enabled:var(--color-gray-white);--form-input-default-background-disabled:var(--color-gray-bright);--form-input-default-background-hover:var(--color-green-default);--form-input-default-border-color-hover:var(--color-green-midnight);--form-input-default-border-color-disabled:var(--color-gray-light);--form-input-glassy-background-enabled:var(--color-gray-white-transparent-40);--form-input-glassy-background-disabled:var(--color-gray-bright);--form-input-glassy-background-hover:var(--color-green-midnight);--form-input-glassy-text-placeholder:var(--color-gray-light);--form-input-glassy-border-color-enabled:var(--color-gray-white-transparent-70);--form-input-glassy-border-color-selected:var(--color-gray-white);--form-input-glassy-border-color-hover:var(--color-green-midnight);--form-input-glassy-border-color-disabled:var(--color-gray-light);--form-input-radius:var(--radius-default);--form-message-font-size:var(--typeface-font-size-small-16);--form-message-radius:var(--radius-default);--form-message-border-width-default:var(--border-default);--form-message-border-width-selected:var(--border-thick);--snackbar-border-width:var(--border-thick);--icon-color-selected:var(--color-green-dark);--menu-text-hover:var(--color-green-light);--menu-text-selected:var(--color-green-light);--menu-background-flyout-gradient-from:var(--color-green-light);--menu-background-flyout-gradient-to:var(--color-green-midnight);--menu-flyout-text-hover:var(--color-green-default);--menu-flyout-text-selected:var(--color-green-light);--menu-flyout-background-flyout-gradient-from:var(--color-green-light);--menu-flyout-background-flyout-gradient-to:var(--color-green-midnight);--illustrations-default:var(--color-green-default);--illustrations-light:var(--color-green-bright);--stepper-dot:var(--color-green-default);--stepper-border-dot:var(--color-gray-light);--stepper-border-dot-selected:var(--color-green-dark);--stepper-line:var(--color-green-default);--stepper-line-disabled:var(--color-gray-light);--chip-background-hover:var(--color-gray-bright);--chip-background-checked:var(--color-gold-default);--chip-radius:var(--radius-round);--chip-glassy-background-hover:var(--color-gray-bright);--chip-glassy-background-checked:var(--color-gold-default);--color-status-success:var(--color-states-success);--color-status-warning:var(--color-states-warning);--color-status-info:var(--color-states-info);--panel-background-transparent:var(--color-surface-glassy);--panel-background-white:var(--color-surface-light);--panel-background-gray:var(--color-surface-muted);--panel-text-title-glassy:var(--color-text-light);--panel-border-color:var(--color-border-default);--panel-radius:var(--mode-panel-radius);--panel-padding:var(--mode-panel-padding);--tile-default-background-default:var(--color-surface-light);--tile-default-background-hover:var(--color-surface-muted);--tile-default-text-title:var(--color-text-dark);--tile-default-text-content:var(--color-text-dark);--tile-default-text-muted:var(--color-text-muted);--tile-default-border-color-default:var(--color-border-strong);--tile-default-border-color-hover:var(--color-border-focus);--tile-glassy-background-default:var(--color-surface-glassy);--tile-glassy-text-title:var(--color-text-light);--tile-glassy-text-content:var(--color-text-light);--tile-radius:var(--mode-tile-radius);--tile-padding-default:var(--mode-tile-padding);--button-primary-text-default:var(--color-text-light);--button-primary-text-disabled:var(--color-text-disabled);--button-primary-icon-default:var(--color-text-light);--button-primary-icon-disabled:var(--color-text-disabled);--button-secondary-text-disabled:var(--color-text-disabled);--button-secondary-icon-disabled:var(--color-text-disabled);--form-input-default-text-label:var(--color-text-dark);--form-input-default-text-content:var(--color-text-dark);--form-input-default-text-placeholder:var(--color-text-placeholder);--form-input-default-border-color-enabled:var(--color-border-default);--form-input-default-border-color-selected:var(--color-border-focus);--form-input-glassy-text-label:var(--color-text-light);--form-input-glassy-text-content:var(--color-text-light);--form-message-error-text-color:var(--color-status-error);--form-message-error-border-color:var(--color-status-error);--snackbar-background-erro:var(--color-status-error);--snackbar-border-color-erro:var(--color-status-error);--snackbar-text-color-info:var(--color-text-light);--snackbar-text-color-warning:var(--color-text-light);--snackbar-text-color-erro:var(--color-text-light);--snackbar-text-color-success:var(--color-text-light);--icon-color-default:var(--color-text-dark);--icon-color-inverse:var(--color-text-light);--icon-color-selected-inverse:var(--color-text-light);--icon-color-disabled:var(--color-text-disabled);--text-title-default:var(--color-text-dark);--text-title-glassy:var(--color-text-light);--text-content-default:var(--color-text-dark);--text-content-muted:var(--color-text-muted);--text-content-light:var(--color-text-light);--menu-text-white:var(--color-text-light);--menu-flyout-text-white:var(--color-text-light);--stepper-label:var(--color-text-dark);--link-default-text-label:var(--color-brand-default);--link-default-text-hover:var(--color-brand-dark);--link-glassy-text-label:var(--color-text-light);--link-glassy-text-hover:var(--color-text-dark);--chip-text-color-default:var(--color-brand-default);--chip-text-color-hover:var(--color-brand-dark);--chip-background-enabled:var(--color-form-background-enabled);--chip-background-disabled:var(--color-form-background-disabled);--chip-border-color-default:var(--color-brand-default);--chip-border-color-hover:var(--color-brand-dark);--chip-glassy-text-color-default:var(--color-text-light);--chip-glassy-text-color-hover:var(--color-text-dark);--chip-glassy-background-enabled:var(--color-form-glassy-background-enabled);--chip-glassy-background-disabled:var(--color-form-glassy-background-disabled);--chip-glassy-border-color-default:var(--color-brand-default);--chip-glassy-border-color-hover:var(--color-brand-dark);--typography-heading-hero:var(--typeface-font-weight-bold-700) var(--typeface-font-size-extra-huge-72)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h1:var(--typeface-font-weight-bold-700) var(--typeface-font-size-huge-48)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h2:var(--typeface-font-weight-bold-700) var(--typeface-font-size-extra-large-36)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-heading-h3:var(--typeface-font-weight-bold-700) var(--typeface-font-size-large-24)/var(--typeface-line-height-default-120) var(--typeface-font-family-header);--typography-body-default:var(--typeface-font-weight-regular-400) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-body-small:var(--typeface-font-weight-regular-400) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-body-strong:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-form-label:var(--typeface-font-weight-medium-500) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-form-text:var(--typeface-font-weight-regular-400) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-form-message:var(--typeface-font-weight-regular-400) var(--typeface-font-size-small-16)/var(--typeface-line-height-large-150) var(--typeface-font-family-form);--typography-button-label:var(--typeface-font-weight-bold-700) var(--typeface-font-size-default-20)/var(--typeface-line-height-default-120) var(--typeface-font-family-body);--typography-link-label:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-menu-default:var(--typeface-font-weight-medium-500) var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150) var(--typeface-font-family-body);--typography-menu-large:var(--typeface-font-weight-bold-700) var(--typeface-font-size-large-24)/var(--typeface-line-height-default-120) var(--typeface-font-family-body);--form-message-info-text-color:var(--color-status-info);--form-message-info-border-color:var(--color-status-info);--form-message-warning-text-color:var(--color-status-warning);--form-message-warning-border-color:var(--color-status-warning);--form-message-success-text-color:var(--color-status-success);--form-message-success-border-color:var(--color-status-success);--snackbar-background-info:var(--color-status-info);--snackbar-background-warning:var(--color-status-warning);--snackbar-background-success:var(--color-status-success);--snackbar-border-color-info:var(--color-status-info);--snackbar-border-color-warning:var(--color-status-warning);--snackbar-border-color-success:var(--color-status-success);--stepper-dot-number:var(--text-content-light);font-family:var(--typeface-font-family-body), sans-serif}html,body{font-family:var(--typeface-font-family-sans-serif), sans-serif}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}.inputBlockVertical{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.inputBlockHorizontal{justify-content:space-between;align-items:center;width:100%;display:flex}.inputLabel{font-family:var(--typeface-font-family-sans-serif), sans-serif;font-weight:var(--typeface-font-weight-regular-400);font-size:var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150);color:var(--form-input-default-text-label)}.inputLabelGlassy{font-family:var(--typeface-font-family-sans-serif), sans-serif;font-weight:var(--typeface-font-weight-regular-400);font-size:var(--typeface-font-size-default-20)/var(--typeface-line-height-large-150);color:var(--form-input-glassy-text-label)}._suusButton_1ucmz_1{--button-background-color:var(--color-juice-sugarcane);min-height:3rem;font-family:var(--typeface-font-family-sans-serif), sans-serif;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0 solid #0000;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:0 2rem;font-size:1rem;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}@media (width<=480px){._suusButton_1ucmz_1{width:100%;min-width:0}}._icon_1ucmz_45{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:inline-flex}._icon_1ucmz_45 svg{width:100%;height:100%;display:block}._label_1ucmz_62{display:inline-block}._primary_1ucmz_69{color:var(--button-primary-text-default);background:linear-gradient(180deg, color-mix(in srgb, var(--button-background-color) 85%, white 15%) 0%, var(--button-background-color) 60%, color-mix(in srgb, var(--button-background-color) 75%, black 25%) 100%);box-shadow:inset 0 3px 6px color-mix(in srgb, var(--button-background-color) 50%, white 50%), inset 0 -2px 4px color-mix(in srgb, var(--button-background-color) 60%, black 40%), 0 10px 18px #00000026;border-color:#0000}._primary_1ucmz_69:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px #fff3,inset 0 -2px #00000024,0 12px 22px #0000002e}._primary_1ucmz_69:focus-visible:not(:disabled){box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--button-background-color) 72%, white 28%), inset 0 2px 0 #ffffff2e, inset 0 -2px 0 #0000001f, 0 0 0 4px #ffffffe6}._primary_1ucmz_69:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0000001f,inset 0 1px #ffffff1f}._secondary_1ucmz_113{color:var(--button-secondary-text-default);border:2px solid var(--button-secondary-border-color-default);background:color-mix(in srgb, var(--button-secondary-background-enabled) 8%, white 92%);box-shadow:inset 0 1px #fffc,0 4px 12px #0000000f}._secondary_1ucmz_113:hover:not(:disabled){background:color-mix(in srgb, var(--button-secondary-background-hover) 8%, white 92%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #00000014}._secondary_1ucmz_113:focus-visible:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--button-secondary-background-hover) 18%, white 82%), 0 0 0 4px #fffffff2}._secondary_1ucmz_113:active:not(:disabled){background:color-mix(in srgb, var(--button-secondary-background-enabled) 12%, white 88%);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}._suusButton_1ucmz_1:disabled{cursor:not-allowed;transform:none}._primary_1ucmz_69:disabled{background:var(--button-primary-background-disabled);color:var(--button-primary-text-disabled);box-shadow:none;border-color:#0000}._secondary_1ucmz_113:disabled{color:var(--button-secondary-text-disabled);border-color:var(--button-secondary-border-color-disabled);box-shadow:none;background:#fff}._loading_1ucmz_169{pointer-events:none}._loader_1ucmz_173{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:1.2rem;height:1.2rem;animation:.7s linear infinite _btn-spin_1ucmz_1}._loaderSecondary_1ucmz_182{border:2px solid color-mix(in srgb, var(--button-background-color) 20%, white 80%);border-top-color:var(--button-background-color)}@keyframes _btn-spin_1ucmz_1{to{transform:rotate(360deg)}}.banner-hero{overflow-y:hidden}.hero__container{grid-column:1/-1;grid-template-areas:"hero";width:100%;height:clamp(28rem,70vh,52rem);display:grid}.hero__container>*{grid-area:hero}.hero__content{z-index:1;place-self:start;max-width:min(92vw,45rem);margin:0;padding:clamp(4.5rem,14vh,8rem) clamp(1rem,3.5vw,2.5rem) 0 clamp(1rem,10vw,16rem);position:relative}.banner--title{text-align:left;margin-bottom:clamp(.5rem,1.2vw,1.5rem);font-size:clamp(2.25rem,7.5vw,5rem);font-weight:700;line-height:1.05;display:inline-block}.banner--description{max-width:32ch;margin:0;font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.4;display:block}.image-banner{object-fit:cover;object-position:62% center;width:100vw;height:clamp(28rem,70vh,52rem);display:block}.hero__gradient-overlay{pointer-events:none;z-index:0;background:linear-gradient(90deg,#00000073 0%,#0003 40%,#0000 100%);position:relative}.banner-hero-buttonbar{text-align:left;flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:clamp(.5rem,1.2vw,1rem);margin-top:clamp(.75rem,2vw,2rem);display:flex}@media (width<=600px){.hero__container,.image-banner{height:clamp(20rem,55vh,30rem)}.banner-hero-buttonbar{flex-direction:column;align-items:stretch}.banner-hero-buttonbar button{width:100%}}.banner-hero-buttonbar button{width:fit-content;min-width:0;padding-left:clamp(1rem,2vw,1.5rem);padding-right:clamp(1rem,2vw,1.5rem)}._checkboxWrapper_hv63b_1{--checkbox-color:var(--color-juice-sugarcane,#899822);--checkbox-error-color:var(--color-status-error,#de6565);--checkbox-disabled-color:var(--form-input-default-background-disabled,#dfdfdf);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a);--checkbox-focus-color:#89982247;flex-direction:column;gap:.45rem;width:fit-content;display:flex}._checkboxInput_hv63b_15{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._checkboxLabel_hv63b_24{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;display:inline-flex}._customCheckbox_hv63b_34{border:2.5px solid var(--checkbox-color);box-sizing:border-box;background-color:#0000;border-radius:.45rem;flex:0 0 2rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}._checkIcon_hv63b_57{opacity:0;width:1.2rem;height:1.2rem;transition:opacity .14s,transform .16s;transform:scale(.7)}._checkIcon_hv63b_57 path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}._checkboxText_hv63b_76{color:var(--form-input-default-text-label);font-size:var(--typeface-font-size-default-20,1.1rem);font-weight:var(--typeface-font-weight-bold-700,700);line-height:1.2}._checkboxLabel_hv63b_24:hover ._customCheckbox_hv63b_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);transform:translateY(-1px)}._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._checkIcon_hv63b_57{opacity:1;transform:scale(1)}._checkboxInput_hv63b_15:focus-visible+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);outline:none}._checkboxWrapperDisabled_hv63b_107{--checkbox-color:var(--checkbox-disabled-color);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a)}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24{cursor:not-allowed}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{border-color:var(--checkbox-disabled-color);box-shadow:none;background-color:#0000;transform:none}._checkboxInput_hv63b_15:disabled:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-disabled-color);border-color:var(--checkbox-disabled-color)}._checkboxInput_hv63b_15:disabled+._checkboxLabel_hv63b_24 ._checkboxText_hv63b_76{opacity:.75}._checkboxWrapperError_hv63b_133{--checkbox-color:var(--checkbox-error-color);--checkbox-focus-color:#de65653d}._checkboxWrapperError_hv63b_133 ._customCheckbox_hv63b_34{border-color:var(--checkbox-error-color)}._checkboxWrapperError_hv63b_133 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._errorMessage_hv63b_147{min-height:1.2em;color:var(--checkbox-error-color);padding-left:2.75rem;font-size:.8rem;display:block}._errorMessageHidden_hv63b_155{visibility:hidden}._checkboxWrapperGlassy_hv63b_160{--checkbox-color:#ffffffb8;--checkbox-text-color:#fff;--checkbox-focus-color:#ffffff3d}._checkboxWrapperGlassy_hv63b_160 ._customCheckbox_hv63b_34{background-color:#ffffff38;border-color:#ffffffb8}._checkboxWrapperGlassy_hv63b_160 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:#ffffff47;border-color:#ffffff47}._checkboxWrapperGlassy_hv63b_160 ._checkboxText_hv63b_76{color:#fff}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133{--checkbox-color:var(--checkbox-error-color);--checkbox-text-color:#fff;--checkbox-focus-color:#de656547}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133 ._customCheckbox_hv63b_34{border-color:var(--checkbox-error-color);background-color:#0000}._checkboxWrapperGlassy_hv63b_160._checkboxWrapperError_hv63b_133 ._checkboxInput_hv63b_15:checked+._checkboxLabel_hv63b_24 ._customCheckbox_hv63b_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._chip_1po0g_1{border-radius:var(--chip-radius,999px);letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;justify-content:center;align-items:center;width:fit-content;min-height:40px;padding:0 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}._chipDefault_1po0g_21{background:var(--chip-background-enabled,#fff);color:var(--chip-text-color-default,#272727);border-color:var(--chip-border-color-default,#d1d5db)}._chipDefault_1po0g_21:hover{background:var(--chip-background-hover,#fff);color:var(--chip-text-color-default,#272727);border-color:var(--chip-border-color-hover,#d1d5db)}._chipGlassy_1po0g_36{background:var(--chip-glassy-background-enabled,#fff);color:var(--chip-glassy-text-color-default);border-color:var(--chip-border-color-hover,#d1d5db)}._chipGlassy_1po0g_36:hover{background:var(--chip-glassy-background-hover,#fff);color:var(--chip-glassy-text-color-default,#272727);border-color:var(--chip-border-color-hover,#d1d5db)}._chipChecked_1po0g_49{background:var(--chip-glassy-background-checked,#37ae61);color:var(--chip-glassy-text-color-default,#555454);border-color:var(--chip-border-color-hover,#a7b325)}._chipDisabled_1po0g_56{opacity:.7;cursor:default;pointer-events:none}._dateInputWrapper_liktj_1{width:100%;position:relative}._inputDateField_liktj_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;appearance:none;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 48px 0 14px;font-size:16px}._inputDateField_liktj_6::-webkit-calendar-picker-indicator{opacity:0;appearance:none;display:none}._inputDateField_liktj_6::-webkit-inner-spin-button{appearance:none;display:none}._inputDateField_liktj_6::-webkit-clear-button{appearance:none;display:none}._inputDateField_liktj_6{appearance:none}._inputDateFieldGlassy_liktj_38{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputDateField_liktj_6:focus,._inputDateFieldGlassy_liktj_38:focus{border-color:var(--color-juice-sugarcane,#a7b325);outline:none}._inputDateField_liktj_6:disabled{cursor:not-allowed;opacity:.65}._inputError_liktj_56{border-color:#de6565}._calendarIconButton_liktj_60{width:24px;height:24px;color:var(--color-juice-sugarcane,#6a7a0a);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}._calendarIconButton_liktj_60:disabled{cursor:not-allowed;opacity:.6}._calendarIconButton_liktj_60:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:3px;border-radius:999px}._icon_liktj_88{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_liktj_97{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_liktj_104{visibility:hidden}._inputSelectField_1505j_1{border-radius:var(--form-input-radius);color:#403f3f;background:var(--form-input-default-background-enabled);border:1px solid #d1d5db;width:100%;height:50px;padding:0 14px}._inputSelectFieldGlassy_1505j_12{color:#fff;background:var(--form-input-glassy-background-enabled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}._inputSelectField_1505j_1:focus,._inputSelectFieldGlassy_1505j_12:focus{outline:none}._inputError_1505j_24{border-color:var(--form-message-error-border-color)}._errorMessage_1505j_28{min-height:1.2em;font-size:var(--form-message-font-size);color:var(--form-message-error-text-color);display:block}._errorMessageHidden_1505j_35{visibility:hidden}@supports (appearance:base-select){._inputSelectField_1505j_1{appearance:base-select}._inputSelectField_1505j_1::picker(select){appearance:base-select}._inputSelectField_1505j_1{align-items:center;display:flex}._inputSelectField_1505j_1::picker(select){background:var(--form-input-default-background-enabled);color:#403f3f;border-radius:var(--form-input-radius);border:1px solid #d1d5db;padding:6px;box-shadow:0 16px 40px #0000002e}._inputSelectFieldGlassy_1505j_12::picker(select){background:var(--form-input-glassy-background-enabled);color:#fff;border-radius:var(--form-input-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff4d;padding:6px;box-shadow:0 16px 40px #00000047}._inputSelectField_1505j_1::picker-icon{color:currentColor;align-content:center;font-size:24px;transition:rotate .16s}._inputSelectField_1505j_1:open::picker-icon{rotate:180deg}._inputSelectField_1505j_1 option{border-radius:calc(var(--form-input-radius) - 4px);padding:10px 12px}._inputSelectField_1505j_1 option:hover,._inputSelectField_1505j_1 option:focus{background:#0000000f}._inputSelectField_1505j_1 option:checked{background:var(--color-green-light);color:#272727}._inputSelectFieldGlassy_1505j_12 option:hover,._inputSelectFieldGlassy_1505j_12 option:focus{background:#ffffff29}._inputSelectFieldGlassy_1505j_12 option:checked{color:#fff;background:#ffffff3d}._inputSelectField_1505j_1 option:disabled,._inputSelectFieldGlassy_1505j_12 option:disabled{color:var(--color-form-background-disabled)}}._appLink_o2z21_1{cursor:pointer;align-items:center;gap:8px;width:fit-content;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}._appLinkDefault_o2z21_19{color:var(--link-default-text-label,#272727)}._appLinkDefault_o2z21_19:hover{color:var(--link-default-text-hover,#272727)}._appLinkGlassy_o2z21_30{color:var(--link-glassy-text-label,#272727)}._appLinkGlassy_o2z21_30:hover{color:var(--link-glassy-text-hover,#272727)}._label_o2z21_38{align-items:center;display:inline-flex}._icon_o2z21_43{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}._appLink_o2z21_1:hover ._icon_o2z21_43{transform:translate(3px)}._appLink_o2z21_1:hover ._iconLeft_o2z21_54{transform:translate(-3px)}._arrowIcon_o2z21_58{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}._iconButton_14rp3_1{border-radius:var(--button-radius-default,10px);color:var(--button-secondary-text-default,#272727);cursor:pointer;border:0;place-items:center;padding:0;transition:transform .15s,background .2s,color .2s,box-shadow .2s,border-color .2s;display:inline-grid}._withFrame_14rp3_17{border:1px solid var(--button-border-color,#d1d5db);background:var(--button-secondary-background-default,#fff);width:34px;height:34px}._withoutFrame_14rp3_24{background:0 0;width:34px;height:34px}._iconButton_14rp3_1:hover{transform:translateY(-1px)scale(1.02)}._withFrame_14rp3_17:hover{background:var(--button-secondary-background-hover,#f3f4f6)}._withoutFrame_14rp3_24:hover{background:#0000000f}._iconButton_14rp3_1:active{transform:translateY(0)scale(1)}._iconButton_14rp3_1:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:3px}._iconButton_14rp3_1:disabled{cursor:not-allowed;opacity:.55;transform:none}._glassy_14rp3_57{color:#fff}._glassy_14rp3_57._withFrame_14rp3_17{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-color:#ffffff47}._glassy_14rp3_57._withFrame_14rp3_17:hover{background:#ffffff38}._glassy_14rp3_57._withoutFrame_14rp3_24:hover{background:#ffffff1f}._active_14rp3_75{color:var(--colors-juice-sugarcane,#6a7a0a)}._active_14rp3_75._withFrame_14rp3_17{border-color:var(--colors-juice-sugarcane,#a7b325);background:#a7b32524}._small_14rp3_84{border-radius:8px;width:30px;height:30px}._large_14rp3_90{border-radius:12px;width:42px;height:42px}._icon_14rp3_1{justify-content:center;align-items:center;display:inline-flex}._svgIcon_14rp3_102{fill:currentColor;width:18px;height:18px}._small_14rp3_84 ._svgIcon_14rp3_102{width:16px;height:16px}._large_14rp3_90 ._svgIcon_14rp3_102{width:22px;height:22px}._passwordInputWrapper_1ris8_1{width:100%;position:relative}._inputTextField_1ris8_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 48px 0 14px;font-size:16px}._inputTextFieldGlassy_1ris8_18{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_1ris8_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextFieldGlassy_1ris8_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_1ris8_6:disabled{cursor:not-allowed;opacity:.65}._inputError_1ris8_40{border-color:#de6565}._togglePasswordButton_1ris8_44{width:28px;height:28px;color:var(--color-green-midnight,#596414);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._togglePasswordButton_1ris8_44:hover{color:var(--color-green-dark,#879729)}._togglePasswordButton_1ris8_44:focus-visible{outline:2px solid var(--color-green-midnight,#596414);outline-offset:2px;border-radius:999px}._togglePasswordButton_1ris8_44:disabled{cursor:not-allowed;opacity:.6}._icon_1ris8_76{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_1ris8_85{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_1ris8_92{visibility:hidden}._inputWrapper_1qpua_1{width:100%;position:relative}._inputTextField_1qpua_6{border-radius:var(--form-input-radius,12px);color:#272727;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 14px;font-size:16px}._inputTextFieldGlassy_1qpua_18{background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_1qpua_6::placeholder{color:#9ca3af}._inputTextFieldGlassy_1qpua_18::placeholder{color:#ffffffb3}._inputTextFieldGlassy_1qpua_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_1qpua_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextField_1qpua_6:disabled{cursor:not-allowed;opacity:.65}._inputError_1qpua_48{border-color:#de6565}._loading_1qpua_52{color:#6b7280;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._suggestionList_1qpua_61{z-index:20;background:#fff;border:1px solid #d1d5db;border-radius:12px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}._suggestionItem_1qpua_78{color:#272727;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}._suggestionItem_1qpua_78:hover,._suggestionItem_1qpua_78:focus-visible{background:#f3f4f6;outline:none}._locality_1qpua_98{font-weight:500}._emptyState_1qpua_102{z-index:10;color:#6b7280;padding:12px 14px;font-size:14px;position:absolute;top:calc(100% + 3px);left:0;right:0}._successMessage_1qpua_113{color:var(--color-juice-sugarcane,#6a7a0a);font-size:13px;font-weight:700}._errorMessage_1qpua_119{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1qpua_127{visibility:hidden}._radioGroup_1yjda_5{width:100%;border:0;flex-direction:column;gap:4px;min-inline-size:0;padding-block:0;padding-inline:0;display:flex}._optionGroup_1yjda_16{flex-direction:row;gap:8px;width:100%;display:flex}._optionWrapper_1yjda_23{cursor:pointer;flex:1;min-width:0}._optionWrapperDisabled_1yjda_29{cursor:not-allowed}._radioInput_1yjda_37:disabled+._optionButton_1yjda_33:hover{transform:none}._errorMessage_1yjda_47{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1yjda_55{visibility:hidden}._optionButton_1yjda_33{text-align:center;box-sizing:border-box;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:66px;padding:0 24px;font-size:20px;font-weight:800;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s,opacity .16s;display:flex}._radioInput_1yjda_37{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._optionTitle_1yjda_95{justify-content:center;align-items:center;width:100%;display:flex}._optionWrapper_1yjda_23:hover ._optionButton_1yjda_33{transform:translateY(-1px)}._radioInput_1yjda_37:disabled+._optionButton_1yjda_33{cursor:not-allowed;opacity:.55;transform:none}._optionDescription_1yjda_112{display:none}._optionButtonDefault_1yjda_120{background-color:var(--form-input-default-background-enabled,#fff);border-color:var(--form-input-default-border-color-enabled,#b5b4b4);color:var(--form-input-default-text-label);-webkit-backdrop-filter:blur(12px)}._radioInput_1yjda_37:checked+._optionButtonDefault_1yjda_120{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325);color:#fff}._radioInput_1yjda_37:not(:checked):not(:disabled)+._optionButtonDefault_1yjda_120:hover{background-color:var(--form-input-default-background-hover,#a7b325);color:#fff}._radioInput_1yjda_37:focus-visible+._optionButtonDefault_1yjda_120{outline:none;box-shadow:0 0 0 3px #a7b32559}._optionButtonGlassy_1yjda_148{background-color:var(--color-form-glassy-background-enabled);color:#ffffffdb;-webkit-backdrop-filter:blur(12px);border-color:#fff3}._radioInput_1yjda_37:not(:checked):not(:disabled)+._optionButtonGlassy_1yjda_148:hover{color:var(--color-green-dark,#889829);background-color:#ffffffd1}._radioInput_1yjda_37:checked+._optionButtonGlassy_1yjda_148{background-color:var(--color-green-midnight,#596414);border-color:var(--form-input-glassy-border-color-selected,#fff);color:#fff;box-shadow:0 0 0 1px var(--color-green-bright,#dbf057);border-width:2px}._radioInput_1yjda_37:focus-visible+._optionButtonGlassy_1yjda_148{outline:none;box-shadow:0 0 0 3px #ffffff59}._optionButtonError_1yjda_174{border-color:#de6565}@media (width<=680px){._optionGroup_1yjda_16{flex-direction:column}._optionButton_1yjda_33{min-height:58px;font-size:18px}}._switchWrapper_1dr6p_1{width:100%}._switchCheckbox_1dr6p_5{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._switchLabel_1dr6p_13{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}._switchLabelDefault_1dr6p_23{color:#333}._switchLabelGlassy_1dr6p_27{color:#fff}._switchBackground_1dr6p_36{border-radius:100px;flex-shrink:0;align-items:center;width:60px;height:32px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}._switchBackgroundDefault_1dr6p_55{background-color:var(--color-gray-light,#d5d5d5);border:1px solid #0000}._switchBackgroundGlassy_1dr6p_65{background-color:var(--form-input-glassy-background-enabled,#ffffffb8);border:1px solid var(--form-input-glassy-border-color-enabled,#fff3);-webkit-backdrop-filter:blur(12px)}._switchButton_1dr6p_76{background-color:#fff;border-radius:999px;justify-content:center;align-items:center;width:25px;height:25px;transition:left .2s,transform .2s,width .2s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 0 2px #0a0a0a4a}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchBackgroundDefault_1dr6p_55{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchBackgroundGlassy_1dr6p_65{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);box-shadow:inset 0 1px #ffffff40}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{left:calc(100% - 3px);transform:translate(-100%)}._switchLabel_1dr6p_13:active ._switchButton_1dr6p_76{width:30px}._switchCheckbox_1dr6p_5:focus-visible+._switchLabel_1dr6p_13 ._switchBackgroundDefault_1dr6p_55{box-shadow:0 0 0 3px #a7b32559}._switchCheckbox_1dr6p_5:focus-visible+._switchLabel_1dr6p_13 ._switchBackgroundGlassy_1dr6p_65{box-shadow:0 0 0 3px #ffffff59}._switchCheckbox_1dr6p_5:disabled+._switchLabel_1dr6p_13{cursor:not-allowed;opacity:.55}._switchCheckbox_1dr6p_5:disabled+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{transform:none}._switchCheckbox_1dr6p_5:checked:disabled+._switchLabel_1dr6p_13 ._switchButton_1dr6p_76{left:calc(100% - 3px);transform:translate(-100%)}._switchCheckbox_1dr6p_5[aria-invalid=true]+._switchLabel_1dr6p_13 ._switchBackground_1dr6p_36{box-shadow:0 0 0 2px #de6565}._iconChecked_1dr6p_162,._iconUnchecked_1dr6p_163{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute}._iconChecked_1dr6p_162{color:var(--color-juice-sugarcane,#a7b325);opacity:0;transform:scale(.8)}._iconUnchecked_1dr6p_163{color:var(--color-juice-tamarind,#f8a702);opacity:1;transform:scale(1)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._iconChecked_1dr6p_162{opacity:1;transform:scale(1)}._switchCheckbox_1dr6p_5:checked+._switchLabel_1dr6p_13 ._iconUnchecked_1dr6p_163{opacity:0;transform:scale(.8)}._switchText_1dr6p_199{color:currentColor;white-space:nowrap;flex:1;font-size:15px;line-height:1.4}._errorMessage_1dr6p_207{color:#de6565;min-height:1.2em;font-size:13px;display:block}._errorMessageHidden_1dr6p_214{visibility:hidden}._inputLabel_1hmxe_1{width:100%}._inputTextField_1hmxe_5{border:1px solid var(--form-input-default-border-color-enabled);border-radius:var(--form-input-radius);width:100%;color:var(--color-text-dark);background-color:var(--color-form-background-enabled);outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextField_1hmxe_5:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #d9ab292e}._inputTextFieldGlassy_1hmxe_22{border:1px solid var(--form-input-glassy-border-color-enabled);border-radius:var(--form-input-radius);width:100%;color:var(--color-text-light);background-color:var(--color-form-glassy-background-enabled);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextFieldGlassy_1hmxe_22::placeholder{color:var(--form-input-glassy-text-placeholder)}._inputTextFieldGlassy_1hmxe_22:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #ffffff2e}._inputError_1hmxe_44{border-color:var(--color-status-error)}._errorMessage_1hmxe_48{min-height:1.2em;font-size:var(--form-message-font-size);color:var(--color-status-error);display:block}._errorMessageHidden_1hmxe_55{visibility:hidden}._wrapper_1get6_1{flex-direction:column;gap:8px;display:flex}._label_1get6_7{color:#272727;font-size:14px;font-weight:700}._labelGlassy_1get6_13{color:#fff}._dropzone_1get6_17{border-radius:var(--form-input-radius,14px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px dashed #d1d5db;padding:16px;transition:background .16s,border-color .16s,box-shadow .16s,transform .12s;position:relative}._dropzoneGlassy_1get6_32{background:var(--form-input-glassy-background-enabled,#ffffff59);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff73;box-shadow:inset 0 1px #fff6}._dragOver_1get6_39{border-color:var(--color-juice-sugarcane,#a7b325);background:#ffffff8c;transform:scale(1.01);box-shadow:0 0 0 3px #a7b32540,inset 0 1px #fff9}._errorState_1get6_48{border-color:#de6565}._disabled_1get6_52{cursor:not-allowed;opacity:.6}._hiddenInput_1get6_57{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._dropzoneContent_1get6_65{cursor:pointer;display:block}._disabled_1get6_52 ._dropzoneContent_1get6_65{cursor:not-allowed}._placeholder_1get6_74{flex-direction:column;gap:6px;display:flex}._big_1get6_80{color:#272727;font-size:16px;font-weight:800}._small_1get6_86{color:#5b5a5a;font-size:14px}._hint_1get6_91{color:#6b7280;margin-top:4px;font-size:12px}._dropzoneGlassy_1get6_32 ._big_1get6_80,._dropzoneGlassy_1get6_32 ._small_1get6_86,._dropzoneGlassy_1get6_32 ._hint_1get6_91{color:#fff}._dropzoneGlassy_1get6_32 ._small_1get6_86{opacity:.85}._dropzoneGlassy_1get6_32 ._hint_1get6_91{opacity:.7}._selected_1get6_111{align-items:center;gap:12px;padding-right:96px;display:flex}._preview_1get6_118{object-fit:cover;background:#ffffff4d;border-radius:14px;flex-shrink:0;width:56px;height:56px}._fileMeta_1get6_127{flex-direction:column;gap:4px;min-width:0;display:flex}._fileName_1get6_134{color:#272727;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}._fileSize_1get6_142{color:#6b7280;font-size:12px}._dropzoneGlassy_1get6_32 ._fileName_1get6_134,._dropzoneGlassy_1get6_32 ._fileSize_1get6_142{color:#fff}._dropzoneGlassy_1get6_32 ._fileSize_1get6_142{opacity:.75}._remove_1get6_156{cursor:pointer;color:#272727;background:#0000001f;border:none;border-radius:999px;width:fit-content;padding:6px 10px;font-size:13px;font-weight:700;transition:background .2s,color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}._remove_1get6_156:hover{background:#0000002e}._remove_1get6_156:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:2px}._remove_1get6_156:disabled{cursor:not-allowed;opacity:.6}._dropzoneGlassy_1get6_32 ._remove_1get6_156{color:#fff;background:#fff3}._dropzoneGlassy_1get6_32 ._remove_1get6_156:hover{background:#ffffff4d}._errorMessage_1get6_198{color:#de6565;min-height:1.2em;font-size:13px;font-weight:700;display:block}._errorMessageHidden_1get6_206{visibility:hidden}@media (width<=520px){._selected_1get6_111{flex-direction:column;align-items:flex-start;padding-right:0}._remove_1get6_156{margin-top:12px;position:static;transform:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -41,55 +41,62 @@ function l({ label: r, onClick: i, type: a = "button", disabled: o = !1, loading
|
|
|
41
41
|
//#endregion
|
|
42
42
|
//#region src/components/banner-hero/banner-hero.tsx
|
|
43
43
|
var u = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E", d = (e) => e === "--color-juice-sugarcane" || e === "--color-juice-tamarind" || e === "--color-juice-guarana" || e === "--color-juice-icetea";
|
|
44
|
-
function f({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a, imageBackgroundTablet: o, imageBackgroundMobile: c, fallbackImageSrc: f, labelButtonPrimary: p, actionButtonPrimary: m, labelButtonSecondary: h, actionButtonSecondary: g }) {
|
|
45
|
-
let [
|
|
46
|
-
y,
|
|
44
|
+
function f({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a, imageBackgroundTablet: o, imageBackgroundMobile: c, fallbackImageSrc: f, labelButtonPrimary: p, actionButtonPrimary: m, labelButtonSecondary: h, actionButtonSecondary: g, gradientOverlay: _ = !1 }) {
|
|
45
|
+
let [v, y] = s(null), b = a?.trim(), x = o?.trim(), S = c?.trim(), C = f?.trim() || u, w = [
|
|
47
46
|
b,
|
|
48
|
-
x
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
`${
|
|
47
|
+
x,
|
|
48
|
+
S
|
|
49
|
+
].filter(Boolean).join("|"), T = !!b && v !== w, E = d(i) ? i : void 0, D = T ? [
|
|
50
|
+
S ? `${S} 900w` : "",
|
|
51
|
+
x ? `${x} 1600w` : "",
|
|
52
|
+
`${b} 2400w`
|
|
53
53
|
].filter(Boolean).join(", ") : void 0;
|
|
54
54
|
return /* @__PURE__ */ t("div", {
|
|
55
55
|
className: "content-child-max banner-hero",
|
|
56
56
|
children: /* @__PURE__ */ n("div", {
|
|
57
57
|
className: "hero__container",
|
|
58
|
-
children: [
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ t("img", {
|
|
60
|
+
src: T ? b : C,
|
|
61
|
+
srcSet: D,
|
|
62
|
+
sizes: D ? "100vw" : void 0,
|
|
63
|
+
className: "image-banner",
|
|
64
|
+
alt: "background",
|
|
65
|
+
onError: T ? () => y(w) : void 0
|
|
66
|
+
}),
|
|
67
|
+
_ && /* @__PURE__ */ t("div", {
|
|
68
|
+
className: "hero__gradient-overlay",
|
|
69
|
+
"aria-hidden": "true"
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ n("div", {
|
|
72
|
+
className: "hero__content",
|
|
73
|
+
style: i ? { color: `var(${i})` } : void 0,
|
|
74
|
+
children: [
|
|
75
|
+
e && e.split("\n").map((r, a) => /* @__PURE__ */ n("span", {
|
|
76
|
+
className: `banner--title ${i || ""}`,
|
|
77
|
+
"data-testid": "bannerHeroTitle",
|
|
78
|
+
children: [r, a < e.split("\n").length - 1 && /* @__PURE__ */ t("br", {})]
|
|
79
|
+
}, a)),
|
|
80
|
+
/* @__PURE__ */ t("p", {
|
|
81
|
+
className: "banner--description",
|
|
82
|
+
children: r && r.split("\n").map((e, i) => /* @__PURE__ */ n("span", { children: [e, i < r.split("\n").length - 1 && /* @__PURE__ */ t("br", {})] }, i))
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ n("div", {
|
|
85
|
+
className: "banner-hero-buttonbar",
|
|
86
|
+
children: [p && /* @__PURE__ */ t(l, {
|
|
87
|
+
label: p,
|
|
88
|
+
variant: "primary",
|
|
89
|
+
colorToken: E,
|
|
90
|
+
onClick: m
|
|
91
|
+
}), h && /* @__PURE__ */ t(l, {
|
|
92
|
+
label: h,
|
|
93
|
+
variant: "secondary",
|
|
94
|
+
onClick: g
|
|
95
|
+
})]
|
|
96
|
+
})
|
|
97
|
+
]
|
|
98
|
+
})
|
|
99
|
+
]
|
|
93
100
|
})
|
|
94
101
|
});
|
|
95
102
|
}
|
|
@@ -342,38 +349,47 @@ function C({ label: e, name: r, options: i, placeholder: a, error: o, variant: s
|
|
|
342
349
|
});
|
|
343
350
|
}
|
|
344
351
|
var w = {
|
|
345
|
-
appLink: "
|
|
346
|
-
appLinkDefault: "
|
|
347
|
-
appLinkGlassy: "
|
|
348
|
-
label: "
|
|
349
|
-
icon: "
|
|
350
|
-
|
|
352
|
+
appLink: "_appLink_o2z21_1",
|
|
353
|
+
appLinkDefault: "_appLinkDefault_o2z21_19",
|
|
354
|
+
appLinkGlassy: "_appLinkGlassy_o2z21_30",
|
|
355
|
+
label: "_label_o2z21_38",
|
|
356
|
+
icon: "_icon_o2z21_43",
|
|
357
|
+
iconLeft: "_iconLeft_o2z21_54",
|
|
358
|
+
arrowIcon: "_arrowIcon_o2z21_58"
|
|
351
359
|
};
|
|
352
360
|
//#endregion
|
|
353
361
|
//#region src/components/form/link/Link.tsx
|
|
354
|
-
function T({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0,
|
|
355
|
-
function
|
|
362
|
+
function T({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0, arrowPosition: s = "right", variant: c = "default", className: l, ...u }) {
|
|
363
|
+
function d(e) {
|
|
356
364
|
r || e.preventDefault(), i?.(e);
|
|
357
365
|
}
|
|
358
366
|
return /* @__PURE__ */ n("a", {
|
|
359
367
|
href: r ?? "#",
|
|
360
|
-
onClick:
|
|
368
|
+
onClick: d,
|
|
361
369
|
target: r && a ? "_blank" : void 0,
|
|
362
370
|
rel: r && a ? "noopener noreferrer" : void 0,
|
|
363
371
|
className: [
|
|
364
372
|
w.appLink,
|
|
365
|
-
|
|
366
|
-
|
|
373
|
+
c === "glassy" ? w.appLinkGlassy : w.appLinkDefault,
|
|
374
|
+
l ?? ""
|
|
367
375
|
].filter(Boolean).join(" "),
|
|
368
|
-
...
|
|
369
|
-
children: [
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
376
|
+
...u,
|
|
377
|
+
children: [
|
|
378
|
+
o && s === "left" && /* @__PURE__ */ t("span", {
|
|
379
|
+
className: [w.icon, w.iconLeft].join(" "),
|
|
380
|
+
"aria-hidden": "true",
|
|
381
|
+
children: /* @__PURE__ */ t(D, {})
|
|
382
|
+
}),
|
|
383
|
+
/* @__PURE__ */ t("span", {
|
|
384
|
+
className: w.label,
|
|
385
|
+
children: e
|
|
386
|
+
}),
|
|
387
|
+
o && s === "right" && /* @__PURE__ */ t("span", {
|
|
388
|
+
className: w.icon,
|
|
389
|
+
"aria-hidden": "true",
|
|
390
|
+
children: /* @__PURE__ */ t(E, {})
|
|
391
|
+
})
|
|
392
|
+
]
|
|
377
393
|
});
|
|
378
394
|
}
|
|
379
395
|
function E() {
|
|
@@ -386,7 +402,17 @@ function E() {
|
|
|
386
402
|
children: [/* @__PURE__ */ t("path", { d: "M5 12H19" }), /* @__PURE__ */ t("path", { d: "M13 6L19 12L13 18" })]
|
|
387
403
|
});
|
|
388
404
|
}
|
|
389
|
-
|
|
405
|
+
function D() {
|
|
406
|
+
return /* @__PURE__ */ n("svg", {
|
|
407
|
+
className: w.arrowIcon,
|
|
408
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
409
|
+
viewBox: "0 0 24 24",
|
|
410
|
+
fill: "none",
|
|
411
|
+
"aria-hidden": "true",
|
|
412
|
+
children: [/* @__PURE__ */ t("path", { d: "M19 12H5" }), /* @__PURE__ */ t("path", { d: "M11 6L5 12L11 18" })]
|
|
413
|
+
});
|
|
414
|
+
}
|
|
415
|
+
var O = {
|
|
390
416
|
iconButton: "_iconButton_14rp3_1",
|
|
391
417
|
withFrame: "_withFrame_14rp3_17",
|
|
392
418
|
withoutFrame: "_withoutFrame_14rp3_24",
|
|
@@ -399,7 +425,7 @@ var D = {
|
|
|
399
425
|
};
|
|
400
426
|
//#endregion
|
|
401
427
|
//#region src/components/form/icon-button/IconButton.tsx
|
|
402
|
-
function
|
|
428
|
+
function k({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a = !1, size: o = "default", className: s, type: c = "button", disabled: l, ...u }) {
|
|
403
429
|
return /* @__PURE__ */ t("button", {
|
|
404
430
|
type: c,
|
|
405
431
|
"aria-label": e,
|
|
@@ -407,23 +433,23 @@ function O({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a
|
|
|
407
433
|
"aria-pressed": a,
|
|
408
434
|
disabled: l,
|
|
409
435
|
className: [
|
|
410
|
-
|
|
411
|
-
i ?
|
|
412
|
-
r === "glassy" ?
|
|
413
|
-
a ?
|
|
414
|
-
o === "small" ?
|
|
415
|
-
o === "large" ?
|
|
436
|
+
O.iconButton,
|
|
437
|
+
i ? O.withFrame : O.withoutFrame,
|
|
438
|
+
r === "glassy" ? O.glassy : "",
|
|
439
|
+
a ? O.active : "",
|
|
440
|
+
o === "small" ? O.small : "",
|
|
441
|
+
o === "large" ? O.large : "",
|
|
416
442
|
s ?? ""
|
|
417
443
|
].filter(Boolean).join(" "),
|
|
418
444
|
...u,
|
|
419
445
|
children: /* @__PURE__ */ t("span", {
|
|
420
|
-
className:
|
|
446
|
+
className: O.icon,
|
|
421
447
|
"aria-hidden": "true",
|
|
422
448
|
children: n
|
|
423
449
|
})
|
|
424
450
|
});
|
|
425
451
|
}
|
|
426
|
-
var
|
|
452
|
+
var A = {
|
|
427
453
|
passwordInputWrapper: "_passwordInputWrapper_1ris8_1",
|
|
428
454
|
inputTextField: "_inputTextField_1ris8_6",
|
|
429
455
|
inputTextFieldGlassy: "_inputTextFieldGlassy_1ris8_18",
|
|
@@ -435,7 +461,7 @@ var k = {
|
|
|
435
461
|
};
|
|
436
462
|
//#endregion
|
|
437
463
|
//#region src/components/form/password/Password.tsx
|
|
438
|
-
function
|
|
464
|
+
function j({ label: e, name: r, id: i, error: a, variant: o = "default", className: c, disabled: l, ref: u, autoComplete: d = "current-password", ...f }) {
|
|
439
465
|
let [p, m] = s(!1), h = i ?? r;
|
|
440
466
|
function g() {
|
|
441
467
|
m((e) => !e);
|
|
@@ -449,7 +475,7 @@ function A({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
|
|
|
449
475
|
children: e
|
|
450
476
|
}),
|
|
451
477
|
/* @__PURE__ */ n("div", {
|
|
452
|
-
className:
|
|
478
|
+
className: A.passwordInputWrapper,
|
|
453
479
|
children: [/* @__PURE__ */ t("input", {
|
|
454
480
|
id: h,
|
|
455
481
|
name: r,
|
|
@@ -458,9 +484,9 @@ function A({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
|
|
|
458
484
|
disabled: l,
|
|
459
485
|
autoComplete: d,
|
|
460
486
|
className: [
|
|
461
|
-
|
|
462
|
-
o === "glassy" ?
|
|
463
|
-
a ?
|
|
487
|
+
A.inputTextField,
|
|
488
|
+
o === "glassy" ? A.inputTextFieldGlassy : "",
|
|
489
|
+
a ? A.inputError : "",
|
|
464
490
|
c ?? ""
|
|
465
491
|
].filter(Boolean).join(" "),
|
|
466
492
|
"aria-invalid": !!a,
|
|
@@ -468,25 +494,25 @@ function A({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
|
|
|
468
494
|
...f
|
|
469
495
|
}), /* @__PURE__ */ t("button", {
|
|
470
496
|
type: "button",
|
|
471
|
-
className:
|
|
497
|
+
className: A.togglePasswordButton,
|
|
472
498
|
onClick: g,
|
|
473
499
|
disabled: l,
|
|
474
500
|
"aria-label": p ? "Passwort ausblenden" : "Passwort anzeigen",
|
|
475
501
|
"aria-pressed": p,
|
|
476
|
-
children: t(p ?
|
|
502
|
+
children: t(p ? N : M, {})
|
|
477
503
|
})]
|
|
478
504
|
}),
|
|
479
505
|
/* @__PURE__ */ t("span", {
|
|
480
506
|
id: `${r}-error`,
|
|
481
|
-
className: [
|
|
507
|
+
className: [A.errorMessage, a ? "" : A.errorMessageHidden].filter(Boolean).join(" "),
|
|
482
508
|
children: a || "\xA0"
|
|
483
509
|
})
|
|
484
510
|
]
|
|
485
511
|
});
|
|
486
512
|
}
|
|
487
|
-
function
|
|
513
|
+
function M() {
|
|
488
514
|
return /* @__PURE__ */ n("svg", {
|
|
489
|
-
className:
|
|
515
|
+
className: A.icon,
|
|
490
516
|
xmlns: "http://www.w3.org/2000/svg",
|
|
491
517
|
viewBox: "0 0 24 24",
|
|
492
518
|
fill: "none",
|
|
@@ -498,9 +524,9 @@ function j() {
|
|
|
498
524
|
})]
|
|
499
525
|
});
|
|
500
526
|
}
|
|
501
|
-
function
|
|
527
|
+
function N() {
|
|
502
528
|
return /* @__PURE__ */ t("svg", {
|
|
503
|
-
className:
|
|
529
|
+
className: A.icon,
|
|
504
530
|
xmlns: "http://www.w3.org/2000/svg",
|
|
505
531
|
viewBox: "0 0 24 24",
|
|
506
532
|
fill: "none",
|
|
@@ -508,7 +534,7 @@ function M() {
|
|
|
508
534
|
children: /* @__PURE__ */ t("path", { d: "M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22" })
|
|
509
535
|
});
|
|
510
536
|
}
|
|
511
|
-
var
|
|
537
|
+
var P = {
|
|
512
538
|
inputWrapper: "_inputWrapper_1qpua_1",
|
|
513
539
|
inputTextField: "_inputTextField_1qpua_6",
|
|
514
540
|
inputTextFieldGlassy: "_inputTextFieldGlassy_1qpua_18",
|
|
@@ -524,8 +550,8 @@ var N = {
|
|
|
524
550
|
};
|
|
525
551
|
//#endregion
|
|
526
552
|
//#region src/components/form/postal-code/PostalCode.tsx
|
|
527
|
-
function
|
|
528
|
-
let b = i(), x = c ?? `${a}-${b}`, S = o(null), C = o(!1), [w, T] = s(""), [E, D] = s([]), [O, k] = s(!1), [A, j] = s(!1), M = w.trim().match(/^(\d+)\s+(.+)$/),
|
|
553
|
+
function F({ label: e, name: a, id: c, error: l, variant: u = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
|
|
554
|
+
let b = i(), x = c ?? `${a}-${b}`, S = o(null), C = o(!1), [w, T] = s(""), [E, D] = s([]), [O, k] = s(!1), [A, j] = s(!1), M = w.trim().match(/^(\d+)\s+(.+)$/), N = !!M, F = M?.[1], I = M?.[2], L = N && E.some((e) => e.postalCode === F && e.locality === I), R = /^\d+$/.test(w.trim()), z = w.trim().length >= 4 && R && !O, B = z && E.some((e) => e.postalCode === w.trim()), V = z && !B, H = l ?? (V ? "Diese Schweizer Postleitzahl wurde nicht gefunden." : void 0);
|
|
529
555
|
A && w.trim().length >= 4 && E.length, r(() => {
|
|
530
556
|
let e = w.trim();
|
|
531
557
|
if (e.length < 2) {
|
|
@@ -582,7 +608,7 @@ function P({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
|
|
|
582
608
|
children: e
|
|
583
609
|
}),
|
|
584
610
|
/* @__PURE__ */ n("div", {
|
|
585
|
-
className:
|
|
611
|
+
className: P.inputWrapper,
|
|
586
612
|
children: [
|
|
587
613
|
/* @__PURE__ */ t("input", {
|
|
588
614
|
id: x,
|
|
@@ -597,10 +623,10 @@ function P({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
|
|
|
597
623
|
onChange: W,
|
|
598
624
|
onBlur: g,
|
|
599
625
|
className: [
|
|
600
|
-
|
|
601
|
-
u === "glassy" ?
|
|
602
|
-
B || L ?
|
|
603
|
-
V || l ?
|
|
626
|
+
P.inputTextField,
|
|
627
|
+
u === "glassy" ? P.inputTextFieldGlassy : "",
|
|
628
|
+
B || L ? P.inputValid : "",
|
|
629
|
+
V || l ? P.inputError : "",
|
|
604
630
|
d ?? ""
|
|
605
631
|
].filter(Boolean).join(" "),
|
|
606
632
|
"aria-invalid": !!H,
|
|
@@ -608,45 +634,45 @@ function P({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
|
|
|
608
634
|
...y
|
|
609
635
|
}),
|
|
610
636
|
O && /* @__PURE__ */ t("span", {
|
|
611
|
-
className:
|
|
637
|
+
className: P.loading,
|
|
612
638
|
children: "Lädt…"
|
|
613
639
|
}),
|
|
614
640
|
E.length > 0 && /* @__PURE__ */ t("ul", {
|
|
615
|
-
className:
|
|
641
|
+
className: P.suggestionList,
|
|
616
642
|
children: E.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
|
|
617
643
|
type: "button",
|
|
618
|
-
className:
|
|
644
|
+
className: P.suggestionItem,
|
|
619
645
|
onMouseDown: (e) => e.preventDefault(),
|
|
620
646
|
onClick: () => G(e),
|
|
621
647
|
children: [/* @__PURE__ */ t("span", { children: e.postalCode }), /* @__PURE__ */ t("span", {
|
|
622
|
-
className:
|
|
648
|
+
className: P.locality,
|
|
623
649
|
children: e.locality
|
|
624
650
|
})]
|
|
625
651
|
}) }, e.label))
|
|
626
652
|
}),
|
|
627
653
|
A && w.trim().length >= 2 && E.length === 0 && !O && !L && !V && /* @__PURE__ */ t("div", {
|
|
628
|
-
className:
|
|
654
|
+
className: P.emptyState,
|
|
629
655
|
children: "Keine Schweizer PLZ oder Ortschaft gefunden."
|
|
630
656
|
})
|
|
631
657
|
]
|
|
632
658
|
}),
|
|
633
659
|
B && /* @__PURE__ */ t("span", {
|
|
634
|
-
className:
|
|
660
|
+
className: P.successMessage,
|
|
635
661
|
children: "Gültige Schweizer Postleitzahl"
|
|
636
662
|
}),
|
|
637
663
|
L && /* @__PURE__ */ t("span", {
|
|
638
|
-
className:
|
|
664
|
+
className: P.successMessage,
|
|
639
665
|
children: "Gültige Schweizer Postleitzahl"
|
|
640
666
|
}),
|
|
641
667
|
/* @__PURE__ */ t("span", {
|
|
642
668
|
id: `${a}-error`,
|
|
643
|
-
className: [
|
|
669
|
+
className: [P.errorMessage, H ? "" : P.errorMessageHidden].filter(Boolean).join(" "),
|
|
644
670
|
children: H || "\xA0"
|
|
645
671
|
})
|
|
646
672
|
]
|
|
647
673
|
});
|
|
648
674
|
}
|
|
649
|
-
var
|
|
675
|
+
var I = {
|
|
650
676
|
radioGroup: "_radioGroup_1yjda_5",
|
|
651
677
|
optionGroup: "_optionGroup_1yjda_16",
|
|
652
678
|
optionWrapper: "_optionWrapper_1yjda_23",
|
|
@@ -663,46 +689,46 @@ var F = {
|
|
|
663
689
|
};
|
|
664
690
|
//#endregion
|
|
665
691
|
//#region src/components/form/radiobutton/RadioButton.tsx
|
|
666
|
-
function
|
|
692
|
+
function L({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
|
|
667
693
|
let f = c !== void 0;
|
|
668
694
|
return /* @__PURE__ */ t("div", {
|
|
669
695
|
className: "inputBlockVertical",
|
|
670
696
|
children: /* @__PURE__ */ n("fieldset", {
|
|
671
|
-
className: [
|
|
697
|
+
className: [I.radioGroup].filter(Boolean).join(" "),
|
|
672
698
|
"aria-invalid": !!a,
|
|
673
699
|
"aria-describedby": `${r}-error`,
|
|
674
700
|
children: [
|
|
675
701
|
e && /* @__PURE__ */ t("label", {
|
|
676
702
|
htmlFor: r,
|
|
677
|
-
className: [
|
|
703
|
+
className: [I.inputLabel, o === "glassy" ? "--form-input-glassy-text-label" : "--form-input-default-text-label"].filter(Boolean).join(" "),
|
|
678
704
|
children: e
|
|
679
705
|
}),
|
|
680
706
|
/* @__PURE__ */ t("div", {
|
|
681
|
-
className:
|
|
707
|
+
className: I.optionGroup,
|
|
682
708
|
children: i.map((e) => {
|
|
683
709
|
let i = f ? { checked: c === e.value } : { defaultChecked: l === e.value };
|
|
684
710
|
return /* @__PURE__ */ n("label", {
|
|
685
|
-
className: [
|
|
711
|
+
className: [I.optionWrapper, s ? I.optionWrapperDisabled : ""].filter(Boolean).join(" "),
|
|
686
712
|
children: [/* @__PURE__ */ t("input", {
|
|
687
713
|
type: "radio",
|
|
688
714
|
name: r,
|
|
689
715
|
value: e.value,
|
|
690
716
|
disabled: s,
|
|
691
|
-
className:
|
|
717
|
+
className: I.radioInput,
|
|
692
718
|
onChange: u,
|
|
693
719
|
...i,
|
|
694
720
|
...d
|
|
695
721
|
}), /* @__PURE__ */ n("span", {
|
|
696
722
|
className: [
|
|
697
|
-
|
|
698
|
-
o === "glassy" ?
|
|
699
|
-
a ?
|
|
723
|
+
I.optionButton,
|
|
724
|
+
o === "glassy" ? I.optionButtonGlassy : I.optionButtonDefault,
|
|
725
|
+
a ? I.optionButtonError : ""
|
|
700
726
|
].filter(Boolean).join(" "),
|
|
701
727
|
children: [/* @__PURE__ */ t("span", {
|
|
702
|
-
className:
|
|
728
|
+
className: I.optionTitle,
|
|
703
729
|
children: e.label
|
|
704
730
|
}), e.description && /* @__PURE__ */ t("span", {
|
|
705
|
-
className:
|
|
731
|
+
className: I.optionDescription,
|
|
706
732
|
children: e.description
|
|
707
733
|
})]
|
|
708
734
|
})]
|
|
@@ -711,14 +737,14 @@ function I({ label: e, name: r, options: i, error: a, variant: o = "default", di
|
|
|
711
737
|
}),
|
|
712
738
|
/* @__PURE__ */ t("span", {
|
|
713
739
|
id: `${r}-error`,
|
|
714
|
-
className: [
|
|
740
|
+
className: [I.errorMessage, a ? "" : I.errorMessageHidden].filter(Boolean).join(" "),
|
|
715
741
|
children: a || "\xA0"
|
|
716
742
|
})
|
|
717
743
|
]
|
|
718
744
|
})
|
|
719
745
|
});
|
|
720
746
|
}
|
|
721
|
-
var
|
|
747
|
+
var R = {
|
|
722
748
|
switchWrapper: "_switchWrapper_1dr6p_1",
|
|
723
749
|
switchCheckbox: "_switchCheckbox_1dr6p_5",
|
|
724
750
|
switchLabel: "_switchLabel_1dr6p_13",
|
|
@@ -736,54 +762,54 @@ var L = {
|
|
|
736
762
|
};
|
|
737
763
|
//#endregion
|
|
738
764
|
//#region src/components/form/switch/Switch.tsx
|
|
739
|
-
function
|
|
765
|
+
function z({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
|
|
740
766
|
let u = r ?? `${e}-switch`;
|
|
741
767
|
return /* @__PURE__ */ t("div", {
|
|
742
768
|
className: "inputBlockHorizontal",
|
|
743
769
|
children: /* @__PURE__ */ n("div", {
|
|
744
|
-
className: [
|
|
770
|
+
className: [R.switchWrapper, s ?? ""].filter(Boolean).join(" "),
|
|
745
771
|
children: [
|
|
746
772
|
/* @__PURE__ */ t("input", {
|
|
747
773
|
id: u,
|
|
748
774
|
name: e,
|
|
749
775
|
type: "checkbox",
|
|
750
776
|
disabled: c,
|
|
751
|
-
className:
|
|
777
|
+
className: R.switchCheckbox,
|
|
752
778
|
"aria-invalid": !!a,
|
|
753
779
|
"aria-describedby": `${e}-error`,
|
|
754
780
|
...l
|
|
755
781
|
}),
|
|
756
782
|
/* @__PURE__ */ n("label", {
|
|
757
783
|
htmlFor: u,
|
|
758
|
-
className: [
|
|
784
|
+
className: [R.switchLabel, o === "glassy" ? R.switchLabelGlassy : R.switchLabelDefault].filter(Boolean).join(" "),
|
|
759
785
|
children: [i && /* @__PURE__ */ t("span", {
|
|
760
|
-
className:
|
|
786
|
+
className: R.switchText,
|
|
761
787
|
children: i
|
|
762
788
|
}), /* @__PURE__ */ t("span", {
|
|
763
|
-
className: [
|
|
789
|
+
className: [R.switchBackground, o === "glassy" ? R.switchBackgroundGlassy : R.switchBackgroundDefault].filter(Boolean).join(" "),
|
|
764
790
|
children: /* @__PURE__ */ n("span", {
|
|
765
|
-
className:
|
|
791
|
+
className: R.switchButton,
|
|
766
792
|
"aria-hidden": "true",
|
|
767
793
|
children: [/* @__PURE__ */ t("span", {
|
|
768
|
-
className:
|
|
769
|
-
children: /* @__PURE__ */ t(z, {})
|
|
770
|
-
}), /* @__PURE__ */ t("span", {
|
|
771
|
-
className: L.iconUnchecked,
|
|
794
|
+
className: R.iconChecked,
|
|
772
795
|
children: /* @__PURE__ */ t(B, {})
|
|
796
|
+
}), /* @__PURE__ */ t("span", {
|
|
797
|
+
className: R.iconUnchecked,
|
|
798
|
+
children: /* @__PURE__ */ t(V, {})
|
|
773
799
|
})]
|
|
774
800
|
})
|
|
775
801
|
})]
|
|
776
802
|
}),
|
|
777
803
|
/* @__PURE__ */ t("span", {
|
|
778
804
|
id: `${e}-error`,
|
|
779
|
-
className: [
|
|
805
|
+
className: [R.errorMessage, a ? "" : R.errorMessageHidden].filter(Boolean).join(" "),
|
|
780
806
|
children: a || "\xA0"
|
|
781
807
|
})
|
|
782
808
|
]
|
|
783
809
|
})
|
|
784
810
|
});
|
|
785
811
|
}
|
|
786
|
-
function
|
|
812
|
+
function B() {
|
|
787
813
|
return /* @__PURE__ */ t("svg", {
|
|
788
814
|
width: "16",
|
|
789
815
|
height: "16",
|
|
@@ -799,7 +825,7 @@ function z() {
|
|
|
799
825
|
})
|
|
800
826
|
});
|
|
801
827
|
}
|
|
802
|
-
function
|
|
828
|
+
function V() {
|
|
803
829
|
return /* @__PURE__ */ t("svg", {
|
|
804
830
|
width: "16",
|
|
805
831
|
height: "16",
|
|
@@ -814,7 +840,7 @@ function B() {
|
|
|
814
840
|
})
|
|
815
841
|
});
|
|
816
842
|
}
|
|
817
|
-
var
|
|
843
|
+
var H = {
|
|
818
844
|
inputLabel: "_inputLabel_1hmxe_1",
|
|
819
845
|
inputTextField: "_inputTextField_1hmxe_5",
|
|
820
846
|
inputTextFieldGlassy: "_inputTextFieldGlassy_1hmxe_22",
|
|
@@ -824,13 +850,13 @@ var V = {
|
|
|
824
850
|
};
|
|
825
851
|
//#endregion
|
|
826
852
|
//#region src/components/form/textfield/TextField.tsx
|
|
827
|
-
function
|
|
853
|
+
function U({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
|
|
828
854
|
return /* @__PURE__ */ n("div", {
|
|
829
855
|
className: "inputBlockVertical",
|
|
830
856
|
children: [
|
|
831
857
|
/* @__PURE__ */ t("label", {
|
|
832
858
|
htmlFor: r,
|
|
833
|
-
className: [
|
|
859
|
+
className: [H.inputLabel, o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
|
|
834
860
|
children: e
|
|
835
861
|
}),
|
|
836
862
|
/* @__PURE__ */ t("input", {
|
|
@@ -839,9 +865,9 @@ function H({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
|
|
|
839
865
|
ref: c,
|
|
840
866
|
placeholder: a,
|
|
841
867
|
className: [
|
|
842
|
-
|
|
843
|
-
o === "glassy" ?
|
|
844
|
-
i ?
|
|
868
|
+
H.inputTextField,
|
|
869
|
+
o === "glassy" ? H.inputTextFieldGlassy : "",
|
|
870
|
+
i ? H.inputError : "",
|
|
845
871
|
s ?? ""
|
|
846
872
|
].filter(Boolean).join(" "),
|
|
847
873
|
"aria-invalid": !!i,
|
|
@@ -850,13 +876,13 @@ function H({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
|
|
|
850
876
|
}),
|
|
851
877
|
/* @__PURE__ */ t("span", {
|
|
852
878
|
id: `${r}-error`,
|
|
853
|
-
className: [
|
|
879
|
+
className: [H.errorMessage, i ? "" : H.errorMessageHidden].filter(Boolean).join(" "),
|
|
854
880
|
children: i || "\xA0"
|
|
855
881
|
})
|
|
856
882
|
]
|
|
857
883
|
});
|
|
858
884
|
}
|
|
859
|
-
var
|
|
885
|
+
var W = {
|
|
860
886
|
wrapper: "_wrapper_1get6_1",
|
|
861
887
|
label: "_label_1get6_7",
|
|
862
888
|
labelGlassy: "_labelGlassy_1get6_13",
|
|
@@ -882,7 +908,7 @@ var U = {
|
|
|
882
908
|
};
|
|
883
909
|
//#endregion
|
|
884
910
|
//#region src/components/form/upload/Upload.tsx
|
|
885
|
-
function
|
|
911
|
+
function G({ label: e, name: o, id: c, file: l, error: u, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
|
|
886
912
|
let y = i(), b = c ?? `${o}-${y}`, [x, S] = s(!1), [C, w] = s(l ?? null), T = l !== void 0, E = T ? l : C, D = a(() => !E || !E.type.startsWith("image/") ? null : URL.createObjectURL(E), [E]);
|
|
887
913
|
r(() => {
|
|
888
914
|
T && w(l ?? null);
|
|
@@ -913,20 +939,20 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
913
939
|
}
|
|
914
940
|
let F = Math.round(p / (1024 * 1024));
|
|
915
941
|
return /* @__PURE__ */ n("div", {
|
|
916
|
-
className: [
|
|
942
|
+
className: [W.wrapper, h ?? ""].filter(Boolean).join(" "),
|
|
917
943
|
children: [
|
|
918
944
|
/* @__PURE__ */ t("label", {
|
|
919
|
-
className: [
|
|
945
|
+
className: [W.label, d === "glassy" ? W.labelGlassy : ""].filter(Boolean).join(" "),
|
|
920
946
|
htmlFor: b,
|
|
921
947
|
children: e
|
|
922
948
|
}),
|
|
923
949
|
/* @__PURE__ */ n("div", {
|
|
924
950
|
className: [
|
|
925
|
-
|
|
926
|
-
d === "glassy" ?
|
|
927
|
-
x ?
|
|
928
|
-
u ?
|
|
929
|
-
m ?
|
|
951
|
+
W.dropzone,
|
|
952
|
+
d === "glassy" ? W.dropzoneGlassy : "",
|
|
953
|
+
x ? W.dragOver : "",
|
|
954
|
+
u ? W.errorState : "",
|
|
955
|
+
m ? W.disabled : ""
|
|
930
956
|
].filter(Boolean).join(" "),
|
|
931
957
|
onDragOver: j,
|
|
932
958
|
onDragLeave: M,
|
|
@@ -935,7 +961,7 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
935
961
|
/* @__PURE__ */ t("input", {
|
|
936
962
|
id: b,
|
|
937
963
|
name: o,
|
|
938
|
-
className:
|
|
964
|
+
className: W.hiddenInput,
|
|
939
965
|
type: "file",
|
|
940
966
|
accept: f,
|
|
941
967
|
disabled: m,
|
|
@@ -946,20 +972,20 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
946
972
|
}),
|
|
947
973
|
/* @__PURE__ */ t("label", {
|
|
948
974
|
htmlFor: b,
|
|
949
|
-
className:
|
|
975
|
+
className: W.dropzoneContent,
|
|
950
976
|
children: E ? /* @__PURE__ */ n("span", {
|
|
951
|
-
className:
|
|
977
|
+
className: W.selected,
|
|
952
978
|
children: [D && /* @__PURE__ */ t("img", {
|
|
953
|
-
className:
|
|
979
|
+
className: W.preview,
|
|
954
980
|
src: D,
|
|
955
981
|
alt: `Vorschau von ${E.name}`
|
|
956
982
|
}), /* @__PURE__ */ n("span", {
|
|
957
|
-
className:
|
|
983
|
+
className: W.fileMeta,
|
|
958
984
|
children: [/* @__PURE__ */ t("span", {
|
|
959
|
-
className:
|
|
985
|
+
className: W.fileName,
|
|
960
986
|
children: E.name
|
|
961
987
|
}), /* @__PURE__ */ n("span", {
|
|
962
|
-
className:
|
|
988
|
+
className: W.fileSize,
|
|
963
989
|
children: [
|
|
964
990
|
(E.size / 1024).toFixed(0),
|
|
965
991
|
" KB ·",
|
|
@@ -969,18 +995,18 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
969
995
|
})]
|
|
970
996
|
})]
|
|
971
997
|
}) : /* @__PURE__ */ n("span", {
|
|
972
|
-
className:
|
|
998
|
+
className: W.placeholder,
|
|
973
999
|
children: [
|
|
974
1000
|
/* @__PURE__ */ t("span", {
|
|
975
|
-
className:
|
|
1001
|
+
className: W.big,
|
|
976
1002
|
children: "Datei hier reinziehen"
|
|
977
1003
|
}),
|
|
978
1004
|
/* @__PURE__ */ t("span", {
|
|
979
|
-
className:
|
|
1005
|
+
className: W.small,
|
|
980
1006
|
children: "…oder klicken, um auszuwählen"
|
|
981
1007
|
}),
|
|
982
1008
|
/* @__PURE__ */ n("span", {
|
|
983
|
-
className:
|
|
1009
|
+
className: W.hint,
|
|
984
1010
|
children: [
|
|
985
1011
|
"Erlaubt: ",
|
|
986
1012
|
f,
|
|
@@ -994,7 +1020,7 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
994
1020
|
}),
|
|
995
1021
|
E && /* @__PURE__ */ t("button", {
|
|
996
1022
|
type: "button",
|
|
997
|
-
className:
|
|
1023
|
+
className: W.remove,
|
|
998
1024
|
onClick: P,
|
|
999
1025
|
disabled: m,
|
|
1000
1026
|
children: "Entfernen"
|
|
@@ -1003,11 +1029,11 @@ function W({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
|
|
|
1003
1029
|
}),
|
|
1004
1030
|
/* @__PURE__ */ t("span", {
|
|
1005
1031
|
id: `${o}-error`,
|
|
1006
|
-
className: [
|
|
1032
|
+
className: [W.errorMessage, u ? "" : W.errorMessageHidden].filter(Boolean).join(" "),
|
|
1007
1033
|
children: u || "\xA0"
|
|
1008
1034
|
})
|
|
1009
1035
|
]
|
|
1010
1036
|
});
|
|
1011
1037
|
}
|
|
1012
1038
|
//#endregion
|
|
1013
|
-
export { f as BannerHero, l as Button, m as Checkbox, g as Chip, v as DatePicker, C as Dropdown,
|
|
1039
|
+
export { f as BannerHero, l as Button, m as Checkbox, g as Chip, v as DatePicker, C as Dropdown, k as IconButton, T as Link, j as Password, F as PostalCode, L as RadioButton, z as Switch, U as TextField, G as Upload };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--color-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:n,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[r.suusButton,r[s],o?r.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${r.loader} ${s===`primary`?``:r.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:r.icon,children:l}):null,(0,t.jsx)(`span`,{className:r.label,children:e})]})})}var a=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E`,o=e=>e===`--color-juice-sugarcane`||e===`--color-juice-tamarind`||e===`--color-juice-guarana`||e===`--color-juice-icetea`;function s({title:e,description:r,colorToken:s,imageBackgroundDesktop:c,imageBackgroundTablet:l,imageBackgroundMobile:u,fallbackImageSrc:d,labelButtonPrimary:f,actionButtonPrimary:p,labelButtonSecondary:m,actionButtonSecondary:h}){let[
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--color-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:n,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[r.suusButton,r[s],o?r.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${r.loader} ${s===`primary`?``:r.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:r.icon,children:l}):null,(0,t.jsx)(`span`,{className:r.label,children:e})]})})}var a=`data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E`,o=e=>e===`--color-juice-sugarcane`||e===`--color-juice-tamarind`||e===`--color-juice-guarana`||e===`--color-juice-icetea`;function s({title:e,description:r,colorToken:s,imageBackgroundDesktop:c,imageBackgroundTablet:l,imageBackgroundMobile:u,fallbackImageSrc:d,labelButtonPrimary:f,actionButtonPrimary:p,labelButtonSecondary:m,actionButtonSecondary:h,gradientOverlay:g=!1}){let[_,v]=(0,n.useState)(null),y=c?.trim(),b=l?.trim(),x=u?.trim(),S=d?.trim()||a,C=[y,b,x].filter(Boolean).join(`|`),w=!!y&&_!==C,T=o(s)?s:void 0,E=w?[x?`${x} 900w`:``,b?`${b} 1600w`:``,`${y} 2400w`].filter(Boolean).join(`, `):void 0;return(0,t.jsx)(`div`,{className:`content-child-max banner-hero`,children:(0,t.jsxs)(`div`,{className:`hero__container`,children:[(0,t.jsx)(`img`,{src:w?y:S,srcSet:E,sizes:E?`100vw`:void 0,className:`image-banner`,alt:`background`,onError:w?()=>v(C):void 0}),g&&(0,t.jsx)(`div`,{className:`hero__gradient-overlay`,"aria-hidden":`true`}),(0,t.jsxs)(`div`,{className:`hero__content`,style:s?{color:`var(${s})`}:void 0,children:[e&&e.split(`
|
|
2
2
|
`).map((n,r)=>(0,t.jsxs)(`span`,{className:`banner--title ${s||``}`,"data-testid":`bannerHeroTitle`,children:[n,r<e.split(`
|
|
3
3
|
`).length-1&&(0,t.jsx)(`br`,{})]},r)),(0,t.jsx)(`p`,{className:`banner--description`,children:r&&r.split(`
|
|
4
4
|
`).map((e,n)=>(0,t.jsxs)(`span`,{children:[e,n<r.split(`
|
|
5
|
-
`).length-1&&(0,t.jsx)(`br`,{})]},n))}),(0,t.jsxs)(`div`,{className:`banner-hero-buttonbar`,children:[f&&(0,t.jsx)(i,{label:f,variant:`primary`,colorToken:w,onClick:p}),m&&(0,t.jsx)(i,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var c={checkboxWrapper:`_checkboxWrapper_hv63b_1`,checkboxInput:`_checkboxInput_hv63b_15`,checkboxLabel:`_checkboxLabel_hv63b_24`,customCheckbox:`_customCheckbox_hv63b_34`,checkIcon:`_checkIcon_hv63b_57`,checkboxText:`_checkboxText_hv63b_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_hv63b_107`,checkboxWrapperError:`_checkboxWrapperError_hv63b_133`,errorMessage:`_errorMessage_hv63b_147`,errorMessageHidden:`_errorMessageHidden_hv63b_155`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_hv63b_160`};function l({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[c.checkboxWrapper,a===`glassy`?c.checkboxWrapperGlassy:``,i?c.checkboxWrapperError:``,s?c.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:s,className:c.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:c.checkboxLabel,children:[(0,t.jsx)(`span`,{className:c.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:c.checkIcon,viewBox:`0 0 24 24`,focusable:`false`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M20 6L9 17L4 12`})})}),(0,t.jsx)(`span`,{className:c.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[c.errorMessage,i?``:c.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var u={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function d({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),s?.(t),l.onClick?.(e)}let g=r===`glassy`?u.chipGlassy:u.chipDefault,_=m?u.chipChecked:``,v=i?``:u.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[u.chip,g,_,c??``].filter(Boolean).join(` `),onClick:h,...l,children:e}):(0,t.jsx)(`span`,{className:[u.chip,g,_,v,c??``].filter(Boolean).join(` `),children:e})}var f={dateInputWrapper:`_dateInputWrapper_liktj_1`,inputDateField:`_inputDateField_liktj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_liktj_38`,inputError:`_inputError_liktj_56`,calendarIconButton:`_calendarIconButton_liktj_60`,icon:`_icon_liktj_88`,errorMessage:`_errorMessage_liktj_97`,errorMessageHidden:`_errorMessageHidden_liktj_104`};function p({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:p,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){p?.(null);return}p?.(h(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:f.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:m(a),max:m(S),min:s?m(s):void 0,disabled:v,onChange:w,onBlur:_,className:[f.inputDateField,l===`glassy`?f.inputDateFieldGlassy:``,c?f.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...y}),(0,t.jsx)(`button`,{type:`button`,className:f.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(g,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[f.errorMessage,c?``:f.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function m(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function h(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function g(){return(0,t.jsxs)(`svg`,{className:f.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M8 2V5`}),(0,t.jsx)(`path`,{d:`M16 2V5`}),(0,t.jsx)(`path`,{d:`M3.5 9.09H20.5`}),(0,t.jsx)(`path`,{d:`M21 8.5V17.5C21 20 19.75 21.5 16.75 21.5H7.25C4.25 21.5 3 20 3 17.5V8.5C3 6 4.25 4.5 7.25 4.5H16.75C19.75 4.5 21 6 21 8.5Z`})]})}var _={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function v({label:e,name:n,options:r,placeholder:i,error:a,variant:o=`default`,className:s,disabled:c,...l}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`select`,{id:n,name:n,disabled:c,className:[_.inputSelectField,o===`glassy`?_.inputSelectFieldGlassy:``,a?_.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${n}-error`,...l,children:[i&&(0,t.jsx)(`option`,{value:``,disabled:!0,children:i}),r.map(e=>(0,t.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[_.errorMessage,a?``:_.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var y={appLink:`_appLink_b53rv_1`,appLinkDefault:`_appLinkDefault_b53rv_19`,appLinkGlassy:`_appLinkGlassy_b53rv_30`,label:`_label_b53rv_38`,icon:`_icon_b53rv_43`,arrowIcon:`_arrowIcon_b53rv_54`};function b({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,variant:o=`default`,className:s,...c}){function l(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:l,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[y.appLink,o===`glassy`?y.appLinkGlassy:y.appLinkDefault,s??``].filter(Boolean).join(` `),...c,children:[(0,t.jsx)(`span`,{className:y.label,children:e}),a&&(0,t.jsx)(`span`,{className:y.icon,"aria-hidden":`true`,children:(0,t.jsx)(x,{})})]})}function x(){return(0,t.jsxs)(`svg`,{className:y.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}var S={iconButton:`_iconButton_14rp3_1`,withFrame:`_withFrame_14rp3_17`,withoutFrame:`_withoutFrame_14rp3_24`,glassy:`_glassy_14rp3_57`,active:`_active_14rp3_75`,small:`_small_14rp3_84`,large:`_large_14rp3_90`,icon:`_icon_14rp3_1`,svgIcon:`_svgIcon_14rp3_102`};function C({label:e,icon:n,variant:r=`default`,frame:i=!0,active:a=!1,size:o=`default`,className:s,type:c=`button`,disabled:l,...u}){return(0,t.jsx)(`button`,{type:c,"aria-label":e,title:e,"aria-pressed":a,disabled:l,className:[S.iconButton,i?S.withFrame:S.withoutFrame,r===`glassy`?S.glassy:``,a?S.active:``,o===`small`?S.small:``,o===`large`?S.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:S.icon,"aria-hidden":`true`,children:n})})}var w={passwordInputWrapper:`_passwordInputWrapper_1ris8_1`,inputTextField:`_inputTextField_1ris8_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1ris8_18`,inputError:`_inputError_1ris8_40`,togglePasswordButton:`_togglePasswordButton_1ris8_44`,icon:`_icon_1ris8_76`,errorMessage:`_errorMessage_1ris8_85`,errorMessageHidden:`_errorMessageHidden_1ris8_92`};function T({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,ref:l,autoComplete:u=`current-password`,...d}){let[f,p]=(0,n.useState)(!1),m=i??r;function h(){p(e=>!e)}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[e&&(0,t.jsx)(`label`,{htmlFor:m,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:w.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[w.inputTextField,o===`glassy`?w.inputTextFieldGlassy:``,a?w.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:w.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(D,{}):(0,t.jsx)(E,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[w.errorMessage,a?``:w.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function E(){return(0,t.jsxs)(`svg`,{className:w.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function D(){return(0,t.jsx)(`svg`,{className:w.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22`})})}var O={inputWrapper:`_inputWrapper_1qpua_1`,inputTextField:`_inputTextField_1qpua_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1qpua_18`,inputError:`_inputError_1qpua_48`,loading:`_loading_1qpua_52`,suggestionList:`_suggestionList_1qpua_61`,suggestionItem:`_suggestionItem_1qpua_78`,locality:`_locality_1qpua_98`,emptyState:`_emptyState_1qpua_102`,successMessage:`_successMessage_1qpua_113`,errorMessage:`_errorMessage_1qpua_119`,errorMessageHidden:`_errorMessageHidden_1qpua_127`};function k({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,placeholder:l=`z.B. 8001 oder Zürich`,ref:u,onChange:d,onBlur:f,onValueChange:p,onSuggestionSelect:m,...h}){let g=(0,n.useId)(),_=i??`${r}-${g}`,v=(0,n.useRef)(null),y=(0,n.useRef)(!1),[b,x]=(0,n.useState)(``),[S,C]=(0,n.useState)([]),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),k=b.trim().match(/^(\d+)\s+(.+)$/),A=!!k,j=k?.[1],M=k?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!w,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I,R=a??(L?`Diese Schweizer Postleitzahl wurde nicht gefunden.`:void 0);E&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){C([]),D(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){T(!0);try{let n=e.match(/^(\d+)\s/),r=n?n[1]:e,i=/^\d+$/.test(r)?`https://openplzapi.org/ch/Localities?postalCode=${r}`:`https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(r)}`,a=await fetch(i,{signal:t.signal});if(!a.ok)throw Error(`Postal-Code-Suche fehlgeschlagen`);let o=await a.json();C(Array.from(new Map(o.map(e=>{let t=`${e.postalCode} ${e.name}`;return[t,{label:t,postalCode:e.postalCode,locality:e.name}]})).values()).slice(0,10)),D(!0)}catch(e){if(t.signal.aborted)return;console.error(e),C([]),D(!0)}finally{t.signal.aborted||T(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function z(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function B(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function V(e){y.current=!0,x(e.label),C([]),D(!1),p?.(e.label),m?.(e),v.current&&(v.current.value=e.label,v.current.dispatchEvent(new Event(`input`,{bubbles:!0})))}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:O.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:z,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:B,onBlur:f,className:[O.inputTextField,o===`glassy`?O.inputTextFieldGlassy:``,I||N?O.inputValid:``,L||a?O.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:O.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:O.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:O.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:O.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!N&&!L&&(0,t.jsx)(`div`,{className:O.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:O.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:O.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[O.errorMessage,R?``:O.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var A={radioGroup:`_radioGroup_1yjda_5`,optionGroup:`_optionGroup_1yjda_16`,optionWrapper:`_optionWrapper_1yjda_23`,optionWrapperDisabled:`_optionWrapperDisabled_1yjda_29`,optionButton:`_optionButton_1yjda_33`,radioInput:`_radioInput_1yjda_37`,errorMessage:`_errorMessage_1yjda_47`,errorMessageHidden:`_errorMessageHidden_1yjda_55`,optionTitle:`_optionTitle_1yjda_95`,optionDescription:`_optionDescription_1yjda_112`,optionButtonDefault:`_optionButtonDefault_1yjda_120`,optionButtonGlassy:`_optionButtonGlassy_1yjda_148`,optionButtonError:`_optionButtonError_1yjda_174`};function j({label:e,name:n,options:r,error:i,variant:a=`default`,disabled:o,value:s,defaultValue:c,onChange:l,...u}){let d=s!==void 0;return(0,t.jsx)(`div`,{className:`inputBlockVertical`,children:(0,t.jsxs)(`fieldset`,{className:[A.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[A.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:A.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[A.optionWrapper,o?A.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:A.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[A.optionButton,a===`glassy`?A.optionButtonGlassy:A.optionButtonDefault,i?A.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:A.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:A.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[A.errorMessage,i?``:A.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var M={switchWrapper:`_switchWrapper_1dr6p_1`,switchCheckbox:`_switchCheckbox_1dr6p_5`,switchLabel:`_switchLabel_1dr6p_13`,switchLabelDefault:`_switchLabelDefault_1dr6p_23`,switchLabelGlassy:`_switchLabelGlassy_1dr6p_27`,switchBackground:`_switchBackground_1dr6p_36`,switchBackgroundDefault:`_switchBackgroundDefault_1dr6p_55`,switchBackgroundGlassy:`_switchBackgroundGlassy_1dr6p_65`,switchButton:`_switchButton_1dr6p_76`,iconChecked:`_iconChecked_1dr6p_162`,iconUnchecked:`_iconUnchecked_1dr6p_163`,switchText:`_switchText_1dr6p_199`,errorMessage:`_errorMessage_1dr6p_207`,errorMessageHidden:`_errorMessageHidden_1dr6p_214`};function N({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsx)(`div`,{className:`inputBlockHorizontal`,children:(0,t.jsxs)(`div`,{className:[M.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:M.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[M.switchLabel,a===`glassy`?M.switchLabelGlassy:M.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:M.switchText,children:r}),(0,t.jsx)(`span`,{className:[M.switchBackground,a===`glassy`?M.switchBackgroundGlassy:M.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:M.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:M.iconChecked,children:(0,t.jsx)(P,{})}),(0,t.jsx)(`span`,{className:M.iconUnchecked,children:(0,t.jsx)(F,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[M.errorMessage,i?``:M.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function P(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 6.5L5.5 9L9 3`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function F(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 3L9 9M9 3L3 9`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}var I={inputLabel:`_inputLabel_1hmxe_1`,inputTextField:`_inputTextField_1hmxe_5`,inputTextFieldGlassy:`_inputTextFieldGlassy_1hmxe_22`,inputError:`_inputError_1hmxe_44`,errorMessage:`_errorMessage_1hmxe_48`,errorMessageHidden:`_errorMessageHidden_1hmxe_55`};function L({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[I.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[I.inputTextField,a===`glassy`?I.inputTextFieldGlassy:``,r?I.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[I.errorMessage,r?``:I.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var R={wrapper:`_wrapper_1get6_1`,label:`_label_1get6_7`,labelGlassy:`_labelGlassy_1get6_13`,dropzone:`_dropzone_1get6_17`,dropzoneGlassy:`_dropzoneGlassy_1get6_32`,dragOver:`_dragOver_1get6_39`,errorState:`_errorState_1get6_48`,disabled:`_disabled_1get6_52`,hiddenInput:`_hiddenInput_1get6_57`,dropzoneContent:`_dropzoneContent_1get6_65`,placeholder:`_placeholder_1get6_74`,big:`_big_1get6_80`,small:`_small_1get6_86`,hint:`_hint_1get6_91`,selected:`_selected_1get6_111`,preview:`_preview_1get6_118`,fileMeta:`_fileMeta_1get6_127`,fileName:`_fileName_1get6_134`,fileSize:`_fileSize_1get6_142`,remove:`_remove_1get6_156`,errorMessage:`_errorMessage_1get6_198`,errorMessageHidden:`_errorMessageHidden_1get6_206`};function z({label:e,name:r,id:i,file:a,error:o,variant:s=`default`,accept:c=`image/*`,maxSizeBytes:l=5*1024*1024,disabled:u,className:d,onChange:f,onFileChange:p,...m}){let h=(0,n.useId)(),g=i??`${r}-${h}`,[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(a??null),x=a!==void 0,S=x?a:y,C=(0,n.useMemo)(()=>!S||!S.type.startsWith(`image/`)?null:URL.createObjectURL(S),[S]);(0,n.useEffect)(()=>{x&&b(a??null)},[a,x]),(0,n.useEffect)(()=>()=>{C&&URL.revokeObjectURL(C)},[C]);function w(e){return!e||(c===`image/*`||c.startsWith(`image/`))&&!e.type.startsWith(`image/`)||l&&e.size>l?null:e}function T(e){let t=w(e);x||b(t),p?.(t)}function E(e){T(e.target.files?.[0]??null),f?.(e)}function D(e){e.preventDefault(),e.stopPropagation(),u||v(!0)}function O(e){e.preventDefault(),e.stopPropagation(),!e.currentTarget.contains(e.relatedTarget)&&v(!1)}function k(e){e.preventDefault(),e.stopPropagation(),v(!1),!u&&T(e.dataTransfer.files?.[0]??null)}function A(){x||b(null),p?.(null)}let j=Math.round(l/(1024*1024));return(0,t.jsxs)(`div`,{className:[R.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[R.label,s===`glassy`?R.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[R.dropzone,s===`glassy`?R.dropzoneGlassy:``,_?R.dragOver:``,o?R.errorState:``,u?R.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:R.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:R.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:R.selected,children:[C&&(0,t.jsx)(`img`,{className:R.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:R.fileMeta,children:[(0,t.jsx)(`span`,{className:R.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:R.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:R.placeholder,children:[(0,t.jsx)(`span`,{className:R.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:R.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:R.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:R.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[R.errorMessage,o?``:R.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.BannerHero=s,e.Button=i,e.Checkbox=l,e.Chip=d,e.DatePicker=p,e.Dropdown=v,e.IconButton=C,e.Link=b,e.Password=T,e.PostalCode=k,e.RadioButton=j,e.Switch=N,e.TextField=L,e.Upload=z});
|
|
5
|
+
`).length-1&&(0,t.jsx)(`br`,{})]},n))}),(0,t.jsxs)(`div`,{className:`banner-hero-buttonbar`,children:[f&&(0,t.jsx)(i,{label:f,variant:`primary`,colorToken:T,onClick:p}),m&&(0,t.jsx)(i,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var c={checkboxWrapper:`_checkboxWrapper_hv63b_1`,checkboxInput:`_checkboxInput_hv63b_15`,checkboxLabel:`_checkboxLabel_hv63b_24`,customCheckbox:`_customCheckbox_hv63b_34`,checkIcon:`_checkIcon_hv63b_57`,checkboxText:`_checkboxText_hv63b_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_hv63b_107`,checkboxWrapperError:`_checkboxWrapperError_hv63b_133`,errorMessage:`_errorMessage_hv63b_147`,errorMessageHidden:`_errorMessageHidden_hv63b_155`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_hv63b_160`};function l({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[c.checkboxWrapper,a===`glassy`?c.checkboxWrapperGlassy:``,i?c.checkboxWrapperError:``,s?c.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:s,className:c.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:c.checkboxLabel,children:[(0,t.jsx)(`span`,{className:c.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:c.checkIcon,viewBox:`0 0 24 24`,focusable:`false`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M20 6L9 17L4 12`})})}),(0,t.jsx)(`span`,{className:c.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[c.errorMessage,i?``:c.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var u={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function d({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),s?.(t),l.onClick?.(e)}let g=r===`glassy`?u.chipGlassy:u.chipDefault,_=m?u.chipChecked:``,v=i?``:u.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[u.chip,g,_,c??``].filter(Boolean).join(` `),onClick:h,...l,children:e}):(0,t.jsx)(`span`,{className:[u.chip,g,_,v,c??``].filter(Boolean).join(` `),children:e})}var f={dateInputWrapper:`_dateInputWrapper_liktj_1`,inputDateField:`_inputDateField_liktj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_liktj_38`,inputError:`_inputError_liktj_56`,calendarIconButton:`_calendarIconButton_liktj_60`,icon:`_icon_liktj_88`,errorMessage:`_errorMessage_liktj_97`,errorMessageHidden:`_errorMessageHidden_liktj_104`};function p({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:p,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){p?.(null);return}p?.(h(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:f.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:m(a),max:m(S),min:s?m(s):void 0,disabled:v,onChange:w,onBlur:_,className:[f.inputDateField,l===`glassy`?f.inputDateFieldGlassy:``,c?f.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...y}),(0,t.jsx)(`button`,{type:`button`,className:f.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(g,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[f.errorMessage,c?``:f.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function m(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function h(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function g(){return(0,t.jsxs)(`svg`,{className:f.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M8 2V5`}),(0,t.jsx)(`path`,{d:`M16 2V5`}),(0,t.jsx)(`path`,{d:`M3.5 9.09H20.5`}),(0,t.jsx)(`path`,{d:`M21 8.5V17.5C21 20 19.75 21.5 16.75 21.5H7.25C4.25 21.5 3 20 3 17.5V8.5C3 6 4.25 4.5 7.25 4.5H16.75C19.75 4.5 21 6 21 8.5Z`})]})}var _={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function v({label:e,name:n,options:r,placeholder:i,error:a,variant:o=`default`,className:s,disabled:c,...l}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`select`,{id:n,name:n,disabled:c,className:[_.inputSelectField,o===`glassy`?_.inputSelectFieldGlassy:``,a?_.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${n}-error`,...l,children:[i&&(0,t.jsx)(`option`,{value:``,disabled:!0,children:i}),r.map(e=>(0,t.jsx)(`option`,{value:e.value,children:e.label},e.value))]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[_.errorMessage,a?``:_.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var y={appLink:`_appLink_o2z21_1`,appLinkDefault:`_appLinkDefault_o2z21_19`,appLinkGlassy:`_appLinkGlassy_o2z21_30`,label:`_label_o2z21_38`,icon:`_icon_o2z21_43`,iconLeft:`_iconLeft_o2z21_54`,arrowIcon:`_arrowIcon_o2z21_58`};function b({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,arrowPosition:o=`right`,variant:s=`default`,className:c,...l}){function u(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:u,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[y.appLink,s===`glassy`?y.appLinkGlassy:y.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[y.icon,y.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(S,{})}),(0,t.jsx)(`span`,{className:y.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:y.icon,"aria-hidden":`true`,children:(0,t.jsx)(x,{})})]})}function x(){return(0,t.jsxs)(`svg`,{className:y.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}function S(){return(0,t.jsxs)(`svg`,{className:y.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M19 12H5`}),(0,t.jsx)(`path`,{d:`M11 6L5 12L11 18`})]})}var C={iconButton:`_iconButton_14rp3_1`,withFrame:`_withFrame_14rp3_17`,withoutFrame:`_withoutFrame_14rp3_24`,glassy:`_glassy_14rp3_57`,active:`_active_14rp3_75`,small:`_small_14rp3_84`,large:`_large_14rp3_90`,icon:`_icon_14rp3_1`,svgIcon:`_svgIcon_14rp3_102`};function w({label:e,icon:n,variant:r=`default`,frame:i=!0,active:a=!1,size:o=`default`,className:s,type:c=`button`,disabled:l,...u}){return(0,t.jsx)(`button`,{type:c,"aria-label":e,title:e,"aria-pressed":a,disabled:l,className:[C.iconButton,i?C.withFrame:C.withoutFrame,r===`glassy`?C.glassy:``,a?C.active:``,o===`small`?C.small:``,o===`large`?C.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:C.icon,"aria-hidden":`true`,children:n})})}var T={passwordInputWrapper:`_passwordInputWrapper_1ris8_1`,inputTextField:`_inputTextField_1ris8_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1ris8_18`,inputError:`_inputError_1ris8_40`,togglePasswordButton:`_togglePasswordButton_1ris8_44`,icon:`_icon_1ris8_76`,errorMessage:`_errorMessage_1ris8_85`,errorMessageHidden:`_errorMessageHidden_1ris8_92`};function E({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,ref:l,autoComplete:u=`current-password`,...d}){let[f,p]=(0,n.useState)(!1),m=i??r;function h(){p(e=>!e)}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[e&&(0,t.jsx)(`label`,{htmlFor:m,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:T.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[T.inputTextField,o===`glassy`?T.inputTextFieldGlassy:``,a?T.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:T.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(O,{}):(0,t.jsx)(D,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[T.errorMessage,a?``:T.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function D(){return(0,t.jsxs)(`svg`,{className:T.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z`}),(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`3`})]})}function O(){return(0,t.jsx)(`svg`,{className:T.icon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22`})})}var k={inputWrapper:`_inputWrapper_1qpua_1`,inputTextField:`_inputTextField_1qpua_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_1qpua_18`,inputError:`_inputError_1qpua_48`,loading:`_loading_1qpua_52`,suggestionList:`_suggestionList_1qpua_61`,suggestionItem:`_suggestionItem_1qpua_78`,locality:`_locality_1qpua_98`,emptyState:`_emptyState_1qpua_102`,successMessage:`_successMessage_1qpua_113`,errorMessage:`_errorMessage_1qpua_119`,errorMessageHidden:`_errorMessageHidden_1qpua_127`};function A({label:e,name:r,id:i,error:a,variant:o=`default`,className:s,disabled:c,placeholder:l=`z.B. 8001 oder Zürich`,ref:u,onChange:d,onBlur:f,onValueChange:p,onSuggestionSelect:m,...h}){let g=(0,n.useId)(),_=i??`${r}-${g}`,v=(0,n.useRef)(null),y=(0,n.useRef)(!1),[b,x]=(0,n.useState)(``),[S,C]=(0,n.useState)([]),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),O=b.trim().match(/^(\d+)\s+(.+)$/),A=!!O,j=O?.[1],M=O?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!w,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I,R=a??(L?`Diese Schweizer Postleitzahl wurde nicht gefunden.`:void 0);E&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){C([]),D(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){T(!0);try{let n=e.match(/^(\d+)\s/),r=n?n[1]:e,i=/^\d+$/.test(r)?`https://openplzapi.org/ch/Localities?postalCode=${r}`:`https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(r)}`,a=await fetch(i,{signal:t.signal});if(!a.ok)throw Error(`Postal-Code-Suche fehlgeschlagen`);let o=await a.json();C(Array.from(new Map(o.map(e=>{let t=`${e.postalCode} ${e.name}`;return[t,{label:t,postalCode:e.postalCode,locality:e.name}]})).values()).slice(0,10)),D(!0)}catch(e){if(t.signal.aborted)return;console.error(e),C([]),D(!0)}finally{t.signal.aborted||T(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function z(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function B(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function V(e){y.current=!0,x(e.label),C([]),D(!1),p?.(e.label),m?.(e),v.current&&(v.current.value=e.label,v.current.dispatchEvent(new Event(`input`,{bubbles:!0})))}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[`inputLabel`,o===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:k.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:z,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:B,onBlur:f,className:[k.inputTextField,o===`glassy`?k.inputTextFieldGlassy:``,I||N?k.inputValid:``,L||a?k.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:k.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:k.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:k.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:k.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!N&&!L&&(0,t.jsx)(`div`,{className:k.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:k.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:k.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[k.errorMessage,R?``:k.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var j={radioGroup:`_radioGroup_1yjda_5`,optionGroup:`_optionGroup_1yjda_16`,optionWrapper:`_optionWrapper_1yjda_23`,optionWrapperDisabled:`_optionWrapperDisabled_1yjda_29`,optionButton:`_optionButton_1yjda_33`,radioInput:`_radioInput_1yjda_37`,errorMessage:`_errorMessage_1yjda_47`,errorMessageHidden:`_errorMessageHidden_1yjda_55`,optionTitle:`_optionTitle_1yjda_95`,optionDescription:`_optionDescription_1yjda_112`,optionButtonDefault:`_optionButtonDefault_1yjda_120`,optionButtonGlassy:`_optionButtonGlassy_1yjda_148`,optionButtonError:`_optionButtonError_1yjda_174`};function M({label:e,name:n,options:r,error:i,variant:a=`default`,disabled:o,value:s,defaultValue:c,onChange:l,...u}){let d=s!==void 0;return(0,t.jsx)(`div`,{className:`inputBlockVertical`,children:(0,t.jsxs)(`fieldset`,{className:[j.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[j.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:j.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[j.optionWrapper,o?j.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:j.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[j.optionButton,a===`glassy`?j.optionButtonGlassy:j.optionButtonDefault,i?j.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:j.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:j.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[j.errorMessage,i?``:j.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var N={switchWrapper:`_switchWrapper_1dr6p_1`,switchCheckbox:`_switchCheckbox_1dr6p_5`,switchLabel:`_switchLabel_1dr6p_13`,switchLabelDefault:`_switchLabelDefault_1dr6p_23`,switchLabelGlassy:`_switchLabelGlassy_1dr6p_27`,switchBackground:`_switchBackground_1dr6p_36`,switchBackgroundDefault:`_switchBackgroundDefault_1dr6p_55`,switchBackgroundGlassy:`_switchBackgroundGlassy_1dr6p_65`,switchButton:`_switchButton_1dr6p_76`,iconChecked:`_iconChecked_1dr6p_162`,iconUnchecked:`_iconUnchecked_1dr6p_163`,switchText:`_switchText_1dr6p_199`,errorMessage:`_errorMessage_1dr6p_207`,errorMessageHidden:`_errorMessageHidden_1dr6p_214`};function P({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsx)(`div`,{className:`inputBlockHorizontal`,children:(0,t.jsxs)(`div`,{className:[N.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:N.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[N.switchLabel,a===`glassy`?N.switchLabelGlassy:N.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:N.switchText,children:r}),(0,t.jsx)(`span`,{className:[N.switchBackground,a===`glassy`?N.switchBackgroundGlassy:N.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:N.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:N.iconChecked,children:(0,t.jsx)(F,{})}),(0,t.jsx)(`span`,{className:N.iconUnchecked,children:(0,t.jsx)(I,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[N.errorMessage,i?``:N.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function F(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 6.5L5.5 9L9 3`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function I(){return(0,t.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,t.jsx)(`path`,{d:`M3 3L9 9M9 3L3 9`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}var L={inputLabel:`_inputLabel_1hmxe_1`,inputTextField:`_inputTextField_1hmxe_5`,inputTextFieldGlassy:`_inputTextFieldGlassy_1hmxe_22`,inputError:`_inputError_1hmxe_44`,errorMessage:`_errorMessage_1hmxe_48`,errorMessageHidden:`_errorMessageHidden_1hmxe_55`};function R({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[L.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[L.inputTextField,a===`glassy`?L.inputTextFieldGlassy:``,r?L.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[L.errorMessage,r?``:L.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var z={wrapper:`_wrapper_1get6_1`,label:`_label_1get6_7`,labelGlassy:`_labelGlassy_1get6_13`,dropzone:`_dropzone_1get6_17`,dropzoneGlassy:`_dropzoneGlassy_1get6_32`,dragOver:`_dragOver_1get6_39`,errorState:`_errorState_1get6_48`,disabled:`_disabled_1get6_52`,hiddenInput:`_hiddenInput_1get6_57`,dropzoneContent:`_dropzoneContent_1get6_65`,placeholder:`_placeholder_1get6_74`,big:`_big_1get6_80`,small:`_small_1get6_86`,hint:`_hint_1get6_91`,selected:`_selected_1get6_111`,preview:`_preview_1get6_118`,fileMeta:`_fileMeta_1get6_127`,fileName:`_fileName_1get6_134`,fileSize:`_fileSize_1get6_142`,remove:`_remove_1get6_156`,errorMessage:`_errorMessage_1get6_198`,errorMessageHidden:`_errorMessageHidden_1get6_206`};function B({label:e,name:r,id:i,file:a,error:o,variant:s=`default`,accept:c=`image/*`,maxSizeBytes:l=5*1024*1024,disabled:u,className:d,onChange:f,onFileChange:p,...m}){let h=(0,n.useId)(),g=i??`${r}-${h}`,[_,v]=(0,n.useState)(!1),[y,b]=(0,n.useState)(a??null),x=a!==void 0,S=x?a:y,C=(0,n.useMemo)(()=>!S||!S.type.startsWith(`image/`)?null:URL.createObjectURL(S),[S]);(0,n.useEffect)(()=>{x&&b(a??null)},[a,x]),(0,n.useEffect)(()=>()=>{C&&URL.revokeObjectURL(C)},[C]);function w(e){return!e||(c===`image/*`||c.startsWith(`image/`))&&!e.type.startsWith(`image/`)||l&&e.size>l?null:e}function T(e){let t=w(e);x||b(t),p?.(t)}function E(e){T(e.target.files?.[0]??null),f?.(e)}function D(e){e.preventDefault(),e.stopPropagation(),u||v(!0)}function O(e){e.preventDefault(),e.stopPropagation(),!e.currentTarget.contains(e.relatedTarget)&&v(!1)}function k(e){e.preventDefault(),e.stopPropagation(),v(!1),!u&&T(e.dataTransfer.files?.[0]??null)}function A(){x||b(null),p?.(null)}let j=Math.round(l/(1024*1024));return(0,t.jsxs)(`div`,{className:[z.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[z.label,s===`glassy`?z.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[z.dropzone,s===`glassy`?z.dropzoneGlassy:``,_?z.dragOver:``,o?z.errorState:``,u?z.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:z.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:z.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:z.selected,children:[C&&(0,t.jsx)(`img`,{className:z.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:z.fileMeta,children:[(0,t.jsx)(`span`,{className:z.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:z.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:z.placeholder,children:[(0,t.jsx)(`span`,{className:z.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:z.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:z.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:z.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[z.errorMessage,o?``:z.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.BannerHero=s,e.Button=i,e.Checkbox=l,e.Chip=d,e.DatePicker=p,e.Dropdown=v,e.IconButton=w,e.Link=b,e.Password=E,e.PostalCode=A,e.RadioButton=M,e.Switch=P,e.TextField=R,e.Upload=B});
|