suus-component-library 0.1.33 → 0.1.35

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.
Files changed (10) hide show
  1. package/dist/components/icon/icon.d.ts +10 -0
  2. package/dist/components/icon/icon.d.ts.map +1 -0
  3. package/dist/components/snackbar/snackbar.d.ts +10 -0
  4. package/dist/components/snackbar/snackbar.d.ts.map +1 -0
  5. package/dist/index.d.ts +4 -0
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/suus-component-library.css +1 -1
  8. package/dist/suus-component-library.js +115 -67
  9. package/dist/suus-component-library.umd.cjs +1 -1
  10. package/package.json +2 -2
package/dist/components/icon/icon.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export type IconProps = {
2
+ icon: React.ReactNode;
3
+ badgeCount?: number;
4
+ size?: number;
5
+ badgeColor?: string;
6
+ className?: string;
7
+ };
8
+ declare function Icon({ icon, badgeCount, size, badgeColor, }: IconProps): import("react/jsx-runtime").JSX.Element;
9
+ export default Icon;
10
+ //# sourceMappingURL=icon.d.ts.map
package/dist/components/icon/icon.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACI,IAAI,EACJ,UAAU,EACV,IAAS,EACT,UAAoB,GACvB,EAAG,SAAS,2CAiB1B;AAED,eAAe,IAAI,CAAA"}
package/dist/components/snackbar/snackbar.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export interface SnackbarProps {
2
+ message: string;
3
+ isOpen: boolean;
4
+ onClose: () => void;
5
+ duration?: number;
6
+ type?: 'success' | 'info' | 'warning' | 'error';
7
+ }
8
+ declare function Snackbar({ message, isOpen, onClose, duration, type }: SnackbarProps): import("react/jsx-runtime").JSX.Element | null;
9
+ export default Snackbar;
10
+ //# sourceMappingURL=snackbar.d.ts.map
package/dist/components/snackbar/snackbar.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;CACnD;AAED,iBAAS,QAAQ,CAAC,EACI,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAe,EACf,IAAa,EAChB,EAAG,aAAa,kDAiBlC;AAED,eAAe,QAAQ,CAAA"}
package/dist/index.d.ts CHANGED
@@ -18,6 +18,8 @@ export { default as Link } from './components/form/link/Link';
18
18
  export type { LinkProps } from './components/form/link/Link';
19
19
  export { default as IconButton } from './components/form/icon-button/IconButton';
20
20
  export type { IconButtonProps } from './components/form/icon-button/IconButton';
21
+ export { default as Icon } from './components/icon/icon';
22
+ export type { IconProps } from './components/icon/icon';
21
23
  export { default as Password } from './components/form/password/Password';
22
24
  export type { PasswordProps } from './components/form/password/Password';
23
25
  export { default as PostalCode } from './components/form/postal-code/PostalCode';
@@ -26,6 +28,8 @@ export { default as RadioButton } from './components/form/radiobutton/RadioButto
26
28
  export type { RadioButtonProps, RadioButtonOption } from './components/form/radiobutton/RadioButton';
27
29
  export { default as Switch } from './components/form/switch/Switch';
28
30
  export type { SwitchProps } from './components/form/switch/Switch';
31
+ export { default as Snackbar } from './components/snackbar/snackbar';
32
+ export type { SnackbarProps } from './components/snackbar/snackbar';
29
33
  export { default as TextField } from './components/form/textfield/TextField';
30
34
  export type { TextFieldProps } from './components/form/textfield/TextField';
31
35
  export { default as Upload } from './components/form/upload/Upload';
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,+BAA+B,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAE9F,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAC5F,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAE3F,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1H,OAAO,EAAE,OAAO,IAAI,WAAW,EAAC,MAAM,2CAA2C,CAAC;AAClF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAErG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAC,MAAM,iCAAiC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAC,MAAM,iCAAiC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,+BAA+B,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC7E,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAE9F,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAC5F,YAAY,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAE3F,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAC,MAAM,0CAA0C,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1H,OAAO,EAAE,OAAO,IAAI,WAAW,EAAC,MAAM,2CAA2C,CAAC;AAClF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAErG,OAAO,EAAE,OAAO,IAAI,MAAM,EAAC,MAAM,iCAAiC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAC,MAAM,iCAAiC,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC"}
package/dist/suus-component-library.css CHANGED
@@ -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,45rem);margin:0;padding:clamp(4.5rem,14vh,8rem) clamp(1rem,3.5vw,2.5rem) 0 clamp(1rem,10vw,16rem);position:relative}@media (width>=601px){.hero__content{padding-top:clamp(8rem,30vh,15rem)}}.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)}.hero__content{max-width:50%;padding-top:clamp(2.5rem,8vh,4.5rem)}.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)}._accordion_h1kjy_1{border-radius:var(--form-input-radius,14px);border:1px solid var(--form-input-default-border-color-enabled,#d1d5db);background:var(--form-input-default-background-enabled,#fff);width:100%;overflow:hidden}._glassy_h1kjy_9{border-color:var(--form-input-glassy-border-color-enabled,#ffffff59);background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}._tile_l4lii_1{width:100%}._tileDefault_l4lii_5{border-bottom:1px solid var(--form-input-default-border-color-enabled,#d1d5db)}._tileGlassy_l4lii_9{border-bottom:1px solid var(--form-input-glassy-border-color-enabled,#ffffff59)}._tile_l4lii_1:last-child{border-bottom:none}._trigger_l4lii_17{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 18px;transition:background .16s;display:flex}._trigger_l4lii_17:focus-visible{outline:2px solid var(--color-border-focus,#a7b325);outline-offset:-2px}._triggerDefault_l4lii_36{color:var(--form-input-default-text-label,#272727)}._triggerDefault_l4lii_36:hover{background:#0000000a}._triggerGlassy_l4lii_44{color:var(--form-input-glassy-text-label,#fff)}._triggerGlassy_l4lii_44:hover{background:#ffffff1f}._labelGroup_l4lii_52{align-items:center;gap:10px;min-width:0;display:flex}._icon_l4lii_59{flex-shrink:0;display:inline-flex}._label_l4lii_52{font-size:1.06rem;font-weight:700;line-height:1.35}._indicator_l4lii_70{flex-shrink:0;font-size:1.5rem;font-weight:400;line-height:1}._content_l4lii_77{padding:0 18px 16px;font-size:.95rem;line-height:1.55}._contentDefault_l4lii_83{color:var(--color-text-dark,#5b5a5a)}._contentGlassy_l4lii_87{color:#ffffffeb}._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}}
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-error: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}@media (width>=601px){.hero__content{padding-top:clamp(8rem,30vh,15rem)}}.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)}.hero__content{max-width:50%;padding-top:clamp(2.5rem,8vh,4.5rem)}.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)}._accordion_h1kjy_1{border-radius:var(--form-input-radius,14px);border:1px solid var(--form-input-default-border-color-enabled,#d1d5db);background:var(--form-input-default-background-enabled,#fff);width:100%;overflow:hidden}._glassy_h1kjy_9{border-color:var(--form-input-glassy-border-color-enabled,#ffffff59);background:var(--form-input-glassy-background-enabled,#ffffff29);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}._tile_l4lii_1{width:100%}._tileDefault_l4lii_5{border-bottom:1px solid var(--form-input-default-border-color-enabled,#d1d5db)}._tileGlassy_l4lii_9{border-bottom:1px solid var(--form-input-glassy-border-color-enabled,#ffffff59)}._tile_l4lii_1:last-child{border-bottom:none}._trigger_l4lii_17{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 18px;transition:background .16s;display:flex}._trigger_l4lii_17:focus-visible{outline:2px solid var(--color-border-focus,#a7b325);outline-offset:-2px}._triggerDefault_l4lii_36{color:var(--form-input-default-text-label,#272727)}._triggerDefault_l4lii_36:hover{background:#0000000a}._triggerGlassy_l4lii_44{color:var(--form-input-glassy-text-label,#fff)}._triggerGlassy_l4lii_44:hover{background:#ffffff1f}._labelGroup_l4lii_52{align-items:center;gap:10px;min-width:0;display:flex}._icon_l4lii_59{flex-shrink:0;display:inline-flex}._label_l4lii_52{font-size:1.06rem;font-weight:700;line-height:1.35}._indicator_l4lii_70{flex-shrink:0;font-size:1.5rem;font-weight:400;line-height:1}._content_l4lii_77{padding:0 18px 16px;font-size:.95rem;line-height:1.55}._contentDefault_l4lii_83{color:var(--color-text-dark,#5b5a5a)}._contentGlassy_l4lii_87{color:#ffffffeb}._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}._icon_1pk0b_1{display:inline-block;position:relative}._badge_1pk0b_6{box-sizing:border-box;color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:0;right:0;transform:translate(35%,-35%)}._badgeLarge_1pk0b_25{transform:translate(10%,-10%)}._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}._snackbar_o1awg_1{color:#fff;z-index:1000;border-radius:8px;padding:12px 24px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}._snackbar--success_o1awg_13{background:var(--snackbar-background-success)}._snackbar--info_o1awg_17{background:var(--snackbar-background-info)}._snackbar--warning_o1awg_21{background:var(--snackbar-background-warning)}._snackbar--error_o1awg_25{background:var(--snackbar-background-error)}._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*/
package/dist/suus-component-library.js CHANGED
@@ -554,6 +554,28 @@ function R({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a
554
554
  });
555
555
  }
556
556
  var z = {
557
+ icon: "_icon_1pk0b_1",
558
+ badge: "_badge_1pk0b_6",
559
+ badgeLarge: "_badgeLarge_1pk0b_25"
560
+ };
561
+ //#endregion
562
+ //#region src/components/icon/icon.tsx
563
+ function B({ icon: e, badgeCount: r, size: i = 32, badgeColor: a = "green" }) {
564
+ let o = i >= 48, s = r !== void 0 && r > 99 ? "99+" : r;
565
+ return /* @__PURE__ */ n("div", {
566
+ className: `relative inline-block ${z.icon}`,
567
+ style: {
568
+ width: i,
569
+ height: i
570
+ },
571
+ children: [e, r !== void 0 && r > 0 && /* @__PURE__ */ t("span", {
572
+ className: `${z.badge} ${o ? z.badgeLarge : ""}`,
573
+ style: { backgroundColor: a },
574
+ children: s
575
+ })]
576
+ });
577
+ }
578
+ var V = {
557
579
  passwordInputWrapper: "_passwordInputWrapper_1ris8_1",
558
580
  inputTextField: "_inputTextField_1ris8_6",
559
581
  inputTextFieldGlassy: "_inputTextFieldGlassy_1ris8_18",
@@ -565,7 +587,7 @@ var z = {
565
587
  };
566
588
  //#endregion
567
589
  //#region src/components/form/password/Password.tsx
568
- function B({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ref: l, autoComplete: d = "current-password", ...f }) {
590
+ function H({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ref: l, autoComplete: d = "current-password", ...f }) {
569
591
  let [p, m] = u(!1), h = i ?? r;
570
592
  function g() {
571
593
  m((e) => !e);
@@ -579,7 +601,7 @@ function B({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
579
601
  children: e
580
602
  }),
581
603
  /* @__PURE__ */ n("div", {
582
- className: z.passwordInputWrapper,
604
+ className: V.passwordInputWrapper,
583
605
  children: [/* @__PURE__ */ t("input", {
584
606
  id: h,
585
607
  name: r,
@@ -588,9 +610,9 @@ function B({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
588
610
  disabled: c,
589
611
  autoComplete: d,
590
612
  className: [
591
- z.inputTextField,
592
- o === "glassy" ? z.inputTextFieldGlassy : "",
593
- a ? z.inputError : "",
613
+ V.inputTextField,
614
+ o === "glassy" ? V.inputTextFieldGlassy : "",
615
+ a ? V.inputError : "",
594
616
  s ?? ""
595
617
  ].filter(Boolean).join(" "),
596
618
  "aria-invalid": !!a,
@@ -598,25 +620,25 @@ function B({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
598
620
  ...f
599
621
  }), /* @__PURE__ */ t("button", {
600
622
  type: "button",
601
- className: z.togglePasswordButton,
623
+ className: V.togglePasswordButton,
602
624
  onClick: g,
603
625
  disabled: c,
604
626
  "aria-label": p ? "Passwort ausblenden" : "Passwort anzeigen",
605
627
  "aria-pressed": p,
606
- children: t(p ? H : V, {})
628
+ children: t(p ? W : U, {})
607
629
  })]
608
630
  }),
609
631
  /* @__PURE__ */ t("span", {
610
632
  id: `${r}-error`,
611
- className: [z.errorMessage, a ? "" : z.errorMessageHidden].filter(Boolean).join(" "),
633
+ className: [V.errorMessage, a ? "" : V.errorMessageHidden].filter(Boolean).join(" "),
612
634
  children: a || "\xA0"
613
635
  })
614
636
  ]
615
637
  });
616
638
  }
617
- function V() {
639
+ function U() {
618
640
  return /* @__PURE__ */ n("svg", {
619
- className: z.icon,
641
+ className: V.icon,
620
642
  xmlns: "http://www.w3.org/2000/svg",
621
643
  viewBox: "0 0 24 24",
622
644
  fill: "none",
@@ -628,9 +650,9 @@ function V() {
628
650
  })]
629
651
  });
630
652
  }
631
- function H() {
653
+ function W() {
632
654
  return /* @__PURE__ */ t("svg", {
633
- className: z.icon,
655
+ className: V.icon,
634
656
  xmlns: "http://www.w3.org/2000/svg",
635
657
  viewBox: "0 0 24 24",
636
658
  fill: "none",
@@ -638,7 +660,7 @@ function H() {
638
660
  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" })
639
661
  });
640
662
  }
641
- var U = {
663
+ var G = {
642
664
  inputWrapper: "_inputWrapper_1qpua_1",
643
665
  inputTextField: "_inputTextField_1qpua_6",
644
666
  inputTextFieldGlassy: "_inputTextFieldGlassy_1qpua_18",
@@ -654,7 +676,7 @@ var U = {
654
676
  };
655
677
  //#endregion
656
678
  //#region src/components/form/postal-code/PostalCode.tsx
657
- function W({ label: e, name: r, id: i, error: a, variant: c = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
679
+ function K({ label: e, name: r, id: i, error: a, variant: c = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
658
680
  let b = s(), x = i ?? `${r}-${b}`, S = l(null), C = l(!1), [w, T] = u(""), [E, D] = u([]), [O, k] = u(!1), [A, j] = u(!1), M = w.trim().match(/^(\d+)\s+(.+)$/), N = !!M, P = M?.[1], F = M?.[2], I = N && E.some((e) => e.postalCode === P && e.locality === F), L = /^\d+$/.test(w.trim()), R = w.trim().length >= 4 && L && !O, z = R && E.some((e) => e.postalCode === w.trim()), B = R && !z, V = a ?? (B ? "Diese Schweizer Postleitzahl wurde nicht gefunden." : void 0);
659
681
  A && w.trim().length >= 4 && E.length, o(() => {
660
682
  let e = w.trim();
@@ -696,11 +718,11 @@ function W({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
696
718
  function H(e) {
697
719
  S.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
698
720
  }
699
- function W(e) {
721
+ function U(e) {
700
722
  let t = e.target.value;
701
723
  T(t), _?.(t), h?.(e);
702
724
  }
703
- function G(e) {
725
+ function W(e) {
704
726
  C.current = !0, T(e.label), D([]), j(!1), _?.(e.label), v?.(e), S.current && (S.current.value = e.label, S.current.dispatchEvent(new Event("input", { bubbles: !0 })));
705
727
  }
706
728
  return /* @__PURE__ */ n("div", {
@@ -712,7 +734,7 @@ function W({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
712
734
  children: e
713
735
  }),
714
736
  /* @__PURE__ */ n("div", {
715
- className: U.inputWrapper,
737
+ className: G.inputWrapper,
716
738
  children: [
717
739
  /* @__PURE__ */ t("input", {
718
740
  id: x,
@@ -724,13 +746,13 @@ function W({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
724
746
  disabled: f,
725
747
  placeholder: p,
726
748
  value: w,
727
- onChange: W,
749
+ onChange: U,
728
750
  onBlur: g,
729
751
  className: [
730
- U.inputTextField,
731
- c === "glassy" ? U.inputTextFieldGlassy : "",
732
- z || I ? U.inputValid : "",
733
- B || a ? U.inputError : "",
752
+ G.inputTextField,
753
+ c === "glassy" ? G.inputTextFieldGlassy : "",
754
+ z || I ? G.inputValid : "",
755
+ B || a ? G.inputError : "",
734
756
  d ?? ""
735
757
  ].filter(Boolean).join(" "),
736
758
  "aria-invalid": !!V,
@@ -738,45 +760,45 @@ function W({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
738
760
  ...y
739
761
  }),
740
762
  O && /* @__PURE__ */ t("span", {
741
- className: U.loading,
763
+ className: G.loading,
742
764
  children: "Lädt…"
743
765
  }),
744
766
  E.length > 0 && /* @__PURE__ */ t("ul", {
745
- className: U.suggestionList,
767
+ className: G.suggestionList,
746
768
  children: E.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
747
769
  type: "button",
748
- className: U.suggestionItem,
770
+ className: G.suggestionItem,
749
771
  onMouseDown: (e) => e.preventDefault(),
750
- onClick: () => G(e),
772
+ onClick: () => W(e),
751
773
  children: [/* @__PURE__ */ t("span", { children: e.postalCode }), /* @__PURE__ */ t("span", {
752
- className: U.locality,
774
+ className: G.locality,
753
775
  children: e.locality
754
776
  })]
755
777
  }) }, e.label))
756
778
  }),
757
779
  A && w.trim().length >= 2 && E.length === 0 && !O && !I && !B && /* @__PURE__ */ t("div", {
758
- className: U.emptyState,
780
+ className: G.emptyState,
759
781
  children: "Keine Schweizer PLZ oder Ortschaft gefunden."
760
782
  })
761
783
  ]
762
784
  }),
763
785
  z && /* @__PURE__ */ t("span", {
764
- className: U.successMessage,
786
+ className: G.successMessage,
765
787
  children: "Gültige Schweizer Postleitzahl"
766
788
  }),
767
789
  I && /* @__PURE__ */ t("span", {
768
- className: U.successMessage,
790
+ className: G.successMessage,
769
791
  children: "Gültige Schweizer Postleitzahl"
770
792
  }),
771
793
  /* @__PURE__ */ t("span", {
772
794
  id: `${r}-error`,
773
- className: [U.errorMessage, V ? "" : U.errorMessageHidden].filter(Boolean).join(" "),
795
+ className: [G.errorMessage, V ? "" : G.errorMessageHidden].filter(Boolean).join(" "),
774
796
  children: V || "\xA0"
775
797
  })
776
798
  ]
777
799
  });
778
800
  }
779
- var G = {
801
+ var q = {
780
802
  radioGroup: "_radioGroup_1yjda_5",
781
803
  optionGroup: "_optionGroup_1yjda_16",
782
804
  optionWrapper: "_optionWrapper_1yjda_23",
@@ -793,46 +815,46 @@ var G = {
793
815
  };
794
816
  //#endregion
795
817
  //#region src/components/form/radiobutton/RadioButton.tsx
796
- function K({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
818
+ function J({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
797
819
  let f = c !== void 0;
798
820
  return /* @__PURE__ */ t("div", {
799
821
  className: "inputBlockVertical",
800
822
  children: /* @__PURE__ */ n("fieldset", {
801
- className: [G.radioGroup].filter(Boolean).join(" "),
823
+ className: [q.radioGroup].filter(Boolean).join(" "),
802
824
  "aria-invalid": !!a,
803
825
  "aria-describedby": `${r}-error`,
804
826
  children: [
805
827
  e && /* @__PURE__ */ t("label", {
806
828
  htmlFor: r,
807
- className: [G.inputLabel, o === "glassy" ? "--form-input-glassy-text-label" : "--form-input-default-text-label"].filter(Boolean).join(" "),
829
+ className: [q.inputLabel, o === "glassy" ? "--form-input-glassy-text-label" : "--form-input-default-text-label"].filter(Boolean).join(" "),
808
830
  children: e
809
831
  }),
810
832
  /* @__PURE__ */ t("div", {
811
- className: G.optionGroup,
833
+ className: q.optionGroup,
812
834
  children: i.map((e) => {
813
835
  let i = f ? { checked: c === e.value } : { defaultChecked: l === e.value };
814
836
  return /* @__PURE__ */ n("label", {
815
- className: [G.optionWrapper, s ? G.optionWrapperDisabled : ""].filter(Boolean).join(" "),
837
+ className: [q.optionWrapper, s ? q.optionWrapperDisabled : ""].filter(Boolean).join(" "),
816
838
  children: [/* @__PURE__ */ t("input", {
817
839
  type: "radio",
818
840
  name: r,
819
841
  value: e.value,
820
842
  disabled: s,
821
- className: G.radioInput,
843
+ className: q.radioInput,
822
844
  onChange: u,
823
845
  ...i,
824
846
  ...d
825
847
  }), /* @__PURE__ */ n("span", {
826
848
  className: [
827
- G.optionButton,
828
- o === "glassy" ? G.optionButtonGlassy : G.optionButtonDefault,
829
- a ? G.optionButtonError : ""
849
+ q.optionButton,
850
+ o === "glassy" ? q.optionButtonGlassy : q.optionButtonDefault,
851
+ a ? q.optionButtonError : ""
830
852
  ].filter(Boolean).join(" "),
831
853
  children: [/* @__PURE__ */ t("span", {
832
- className: G.optionTitle,
854
+ className: q.optionTitle,
833
855
  children: e.label
834
856
  }), e.description && /* @__PURE__ */ t("span", {
835
- className: G.optionDescription,
857
+ className: q.optionDescription,
836
858
  children: e.description
837
859
  })]
838
860
  })]
@@ -841,14 +863,14 @@ function K({ label: e, name: r, options: i, error: a, variant: o = "default", di
841
863
  }),
842
864
  /* @__PURE__ */ t("span", {
843
865
  id: `${r}-error`,
844
- className: [G.errorMessage, a ? "" : G.errorMessageHidden].filter(Boolean).join(" "),
866
+ className: [q.errorMessage, a ? "" : q.errorMessageHidden].filter(Boolean).join(" "),
845
867
  children: a || "\xA0"
846
868
  })
847
869
  ]
848
870
  })
849
871
  });
850
872
  }
851
- var q = {
873
+ var Y = {
852
874
  switchWrapper: "_switchWrapper_1dr6p_1",
853
875
  switchCheckbox: "_switchCheckbox_1dr6p_5",
854
876
  switchLabel: "_switchLabel_1dr6p_13",
@@ -866,54 +888,54 @@ var q = {
866
888
  };
867
889
  //#endregion
868
890
  //#region src/components/form/switch/Switch.tsx
869
- function J({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
891
+ function X({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
870
892
  let u = r ?? `${e}-switch`;
871
893
  return /* @__PURE__ */ t("div", {
872
894
  className: "inputBlockHorizontal",
873
895
  children: /* @__PURE__ */ n("div", {
874
- className: [q.switchWrapper, s ?? ""].filter(Boolean).join(" "),
896
+ className: [Y.switchWrapper, s ?? ""].filter(Boolean).join(" "),
875
897
  children: [
876
898
  /* @__PURE__ */ t("input", {
877
899
  id: u,
878
900
  name: e,
879
901
  type: "checkbox",
880
902
  disabled: c,
881
- className: q.switchCheckbox,
903
+ className: Y.switchCheckbox,
882
904
  "aria-invalid": !!a,
883
905
  "aria-describedby": `${e}-error`,
884
906
  ...l
885
907
  }),
886
908
  /* @__PURE__ */ n("label", {
887
909
  htmlFor: u,
888
- className: [q.switchLabel, o === "glassy" ? q.switchLabelGlassy : q.switchLabelDefault].filter(Boolean).join(" "),
910
+ className: [Y.switchLabel, o === "glassy" ? Y.switchLabelGlassy : Y.switchLabelDefault].filter(Boolean).join(" "),
889
911
  children: [i && /* @__PURE__ */ t("span", {
890
- className: q.switchText,
912
+ className: Y.switchText,
891
913
  children: i
892
914
  }), /* @__PURE__ */ t("span", {
893
- className: [q.switchBackground, o === "glassy" ? q.switchBackgroundGlassy : q.switchBackgroundDefault].filter(Boolean).join(" "),
915
+ className: [Y.switchBackground, o === "glassy" ? Y.switchBackgroundGlassy : Y.switchBackgroundDefault].filter(Boolean).join(" "),
894
916
  children: /* @__PURE__ */ n("span", {
895
- className: q.switchButton,
917
+ className: Y.switchButton,
896
918
  "aria-hidden": "true",
897
919
  children: [/* @__PURE__ */ t("span", {
898
- className: q.iconChecked,
899
- children: /* @__PURE__ */ t(Y, {})
920
+ className: Y.iconChecked,
921
+ children: /* @__PURE__ */ t(ee, {})
900
922
  }), /* @__PURE__ */ t("span", {
901
- className: q.iconUnchecked,
902
- children: /* @__PURE__ */ t(X, {})
923
+ className: Y.iconUnchecked,
924
+ children: /* @__PURE__ */ t(te, {})
903
925
  })]
904
926
  })
905
927
  })]
906
928
  }),
907
929
  /* @__PURE__ */ t("span", {
908
930
  id: `${e}-error`,
909
- className: [q.errorMessage, a ? "" : q.errorMessageHidden].filter(Boolean).join(" "),
931
+ className: [Y.errorMessage, a ? "" : Y.errorMessageHidden].filter(Boolean).join(" "),
910
932
  children: a || "\xA0"
911
933
  })
912
934
  ]
913
935
  })
914
936
  });
915
937
  }
916
- function Y() {
938
+ function ee() {
917
939
  return /* @__PURE__ */ t("svg", {
918
940
  width: "16",
919
941
  height: "16",
@@ -929,7 +951,7 @@ function Y() {
929
951
  })
930
952
  });
931
953
  }
932
- function X() {
954
+ function te() {
933
955
  return /* @__PURE__ */ t("svg", {
934
956
  width: "16",
935
957
  height: "16",
@@ -945,6 +967,32 @@ function X() {
945
967
  });
946
968
  }
947
969
  var Z = {
970
+ snackbar: "_snackbar_o1awg_1",
971
+ "snackbar--success": "_snackbar--success_o1awg_13",
972
+ "snackbar--info": "_snackbar--info_o1awg_17",
973
+ "snackbar--warning": "_snackbar--warning_o1awg_21",
974
+ "snackbar--error": "_snackbar--error_o1awg_25"
975
+ };
976
+ //#endregion
977
+ //#region src/components/snackbar/snackbar.tsx
978
+ function ne({ message: e, isOpen: n, onClose: r, duration: i = 5e3, type: a = "info" }) {
979
+ return o(() => {
980
+ if (n) {
981
+ let e = setTimeout(() => {
982
+ r();
983
+ }, i);
984
+ return () => clearTimeout(e);
985
+ }
986
+ }, [
987
+ n,
988
+ i,
989
+ r
990
+ ]), n ? /* @__PURE__ */ t("div", {
991
+ className: `${Z.snackbar} ${Z[`snackbar--${a}`]}`,
992
+ children: e
993
+ }) : null;
994
+ }
995
+ var Q = {
948
996
  inputLabel: "_inputLabel_1hmxe_1",
949
997
  inputTextField: "_inputTextField_1hmxe_5",
950
998
  inputTextFieldGlassy: "_inputTextFieldGlassy_1hmxe_22",
@@ -954,13 +1002,13 @@ var Z = {
954
1002
  };
955
1003
  //#endregion
956
1004
  //#region src/components/form/textfield/TextField.tsx
957
- function Q({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
1005
+ function re({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
958
1006
  return /* @__PURE__ */ n("div", {
959
1007
  className: "inputBlockVertical",
960
1008
  children: [
961
1009
  /* @__PURE__ */ t("label", {
962
1010
  htmlFor: r,
963
- className: [Z.inputLabel, o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
1011
+ className: [Q.inputLabel, o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
964
1012
  children: e
965
1013
  }),
966
1014
  /* @__PURE__ */ t("input", {
@@ -969,9 +1017,9 @@ function Q({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
969
1017
  ref: c,
970
1018
  placeholder: a,
971
1019
  className: [
972
- Z.inputTextField,
973
- o === "glassy" ? Z.inputTextFieldGlassy : "",
974
- i ? Z.inputError : "",
1020
+ Q.inputTextField,
1021
+ o === "glassy" ? Q.inputTextFieldGlassy : "",
1022
+ i ? Q.inputError : "",
975
1023
  s ?? ""
976
1024
  ].filter(Boolean).join(" "),
977
1025
  "aria-invalid": !!i,
@@ -980,7 +1028,7 @@ function Q({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
980
1028
  }),
981
1029
  /* @__PURE__ */ t("span", {
982
1030
  id: `${r}-error`,
983
- className: [Z.errorMessage, i ? "" : Z.errorMessageHidden].filter(Boolean).join(" "),
1031
+ className: [Q.errorMessage, i ? "" : Q.errorMessageHidden].filter(Boolean).join(" "),
984
1032
  children: i || "\xA0"
985
1033
  })
986
1034
  ]
@@ -1012,7 +1060,7 @@ var $ = {
1012
1060
  };
1013
1061
  //#endregion
1014
1062
  //#region src/components/form/upload/Upload.tsx
1015
- function ee({ label: e, name: r, id: i, file: a, error: l, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
1063
+ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
1016
1064
  let y = s(), b = i ?? `${r}-${y}`, [x, S] = u(!1), [C, w] = u(a ?? null), T = a !== void 0, E = T ? a : C, D = c(() => !E || !E.type.startsWith("image/") ? null : URL.createObjectURL(E), [E]);
1017
1065
  o(() => {
1018
1066
  T && w(a ?? null);
@@ -1140,4 +1188,4 @@ function ee({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
1140
1188
  });
1141
1189
  }
1142
1190
  //#endregion
1143
- export { y as Accordion, h as BannerHero, f as Button, C as Checkbox, T as Chip, D as DatePicker, M as Dropdown, R as IconButton, P as Link, B as Password, W as PostalCode, K as RadioButton, J as Switch, Q as TextField, x as TileAccordion, ee as Upload };
1191
+ export { y as Accordion, h as BannerHero, f as Button, C as Checkbox, T as Chip, D as DatePicker, M as Dropdown, B as Icon, R as IconButton, P as Link, H as Password, K as PostalCode, J as RadioButton, ne as Snackbar, X as Switch, re as TextField, x as TileAccordion, ie as Upload };
package/dist/suus-component-library.umd.cjs CHANGED
@@ -2,4 +2,4 @@
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:T,onClick:p}),m&&(0,t.jsx)(i,{label:m,variant:`secondary`,onClick:h})]})]})]})})}var c=(0,n.createContext)(null),l={accordion:`_accordion_h1kjy_1`,glassy:`_glassy_h1kjy_9`};function u(e,t=!1){let n=Array.from(new Set((e??[]).filter(Boolean)));return t?n:n.slice(0,1)}function d({children:e,variant:r=`default`,allowMultipleOpen:i=!1,defaultOpenItems:a,openItems:o,onOpenItemsChange:s,className:d}){let[f,p]=(0,n.useState)(()=>u(a,i)),m=o!==void 0,h=u(m?o:f,i),g=(0,n.useMemo)(()=>new Set(h),[h]),_=(0,n.useCallback)(e=>{let t=g.has(e),n;n=t?h.filter(t=>t!==e):i?[...h,e]:[e],m||p(n),s?.(n)},[i,h,m,s,g]),v=(0,n.useMemo)(()=>({variant:r,isOpen:e=>g.has(e),toggle:_}),[g,_,r]);return(0,t.jsx)(`div`,{className:[l.accordion,r===`glassy`?l.glassy:``,d??``].filter(Boolean).join(` `),children:(0,t.jsx)(c.Provider,{value:v,children:e})})}var f={tile:`_tile_l4lii_1`,tileDefault:`_tileDefault_l4lii_5`,tileGlassy:`_tileGlassy_l4lii_9`,trigger:`_trigger_l4lii_17`,triggerDefault:`_triggerDefault_l4lii_36`,triggerGlassy:`_triggerGlassy_l4lii_44`,labelGroup:`_labelGroup_l4lii_52`,icon:`_icon_l4lii_59`,label:`_label_l4lii_52`,indicator:`_indicator_l4lii_70`,content:`_content_l4lii_77`,contentDefault:`_contentDefault_l4lii_83`,contentGlassy:`_contentGlassy_l4lii_87`};function p({itemId:e,label:r,icon:i,children:a,variant:o,defaultOpen:s=!1,className:l,disabled:u,onClick:d,...p}){let m=(0,n.useContext)(c),h=(0,n.useId)(),g=e??h,[_,v]=(0,n.useState)(s),y=o??m?.variant??`default`,b=m?m.isOpen(g):_,x=`${g}-trigger`,S=`${g}-content`;function C(e){u||(m?m.toggle(g):v(e=>!e)),d?.(e)}return(0,t.jsxs)(`div`,{className:[f.tile,y===`glassy`?f.tileGlassy:f.tileDefault,b?f.tileOpen:``,l??``].filter(Boolean).join(` `),children:[(0,t.jsxs)(`button`,{type:`button`,id:x,className:[f.trigger,y===`glassy`?f.triggerGlassy:f.triggerDefault].filter(Boolean).join(` `),onClick:C,"aria-expanded":b,"aria-controls":S,disabled:u,...p,children:[(0,t.jsxs)(`span`,{className:f.labelGroup,children:[i?(0,t.jsx)(`span`,{className:f.icon,children:i}):null,(0,t.jsx)(`span`,{className:f.label,children:r})]}),(0,t.jsx)(`span`,{className:f.indicator,"aria-hidden":`true`,children:b?`-`:`+`})]}),b?(0,t.jsx)(`div`,{id:S,role:`region`,"aria-labelledby":x,className:[f.content,y===`glassy`?f.contentGlassy:f.contentDefault].filter(Boolean).join(` `),children:a}):null]})}var m={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 h({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[m.checkboxWrapper,a===`glassy`?m.checkboxWrapperGlassy:``,i?m.checkboxWrapperError:``,s?m.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:l,name:n,disabled:s,className:m.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:m.checkboxLabel,children:[(0,t.jsx)(`span`,{className:m.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:m.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:m.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[m.errorMessage,i?``:m.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var g={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function _({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[u,d]=(0,n.useState)(o),f=typeof a==`boolean`,p=f?a:u;function m(e){if(!i)return;let t=!p;f||d(t),s?.(t),l.onClick?.(e)}let h=r===`glassy`?g.chipGlassy:g.chipDefault,_=p?g.chipChecked:``,v=i?``:g.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":p,className:[g.chip,h,_,c??``].filter(Boolean).join(` `),onClick:m,...l,children:e}):(0,t.jsx)(`span`,{className:[g.chip,h,_,v,c??``].filter(Boolean).join(` `),children:e})}var v={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 y({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:f,onBlur:p,disabled:m,...h}){let g=i??r,_=(0,n.useRef)(null),y=o??new Date;function C(e){_.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){f?.(null);return}f?.(x(t))}function T(){m||(_.current?.showPicker?.(),_.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:g,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:v.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:g,name:r,ref:C,type:`date`,value:b(a),max:b(y),min:s?b(s):void 0,disabled:m,onChange:w,onBlur:p,className:[v.inputDateField,l===`glassy`?v.inputDateFieldGlassy:``,c?v.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...h}),(0,t.jsx)(`button`,{type:`button`,className:v.calendarIconButton,onClick:T,disabled:m,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(S,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[v.errorMessage,c?``:v.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function b(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function x(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function S(){return(0,t.jsxs)(`svg`,{className:v.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 C={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function w({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:[C.inputSelectField,o===`glassy`?C.inputSelectFieldGlassy:``,a?C.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:[C.errorMessage,a?``:C.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var T={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 E({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:[T.appLink,s===`glassy`?T.appLinkGlassy:T.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[T.icon,T.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(O,{})}),(0,t.jsx)(`span`,{className:T.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:T.icon,"aria-hidden":`true`,children:(0,t.jsx)(D,{})})]})}function D(){return(0,t.jsxs)(`svg`,{className:T.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 O(){return(0,t.jsxs)(`svg`,{className:T.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 k={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 A({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:[k.iconButton,i?k.withFrame:k.withoutFrame,r===`glassy`?k.glassy:``,a?k.active:``,o===`small`?k.small:``,o===`large`?k.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:k.icon,"aria-hidden":`true`,children:n})})}var j={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 M({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:j.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[j.inputTextField,o===`glassy`?j.inputTextFieldGlassy:``,a?j.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:j.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(P,{}):(0,t.jsx)(N,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[j.errorMessage,a?``:j.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function N(){return(0,t.jsxs)(`svg`,{className:j.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 P(){return(0,t.jsx)(`svg`,{className:j.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 F={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 I({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+(.+)$/),k=!!O,A=O?.[1],j=O?.[2],M=k&&S.some(e=>e.postalCode===A&&e.locality===j),N=/^\d+$/.test(b.trim()),P=b.trim().length>=4&&N&&!w,I=P&&S.some(e=>e.postalCode===b.trim()),L=P&&!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:F.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:[F.inputTextField,o===`glassy`?F.inputTextFieldGlassy:``,I||M?F.inputValid:``,L||a?F.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:F.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:F.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:F.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:F.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!M&&!L&&(0,t.jsx)(`div`,{className:F.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:F.successMessage,children:`Gültige Schweizer Postleitzahl`}),M&&(0,t.jsx)(`span`,{className:F.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[F.errorMessage,R?``:F.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var L={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 R({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:[L.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[L.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:L.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[L.optionWrapper,o?L.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:L.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[L.optionButton,a===`glassy`?L.optionButtonGlassy:L.optionButtonDefault,i?L.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:L.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:L.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[L.errorMessage,i?``:L.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var z={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 B({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:[z.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:z.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[z.switchLabel,a===`glassy`?z.switchLabelGlassy:z.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:z.switchText,children:r}),(0,t.jsx)(`span`,{className:[z.switchBackground,a===`glassy`?z.switchBackgroundGlassy:z.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:z.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:z.iconChecked,children:(0,t.jsx)(V,{})}),(0,t.jsx)(`span`,{className:z.iconUnchecked,children:(0,t.jsx)(H,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[z.errorMessage,i?``:z.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function V(){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 H(){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 U={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 W({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:[U.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[U.inputTextField,a===`glassy`?U.inputTextFieldGlassy:``,r?U.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[U.errorMessage,r?``:U.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var G={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 K({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:[G.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[G.label,s===`glassy`?G.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[G.dropzone,s===`glassy`?G.dropzoneGlassy:``,_?G.dragOver:``,o?G.errorState:``,u?G.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:G.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:G.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:G.selected,children:[C&&(0,t.jsx)(`img`,{className:G.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:G.fileMeta,children:[(0,t.jsx)(`span`,{className:G.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:G.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:G.placeholder,children:[(0,t.jsx)(`span`,{className:G.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:G.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:G.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:G.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[G.errorMessage,o?``:G.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.Accordion=d,e.BannerHero=s,e.Button=i,e.Checkbox=h,e.Chip=_,e.DatePicker=y,e.Dropdown=w,e.IconButton=A,e.Link=E,e.Password=M,e.PostalCode=I,e.RadioButton=R,e.Switch=B,e.TextField=W,e.TileAccordion=p,e.Upload=K});
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=(0,n.createContext)(null),l={accordion:`_accordion_h1kjy_1`,glassy:`_glassy_h1kjy_9`};function u(e,t=!1){let n=Array.from(new Set((e??[]).filter(Boolean)));return t?n:n.slice(0,1)}function d({children:e,variant:r=`default`,allowMultipleOpen:i=!1,defaultOpenItems:a,openItems:o,onOpenItemsChange:s,className:d}){let[f,p]=(0,n.useState)(()=>u(a,i)),m=o!==void 0,h=u(m?o:f,i),g=(0,n.useMemo)(()=>new Set(h),[h]),_=(0,n.useCallback)(e=>{let t=g.has(e),n;n=t?h.filter(t=>t!==e):i?[...h,e]:[e],m||p(n),s?.(n)},[i,h,m,s,g]),v=(0,n.useMemo)(()=>({variant:r,isOpen:e=>g.has(e),toggle:_}),[g,_,r]);return(0,t.jsx)(`div`,{className:[l.accordion,r===`glassy`?l.glassy:``,d??``].filter(Boolean).join(` `),children:(0,t.jsx)(c.Provider,{value:v,children:e})})}var f={tile:`_tile_l4lii_1`,tileDefault:`_tileDefault_l4lii_5`,tileGlassy:`_tileGlassy_l4lii_9`,trigger:`_trigger_l4lii_17`,triggerDefault:`_triggerDefault_l4lii_36`,triggerGlassy:`_triggerGlassy_l4lii_44`,labelGroup:`_labelGroup_l4lii_52`,icon:`_icon_l4lii_59`,label:`_label_l4lii_52`,indicator:`_indicator_l4lii_70`,content:`_content_l4lii_77`,contentDefault:`_contentDefault_l4lii_83`,contentGlassy:`_contentGlassy_l4lii_87`};function p({itemId:e,label:r,icon:i,children:a,variant:o,defaultOpen:s=!1,className:l,disabled:u,onClick:d,...p}){let m=(0,n.useContext)(c),h=(0,n.useId)(),g=e??h,[_,v]=(0,n.useState)(s),y=o??m?.variant??`default`,b=m?m.isOpen(g):_,x=`${g}-trigger`,S=`${g}-content`;function C(e){u||(m?m.toggle(g):v(e=>!e)),d?.(e)}return(0,t.jsxs)(`div`,{className:[f.tile,y===`glassy`?f.tileGlassy:f.tileDefault,b?f.tileOpen:``,l??``].filter(Boolean).join(` `),children:[(0,t.jsxs)(`button`,{type:`button`,id:x,className:[f.trigger,y===`glassy`?f.triggerGlassy:f.triggerDefault].filter(Boolean).join(` `),onClick:C,"aria-expanded":b,"aria-controls":S,disabled:u,...p,children:[(0,t.jsxs)(`span`,{className:f.labelGroup,children:[i?(0,t.jsx)(`span`,{className:f.icon,children:i}):null,(0,t.jsx)(`span`,{className:f.label,children:r})]}),(0,t.jsx)(`span`,{className:f.indicator,"aria-hidden":`true`,children:b?`-`:`+`})]}),b?(0,t.jsx)(`div`,{id:S,role:`region`,"aria-labelledby":x,className:[f.content,y===`glassy`?f.contentGlassy:f.contentDefault].filter(Boolean).join(` `),children:a}):null]})}var m={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 h({label:e,name:n,id:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[m.checkboxWrapper,a===`glassy`?m.checkboxWrapperGlassy:``,i?m.checkboxWrapperError:``,s?m.checkboxWrapperDisabled:``,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:l,name:n,disabled:s,className:m.checkboxInput,"aria-invalid":!!i,"aria-describedby":`${n}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:m.checkboxLabel,children:[(0,t.jsx)(`span`,{className:m.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:m.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:m.checkboxText,children:e})]}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[m.errorMessage,i?``:m.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})}var g={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function _({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:s,className:c,...l}){let[u,d]=(0,n.useState)(o),f=typeof a==`boolean`,p=f?a:u;function m(e){if(!i)return;let t=!p;f||d(t),s?.(t),l.onClick?.(e)}let h=r===`glassy`?g.chipGlassy:g.chipDefault,_=p?g.chipChecked:``,v=i?``:g.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":p,className:[g.chip,h,_,c??``].filter(Boolean).join(` `),onClick:m,...l,children:e}):(0,t.jsx)(`span`,{className:[g.chip,h,_,v,c??``].filter(Boolean).join(` `),children:e})}var v={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 y({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:l=`default`,className:u,ref:d,onDateChange:f,onBlur:p,disabled:m,...h}){let g=i??r,_=(0,n.useRef)(null),y=o??new Date;function C(e){_.current=e,typeof d==`function`?d(e):d&&(d.current=e)}function w(e){let t=e.target.value;if(!t){f?.(null);return}f?.(x(t))}function T(){m||(_.current?.showPicker?.(),_.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:g,className:[`inputLabel`,l===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:v.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:g,name:r,ref:C,type:`date`,value:b(a),max:b(y),min:s?b(s):void 0,disabled:m,onChange:w,onBlur:p,className:[v.inputDateField,l===`glassy`?v.inputDateFieldGlassy:``,c?v.inputError:``,u??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":`${r}-error`,...h}),(0,t.jsx)(`button`,{type:`button`,className:v.calendarIconButton,onClick:T,disabled:m,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(S,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[v.errorMessage,c?``:v.errorMessageHidden].filter(Boolean).join(` `),children:c||`\xA0`})]})}function b(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function x(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function S(){return(0,t.jsxs)(`svg`,{className:v.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 C={inputSelectField:`_inputSelectField_1505j_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1505j_12`,inputError:`_inputError_1505j_24`,errorMessage:`_errorMessage_1505j_28`,errorMessageHidden:`_errorMessageHidden_1505j_35`};function w({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:[C.inputSelectField,o===`glassy`?C.inputSelectFieldGlassy:``,a?C.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:[C.errorMessage,a?``:C.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}var T={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 E({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:[T.appLink,s===`glassy`?T.appLinkGlassy:T.appLinkDefault,c??``].filter(Boolean).join(` `),...l,children:[a&&o===`left`&&(0,t.jsx)(`span`,{className:[T.icon,T.iconLeft].join(` `),"aria-hidden":`true`,children:(0,t.jsx)(O,{})}),(0,t.jsx)(`span`,{className:T.label,children:e}),a&&o===`right`&&(0,t.jsx)(`span`,{className:T.icon,"aria-hidden":`true`,children:(0,t.jsx)(D,{})})]})}function D(){return(0,t.jsxs)(`svg`,{className:T.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 O(){return(0,t.jsxs)(`svg`,{className:T.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 k={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 A({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:[k.iconButton,i?k.withFrame:k.withoutFrame,r===`glassy`?k.glassy:``,a?k.active:``,o===`small`?k.small:``,o===`large`?k.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:k.icon,"aria-hidden":`true`,children:n})})}var j={icon:`_icon_1pk0b_1`,badge:`_badge_1pk0b_6`,badgeLarge:`_badgeLarge_1pk0b_25`};function M({icon:e,badgeCount:n,size:r=32,badgeColor:i=`green`}){let a=r>=48,o=n!==void 0&&n>99?`99+`:n;return(0,t.jsxs)(`div`,{className:`relative inline-block ${j.icon}`,style:{width:r,height:r},children:[e,n!==void 0&&n>0&&(0,t.jsx)(`span`,{className:`${j.badge} ${a?j.badgeLarge:``}`,style:{backgroundColor:i},children:o})]})}var N={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 P({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:N.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[N.inputTextField,o===`glassy`?N.inputTextFieldGlassy:``,a?N.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":`${r}-error`,...d}),(0,t.jsx)(`button`,{type:`button`,className:N.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(I,{}):(0,t.jsx)(F,{})})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[N.errorMessage,a?``:N.errorMessageHidden].filter(Boolean).join(` `),children:a||`\xA0`})]})}function F(){return(0,t.jsxs)(`svg`,{className:N.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 I(){return(0,t.jsx)(`svg`,{className:N.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 L={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 R({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+(.+)$/),k=!!O,A=O?.[1],j=O?.[2],M=k&&S.some(e=>e.postalCode===A&&e.locality===j),N=/^\d+$/.test(b.trim()),P=b.trim().length>=4&&N&&!w,F=P&&S.some(e=>e.postalCode===b.trim()),I=P&&!F,R=a??(I?`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:L.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:[L.inputTextField,o===`glassy`?L.inputTextFieldGlassy:``,F||M?L.inputValid:``,I||a?L.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!R,"aria-describedby":`${r}-error`,...h}),w&&(0,t.jsx)(`span`,{className:L.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:L.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:L.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>V(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:L.locality,children:e.locality})]})},e.label))}),E&&b.trim().length>=2&&S.length===0&&!w&&!M&&!I&&(0,t.jsx)(`div`,{className:L.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),F&&(0,t.jsx)(`span`,{className:L.successMessage,children:`Gültige Schweizer Postleitzahl`}),M&&(0,t.jsx)(`span`,{className:L.successMessage,children:`Gültige Schweizer Postleitzahl`}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[L.errorMessage,R?``:L.errorMessageHidden].filter(Boolean).join(` `),children:R||`\xA0`})]})}var z={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 B({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:[z.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":`${n}-error`,children:[e&&(0,t.jsx)(`label`,{htmlFor:n,className:[z.inputLabel,a===`glassy`?`--form-input-glassy-text-label`:`--form-input-default-text-label`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:z.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[z.optionWrapper,o?z.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:z.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[z.optionButton,a===`glassy`?z.optionButtonGlassy:z.optionButtonDefault,i?z.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:z.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:z.optionDescription,children:e.description})]})]},e.value)})}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[z.errorMessage,i?``:z.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}var V={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 H({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:[V.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:V.switchCheckbox,"aria-invalid":!!i,"aria-describedby":`${e}-error`,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[V.switchLabel,a===`glassy`?V.switchLabelGlassy:V.switchLabelDefault].filter(Boolean).join(` `),children:[r&&(0,t.jsx)(`span`,{className:V.switchText,children:r}),(0,t.jsx)(`span`,{className:[V.switchBackground,a===`glassy`?V.switchBackgroundGlassy:V.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:V.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:V.iconChecked,children:(0,t.jsx)(U,{})}),(0,t.jsx)(`span`,{className:V.iconUnchecked,children:(0,t.jsx)(W,{})})]})})]}),(0,t.jsx)(`span`,{id:`${e}-error`,className:[V.errorMessage,i?``:V.errorMessageHidden].filter(Boolean).join(` `),children:i||`\xA0`})]})})}function U(){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 W(){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 G={snackbar:`_snackbar_o1awg_1`,"snackbar--success":`_snackbar--success_o1awg_13`,"snackbar--info":`_snackbar--info_o1awg_17`,"snackbar--warning":`_snackbar--warning_o1awg_21`,"snackbar--error":`_snackbar--error_o1awg_25`};function K({message:e,isOpen:r,onClose:i,duration:a=5e3,type:o=`info`}){return(0,n.useEffect)(()=>{if(r){let e=setTimeout(()=>{i()},a);return()=>clearTimeout(e)}},[r,a,i]),r?(0,t.jsx)(`div`,{className:`${G.snackbar} ${G[`snackbar--${o}`]}`,children:e}):null}var q={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 J({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:[q.inputLabel,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[q.inputTextField,a===`glassy`?q.inputTextFieldGlassy:``,r?q.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":`${n}-error`,...c}),(0,t.jsx)(`span`,{id:`${n}-error`,className:[q.errorMessage,r?``:q.errorMessageHidden].filter(Boolean).join(` `),children:r||`\xA0`})]})}var Y={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 X({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:[Y.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[Y.label,s===`glassy`?Y.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[Y.dropzone,s===`glassy`?Y.dropzoneGlassy:``,_?Y.dragOver:``,o?Y.errorState:``,u?Y.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:Y.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":`${r}-error`,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:Y.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:Y.selected,children:[C&&(0,t.jsx)(`img`,{className:Y.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:Y.fileMeta,children:[(0,t.jsx)(`span`,{className:Y.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:Y.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:Y.placeholder,children:[(0,t.jsx)(`span`,{className:Y.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:Y.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:Y.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:Y.remove,onClick:A,disabled:u,children:`Entfernen`})]}),(0,t.jsx)(`span`,{id:`${r}-error`,className:[Y.errorMessage,o?``:Y.errorMessageHidden].filter(Boolean).join(` `),children:o||`\xA0`})]})}e.Accordion=d,e.BannerHero=s,e.Button=i,e.Checkbox=h,e.Chip=_,e.DatePicker=y,e.Dropdown=w,e.Icon=M,e.IconButton=A,e.Link=E,e.Password=P,e.PostalCode=R,e.RadioButton=B,e.Snackbar=K,e.Switch=H,e.TextField=J,e.TileAccordion=p,e.Upload=X});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "suus-component-library",
3
- "version": "0.1.33",
3
+ "version": "0.1.35",
4
4
  "type": "module",
5
5
  "main": "./dist/suus-component-library.umd.cjs",
6
6
  "module": "./dist/suus-component-library.js",
@@ -51,6 +51,6 @@
51
51
  },
52
52
  "dependencies": {
53
53
  "msw": "^2.14.6",
54
- "suus-design-tokens": "^1.0.26"
54
+ "suus-design-tokens": "^1.0.27"
55
55
  }
56
56
  }