suus-component-library 0.1.14 → 0.1.16

package/dist/components/form/icon-button/IconButton.d.ts

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type IconButtonProps = {
+    label: string;
+    icon: ReactNode;
+    variant?: "default" | "glassy";
+    frame?: boolean;
+    active?: boolean;
+    size?: "small" | "default" | "large";
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * A reusable icon button component that can be used across the application.
+ *
+ * How to use it:
+ *
+ * <IconButton
+ *   label="Bearbeiten"
+ *   icon={<PenIcon />}
+ *   onClick={() => setIsEditing(true)}
+ * />
+ */
+export default function IconButton({ label, icon, variant, frame, active, size, className, type, disabled, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/form/icon-button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/form/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;CACxC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACI,KAAK,EACL,IAAI,EACJ,OAAmB,EACnB,KAAY,EACZ,MAAc,EACd,IAAgB,EAChB,SAAS,EACT,IAAe,EACf,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,eAAe,2CA0BpD"}

package/dist/components/icons/PenIcon.d.ts

@@ -0,0 +1,2 @@
+export declare function PenIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PenIcon.d.ts.map

package/dist/components/icons/PenIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PenIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/PenIcon.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,4CAatB"}

package/dist/index.d.ts

@@ -10,6 +10,8 @@ export { default as Dropdown } from './components/form/dropdown/Dropdown';
 export type { DropdownProps } from './components/form/dropdown/Dropdown';
 export { default as Link } from './components/form/link/Link';
 export type { LinkProps } from './components/form/link/Link';
+export { default as IconButton } from './components/form/icon-button/IconButton';
+export type { IconButtonProps } from './components/form/icon-button/IconButton';
 export { default as Password } from './components/form/password/Password';
 export type { PasswordProps } from './components/form/password/Password';
 export { default as PostalCode } from './components/form/postal-code/PostalCode';

package/dist/index.d.ts.map

@@ -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,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,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"}
+{"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,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"}

package/dist/suus-component-library.css

@@ -1,2 +1,2 @@
-: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-guava:#7b4e80;--color-juice-icetea:#d83a4f;--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);--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-info-text-color:var(--color-text-light);--snackbar-warning-text-color:var(--color-text-light);--snackbar-success-text-color:var(--color-text-light);--snackbar-error-background:var(--color-status-error);--snackbar-error-border-color:var(--color-status-error);--snackbar-error-text-color: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);--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-info-background:var(--color-status-info);--snackbar-info-border-color:var(--color-status-info);--snackbar-warning-background:var(--color-status-warning);--snackbar-warning-border-color:var(--color-status-warning);--snackbar-success-background:var(--color-status-success);--snackbar-success-border-color: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}button,input,select,textarea{font:inherit}.inputBlockVertical{text-align:left;flex-direction:column;gap:4px;height:110px;margin-bottom:16px;display:flex}@media (width<=1024px){.inputBlockVertical{margin-bottom:8px}}.inputBlockHorizontal{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;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)}}._checkboxWrapper_y1lye_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_y1lye_15{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._checkboxLabel_y1lye_24{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;display:inline-flex}._customCheckbox_y1lye_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_y1lye_57{opacity:0;width:1.2rem;height:1.2rem;transition:opacity .14s,transform .16s;transform:scale(.7)}._checkIcon_y1lye_57 path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}._checkboxText_y1lye_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_y1lye_24:hover ._customCheckbox_y1lye_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);transform:translateY(-1px)}._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._checkIcon_y1lye_57{opacity:1;transform:scale(1)}._checkboxInput_y1lye_15:focus-visible+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);outline:none}._checkboxWrapperDisabled_y1lye_107{--checkbox-color:var(--checkbox-disabled-color);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a)}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24{cursor:not-allowed}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{border-color:var(--checkbox-disabled-color);box-shadow:none;background-color:#0000;transform:none}._checkboxInput_y1lye_15:disabled:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-disabled-color);border-color:var(--checkbox-disabled-color)}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24 ._checkboxText_y1lye_76{opacity:.75}._checkboxWrapperError_y1lye_133{--checkbox-color:var(--checkbox-error-color);--checkbox-focus-color:#de65653d}._checkboxWrapperError_y1lye_133 ._customCheckbox_y1lye_34{border-color:var(--checkbox-error-color)}._checkboxWrapperError_y1lye_133 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._errorMessage_y1lye_147{color:var(--checkbox-error-color);padding-left:2.75rem;font-size:.8rem}._checkboxWrapperGlassy_y1lye_154{--checkbox-color:#ffffffb8;--checkbox-text-color:#fff;--checkbox-focus-color:#ffffff3d}._checkboxWrapperGlassy_y1lye_154 ._customCheckbox_y1lye_34{background-color:#ffffff38;border-color:#ffffffb8}._checkboxWrapperGlassy_y1lye_154 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:#ffffff47;border-color:#ffffff47}._checkboxWrapperGlassy_y1lye_154 ._checkboxText_y1lye_76{color:#fff}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133{--checkbox-color:var(--checkbox-error-color);--checkbox-text-color:#fff;--checkbox-focus-color:#de656547}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133 ._customCheckbox_y1lye_34{border-color:var(--checkbox-error-color);background-color:#0000}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_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_6osqj_1{width:100%;position:relative}._inputDateField_6osqj_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_6osqj_6::-webkit-calendar-picker-indicator{opacity:0;appearance:none;display:none}._inputDateField_6osqj_6::-webkit-inner-spin-button{appearance:none;display:none}._inputDateField_6osqj_6::-webkit-clear-button{appearance:none;display:none}._inputDateField_6osqj_6{appearance:none}._inputDateFieldGlassy_6osqj_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_6osqj_6:focus,._inputDateFieldGlassy_6osqj_38:focus{border-color:var(--color-juice-sugarcane,#a7b325);outline:none}._inputDateField_6osqj_6:disabled{cursor:not-allowed;opacity:.65}._inputError_6osqj_56{border-color:#de6565}._calendarIconButton_6osqj_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_6osqj_60:disabled{cursor:not-allowed;opacity:.6}._calendarIconButton_6osqj_60:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:3px;border-radius:999px}._icon_6osqj_88{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_6osqj_97{color:#de6565;font-size:13px}._inputSelectField_1uwtt_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_1uwtt_12{color:#fff;background:var(--form-input-glassy-background-enabled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}._inputSelectField_1uwtt_1:focus,._inputSelectFieldGlassy_1uwtt_12:focus{outline:none}._inputError_1uwtt_24{border-color:var(--form-message-error-border-color)}._errorMessage_1uwtt_28{font-size:var(--form-message-font-size);color:var(--form-message-error-text-color)}@supports (appearance:base-select){._inputSelectField_1uwtt_1{appearance:base-select}._inputSelectField_1uwtt_1::picker(select){appearance:base-select}._inputSelectField_1uwtt_1{align-items:center;display:flex}._inputSelectField_1uwtt_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_1uwtt_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_1uwtt_1::picker-icon{color:currentColor;align-content:center;font-size:24px;transition:rotate .16s}._inputSelectField_1uwtt_1:open::picker-icon{rotate:180deg}._inputSelectField_1uwtt_1 option{border-radius:calc(var(--form-input-radius) - 4px);padding:10px 12px}._inputSelectField_1uwtt_1 option:hover,._inputSelectField_1uwtt_1 option:focus{background:#0000000f}._inputSelectField_1uwtt_1 option:checked{background:var(--color-green-light);color:#272727}._inputSelectFieldGlassy_1uwtt_12 option:hover,._inputSelectFieldGlassy_1uwtt_12 option:focus{background:#ffffff29}._inputSelectFieldGlassy_1uwtt_12 option:checked{color:#fff;background:#ffffff3d}._inputSelectField_1uwtt_1 option:disabled,._inputSelectFieldGlassy_1uwtt_12 option:disabled{color:var(--color-form-background-disabled)}}._appLink_b53rv_1{cursor:pointer;align-items:center;gap:8px;width:fit-content;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}._appLinkDefault_b53rv_19{color:var(--link-default-text-label,#272727)}._appLinkDefault_b53rv_19:hover{color:var(--link-default-text-hover,#272727)}._appLinkGlassy_b53rv_30{color:var(--link-glassy-text-label,#272727)}._appLinkGlassy_b53rv_30:hover{color:var(--link-glassy-text-hover,#272727)}._label_b53rv_38{align-items:center;display:inline-flex}._icon_b53rv_43{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}._appLink_b53rv_1:hover ._icon_b53rv_43{transform:translate(3px)}._arrowIcon_b53rv_54{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}._passwordInputWrapper_18lit_1{width:100%;position:relative}._inputTextField_18lit_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_18lit_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_18lit_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextFieldGlassy_18lit_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_18lit_6:disabled{cursor:not-allowed;opacity:.65}._inputError_18lit_40{border-color:#de6565}._togglePasswordButton_18lit_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_18lit_44:hover{color:var(--color-green-dark,#879729)}._togglePasswordButton_18lit_44:focus-visible{outline:2px solid var(--color-green-midnight,#596414);outline-offset:2px;border-radius:999px}._togglePasswordButton_18lit_44:disabled{cursor:not-allowed;opacity:.6}._icon_18lit_76{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_18lit_85{color:#de6565;font-size:13px}._inputWrapper_3w4be_1{width:100%;position:relative}._inputTextField_3w4be_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_3w4be_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_3w4be_6::placeholder{color:#9ca3af}._inputTextFieldGlassy_3w4be_18::placeholder{color:#ffffffb3}._inputTextFieldGlassy_3w4be_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_3w4be_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextField_3w4be_6:disabled{cursor:not-allowed;opacity:.65}._inputError_3w4be_48{border-color:#de6565}._loading_3w4be_52{color:#6b7280;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._suggestionList_3w4be_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_3w4be_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_3w4be_78:hover,._suggestionItem_3w4be_78:focus-visible{background:#f3f4f6;outline:none}._locality_3w4be_98{font-weight:500}._emptyState_3w4be_102{z-index:10;color:#6b7280;padding:12px 14px;font-size:14px;position:absolute;top:calc(100% + 3px);left:0;right:0}._successMessage_3w4be_113{color:var(--color-juice-sugarcane,#6a7a0a);font-size:13px;font-weight:700}._errorMessage_3w4be_119{color:#de6565;font-size:13px;font-weight:700}._radioGroup_16f1n_5{width:100%;border:0;flex-direction:column;gap:8px;min-inline-size:0;margin:0 0 16px;padding:0;display:flex}._optionGroup_16f1n_17{flex-direction:row;gap:8px;width:100%;display:flex}._optionWrapper_16f1n_24{cursor:pointer;flex:1;min-width:0}._optionWrapperDisabled_16f1n_30{cursor:not-allowed}._radioInput_16f1n_38:disabled+._optionButton_16f1n_34:hover{transform:none}._errorMessage_16f1n_48{color:#de6565;font-size:13px;font-weight:700}._optionButton_16f1n_34{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_16f1n_38{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._optionTitle_16f1n_90{justify-content:center;align-items:center;width:100%;display:flex}._optionWrapper_16f1n_24:hover ._optionButton_16f1n_34{transform:translateY(-1px)}._radioInput_16f1n_38:disabled+._optionButton_16f1n_34{cursor:not-allowed;opacity:.55;transform:none}._optionDescription_16f1n_107{display:none}._radioLabel_16f1n_114{color:var(--form-input-default-text-label,#272727);margin-bottom:12px}._optionButtonDefault_16f1n_119{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_16f1n_38:checked+._optionButtonDefault_16f1n_119{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325);color:#fff}._radioInput_16f1n_38:not(:checked):not(:disabled)+._optionButtonDefault_16f1n_119:hover{background-color:var(--form-input-default-background-hover,#a7b325);border-color:var(--form-input-default-border-color-hover,#a7b325)}._radioInput_16f1n_38:focus-visible+._optionButtonDefault_16f1n_119{outline:none;box-shadow:0 0 0 3px #a7b32559}._radioLabelGlassy_16f1n_147{color:var(--form-input-glassy-text-label,#fff)}._optionButtonGlassy_16f1n_151{color:#ffffffdb;-webkit-backdrop-filter:blur(12px);background-color:#ffffffb8;border-color:#fff3}._radioInput_16f1n_38:not(:checked):not(:disabled)+._optionButtonGlassy_16f1n_151:hover{background-color:#ffffffd1}._radioInput_16f1n_38:checked+._optionButtonGlassy_16f1n_151{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);color:#fff;box-shadow:inset 0 1px #ffffff40}._radioInput_16f1n_38:focus-visible+._optionButtonGlassy_16f1n_151{outline:none;box-shadow:0 0 0 3px #ffffff59}._optionButtonError_16f1n_178{border-color:#de6565}@media (width<=680px){._optionGroup_16f1n_17{flex-direction:column}._optionButton_16f1n_34{min-height:58px;font-size:18px}}._switchWrapper_bre5n_1{flex-direction:column;gap:6px;display:flex}._switchCheckbox_bre5n_7{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._switchLabel_bre5n_15{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:fit-content;display:inline-flex}._switchLabelDefault_bre5n_24{color:#333}._switchLabelGlassy_bre5n_28{color:#fff}._switchBackground_bre5n_37{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_bre5n_56{background-color:var(--color-gray-light,#d5d5d5);border:1px solid #0000}._switchBackgroundGlassy_bre5n_66{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_bre5n_77{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_bre5n_7:checked+._switchLabel_bre5n_15 ._switchBackgroundDefault_bre5n_56{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._switchBackgroundGlassy_bre5n_66{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);box-shadow:inset 0 1px #ffffff40}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._switchButton_bre5n_77{left:calc(100% - 3px);transform:translate(-100%)}._switchLabel_bre5n_15:active ._switchButton_bre5n_77{width:30px}._switchCheckbox_bre5n_7:focus-visible+._switchLabel_bre5n_15 ._switchBackgroundDefault_bre5n_56{box-shadow:0 0 0 3px #a7b32559}._switchCheckbox_bre5n_7:focus-visible+._switchLabel_bre5n_15 ._switchBackgroundGlassy_bre5n_66{box-shadow:0 0 0 3px #ffffff59}._switchCheckbox_bre5n_7:disabled+._switchLabel_bre5n_15{cursor:not-allowed;opacity:.55}._switchCheckbox_bre5n_7:disabled+._switchLabel_bre5n_15 ._switchButton_bre5n_77{transform:none}._switchCheckbox_bre5n_7:checked:disabled+._switchLabel_bre5n_15 ._switchButton_bre5n_77{left:calc(100% - 3px);transform:translate(-100%)}._switchCheckbox_bre5n_7[aria-invalid=true]+._switchLabel_bre5n_15 ._switchBackground_bre5n_37{box-shadow:0 0 0 2px #de6565}._iconChecked_bre5n_163,._iconUnchecked_bre5n_164{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute}._iconChecked_bre5n_163{color:var(--color-juice-sugarcane,#a7b325);opacity:0;transform:scale(.8)}._iconUnchecked_bre5n_164{color:var(--color-juice-tamarind,#f8a702);opacity:1;transform:scale(1)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._iconChecked_bre5n_163{opacity:1;transform:scale(1)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._iconUnchecked_bre5n_164{opacity:0;transform:scale(.8)}._switchText_bre5n_200{color:currentColor;font-size:15px;line-height:1.4}._errorMessage_bre5n_206{color:#de6565;font-size:13px}._inputBlockVerticalTight_b8zs9_1{--form-input-block-gap:6px;width:100%}._inputTextField_b8zs9_6{color:#272727;background-color:#fff;border:1px solid #dfdfdf;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextField_b8zs9_6:focus{border-color:#d9ab29;box-shadow:0 0 0 3px #d9ab292e}._inputTextFieldGlassy_b8zs9_23{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff59;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextFieldGlassy_b8zs9_23::placeholder{color:#ffffffa6}._inputTextFieldGlassy_b8zs9_23:focus{border-color:#ffffffbf;box-shadow:0 0 0 3px #ffffff2e}._inputError_b8zs9_45{border-color:#de6565}._errorMessage_b8zs9_49{color:#de6565;font-size:.8rem}._wrapper_8acbw_1{flex-direction:column;gap:8px;display:flex}._label_8acbw_7{color:#272727;font-size:14px;font-weight:700}._labelGlassy_8acbw_13{color:#fff}._dropzone_8acbw_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_8acbw_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_8acbw_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_8acbw_48{border-color:#de6565}._disabled_8acbw_52{cursor:not-allowed;opacity:.6}._hiddenInput_8acbw_57{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._dropzoneContent_8acbw_65{cursor:pointer;display:block}._disabled_8acbw_52 ._dropzoneContent_8acbw_65{cursor:not-allowed}._placeholder_8acbw_74{flex-direction:column;gap:6px;display:flex}._big_8acbw_80{color:#272727;font-size:16px;font-weight:800}._small_8acbw_86{color:#5b5a5a;font-size:14px}._hint_8acbw_91{color:#6b7280;margin-top:4px;font-size:12px}._dropzoneGlassy_8acbw_32 ._big_8acbw_80,._dropzoneGlassy_8acbw_32 ._small_8acbw_86,._dropzoneGlassy_8acbw_32 ._hint_8acbw_91{color:#fff}._dropzoneGlassy_8acbw_32 ._small_8acbw_86{opacity:.85}._dropzoneGlassy_8acbw_32 ._hint_8acbw_91{opacity:.7}._selected_8acbw_111{align-items:center;gap:12px;padding-right:96px;display:flex}._preview_8acbw_118{object-fit:cover;background:#ffffff4d;border-radius:14px;flex-shrink:0;width:56px;height:56px}._fileMeta_8acbw_127{flex-direction:column;gap:4px;min-width:0;display:flex}._fileName_8acbw_134{color:#272727;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}._fileSize_8acbw_142{color:#6b7280;font-size:12px}._dropzoneGlassy_8acbw_32 ._fileName_8acbw_134,._dropzoneGlassy_8acbw_32 ._fileSize_8acbw_142{color:#fff}._dropzoneGlassy_8acbw_32 ._fileSize_8acbw_142{opacity:.75}._remove_8acbw_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_8acbw_156:hover{background:#0000002e}._remove_8acbw_156:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:2px}._remove_8acbw_156:disabled{cursor:not-allowed;opacity:.6}._dropzoneGlassy_8acbw_32 ._remove_8acbw_156{color:#fff;background:#fff3}._dropzoneGlassy_8acbw_32 ._remove_8acbw_156:hover{background:#ffffff4d}._errorMessage_8acbw_198{color:#de6565;font-size:13px;font-weight:700}@media (width<=520px){._selected_8acbw_111{flex-direction:column;align-items:flex-start;padding-right:0}._remove_8acbw_156{margin-top:12px;position:static;transform:none}}
+: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-guava:#7b4e80;--color-juice-icetea:#d83a4f;--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);--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-info-text-color:var(--color-text-light);--snackbar-warning-text-color:var(--color-text-light);--snackbar-success-text-color:var(--color-text-light);--snackbar-error-background:var(--color-status-error);--snackbar-error-border-color:var(--color-status-error);--snackbar-error-text-color: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);--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-info-background:var(--color-status-info);--snackbar-info-border-color:var(--color-status-info);--snackbar-warning-background:var(--color-status-warning);--snackbar-warning-border-color:var(--color-status-warning);--snackbar-success-background:var(--color-status-success);--snackbar-success-border-color: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}button,input,select,textarea{font:inherit}.inputBlockVertical{text-align:left;flex-direction:column;gap:4px;height:110px;margin-bottom:16px;display:flex}@media (width<=1024px){.inputBlockVertical{margin-bottom:8px}}.inputBlockHorizontal{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;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)}}._checkboxWrapper_y1lye_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_y1lye_15{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._checkboxLabel_y1lye_24{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;display:inline-flex}._customCheckbox_y1lye_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_y1lye_57{opacity:0;width:1.2rem;height:1.2rem;transition:opacity .14s,transform .16s;transform:scale(.7)}._checkIcon_y1lye_57 path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}._checkboxText_y1lye_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_y1lye_24:hover ._customCheckbox_y1lye_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);transform:translateY(-1px)}._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._checkIcon_y1lye_57{opacity:1;transform:scale(1)}._checkboxInput_y1lye_15:focus-visible+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);outline:none}._checkboxWrapperDisabled_y1lye_107{--checkbox-color:var(--checkbox-disabled-color);--checkbox-text-color:var(--form-input-default-text-label,#5b5a5a)}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24{cursor:not-allowed}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{border-color:var(--checkbox-disabled-color);box-shadow:none;background-color:#0000;transform:none}._checkboxInput_y1lye_15:disabled:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-disabled-color);border-color:var(--checkbox-disabled-color)}._checkboxInput_y1lye_15:disabled+._checkboxLabel_y1lye_24 ._checkboxText_y1lye_76{opacity:.75}._checkboxWrapperError_y1lye_133{--checkbox-color:var(--checkbox-error-color);--checkbox-focus-color:#de65653d}._checkboxWrapperError_y1lye_133 ._customCheckbox_y1lye_34{border-color:var(--checkbox-error-color)}._checkboxWrapperError_y1lye_133 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._errorMessage_y1lye_147{color:var(--checkbox-error-color);padding-left:2.75rem;font-size:.8rem}._checkboxWrapperGlassy_y1lye_154{--checkbox-color:#ffffffb8;--checkbox-text-color:#fff;--checkbox-focus-color:#ffffff3d}._checkboxWrapperGlassy_y1lye_154 ._customCheckbox_y1lye_34{background-color:#ffffff38;border-color:#ffffffb8}._checkboxWrapperGlassy_y1lye_154 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_34{background-color:#ffffff47;border-color:#ffffff47}._checkboxWrapperGlassy_y1lye_154 ._checkboxText_y1lye_76{color:#fff}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133{--checkbox-color:var(--checkbox-error-color);--checkbox-text-color:#fff;--checkbox-focus-color:#de656547}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133 ._customCheckbox_y1lye_34{border-color:var(--checkbox-error-color);background-color:#0000}._checkboxWrapperGlassy_y1lye_154._checkboxWrapperError_y1lye_133 ._checkboxInput_y1lye_15:checked+._checkboxLabel_y1lye_24 ._customCheckbox_y1lye_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_6osqj_1{width:100%;position:relative}._inputDateField_6osqj_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_6osqj_6::-webkit-calendar-picker-indicator{opacity:0;appearance:none;display:none}._inputDateField_6osqj_6::-webkit-inner-spin-button{appearance:none;display:none}._inputDateField_6osqj_6::-webkit-clear-button{appearance:none;display:none}._inputDateField_6osqj_6{appearance:none}._inputDateFieldGlassy_6osqj_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_6osqj_6:focus,._inputDateFieldGlassy_6osqj_38:focus{border-color:var(--color-juice-sugarcane,#a7b325);outline:none}._inputDateField_6osqj_6:disabled{cursor:not-allowed;opacity:.65}._inputError_6osqj_56{border-color:#de6565}._calendarIconButton_6osqj_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_6osqj_60:disabled{cursor:not-allowed;opacity:.6}._calendarIconButton_6osqj_60:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:3px;border-radius:999px}._icon_6osqj_88{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_6osqj_97{color:#de6565;font-size:13px}._inputSelectField_1uwtt_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_1uwtt_12{color:#fff;background:var(--form-input-glassy-background-enabled);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}._inputSelectField_1uwtt_1:focus,._inputSelectFieldGlassy_1uwtt_12:focus{outline:none}._inputError_1uwtt_24{border-color:var(--form-message-error-border-color)}._errorMessage_1uwtt_28{font-size:var(--form-message-font-size);color:var(--form-message-error-text-color)}@supports (appearance:base-select){._inputSelectField_1uwtt_1{appearance:base-select}._inputSelectField_1uwtt_1::picker(select){appearance:base-select}._inputSelectField_1uwtt_1{align-items:center;display:flex}._inputSelectField_1uwtt_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_1uwtt_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_1uwtt_1::picker-icon{color:currentColor;align-content:center;font-size:24px;transition:rotate .16s}._inputSelectField_1uwtt_1:open::picker-icon{rotate:180deg}._inputSelectField_1uwtt_1 option{border-radius:calc(var(--form-input-radius) - 4px);padding:10px 12px}._inputSelectField_1uwtt_1 option:hover,._inputSelectField_1uwtt_1 option:focus{background:#0000000f}._inputSelectField_1uwtt_1 option:checked{background:var(--color-green-light);color:#272727}._inputSelectFieldGlassy_1uwtt_12 option:hover,._inputSelectFieldGlassy_1uwtt_12 option:focus{background:#ffffff29}._inputSelectFieldGlassy_1uwtt_12 option:checked{color:#fff;background:#ffffff3d}._inputSelectField_1uwtt_1 option:disabled,._inputSelectFieldGlassy_1uwtt_12 option:disabled{color:var(--color-form-background-disabled)}}._appLink_b53rv_1{cursor:pointer;align-items:center;gap:8px;width:fit-content;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}._appLinkDefault_b53rv_19{color:var(--link-default-text-label,#272727)}._appLinkDefault_b53rv_19:hover{color:var(--link-default-text-hover,#272727)}._appLinkGlassy_b53rv_30{color:var(--link-glassy-text-label,#272727)}._appLinkGlassy_b53rv_30:hover{color:var(--link-glassy-text-hover,#272727)}._label_b53rv_38{align-items:center;display:inline-flex}._icon_b53rv_43{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}._appLink_b53rv_1:hover ._icon_b53rv_43{transform:translate(3px)}._arrowIcon_b53rv_54{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}._iconButton_14rp3_1{border-radius:var(--button-radius-default,10px);color:var(--button-secondary-text-default,#272727);cursor:pointer;border:0;place-items:center;padding:0;transition:transform .15s,background .2s,color .2s,box-shadow .2s,border-color .2s;display:inline-grid}._withFrame_14rp3_17{border:1px solid var(--button-border-color,#d1d5db);background:var(--button-secondary-background-default,#fff);width:34px;height:34px}._withoutFrame_14rp3_24{background:0 0;width:34px;height:34px}._iconButton_14rp3_1:hover{transform:translateY(-1px)scale(1.02)}._withFrame_14rp3_17:hover{background:var(--button-secondary-background-hover,#f3f4f6)}._withoutFrame_14rp3_24:hover{background:#0000000f}._iconButton_14rp3_1:active{transform:translateY(0)scale(1)}._iconButton_14rp3_1:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:3px}._iconButton_14rp3_1:disabled{cursor:not-allowed;opacity:.55;transform:none}._glassy_14rp3_57{color:#fff}._glassy_14rp3_57._withFrame_14rp3_17{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-color:#ffffff47}._glassy_14rp3_57._withFrame_14rp3_17:hover{background:#ffffff38}._glassy_14rp3_57._withoutFrame_14rp3_24:hover{background:#ffffff1f}._active_14rp3_75{color:var(--colors-juice-sugarcane,#6a7a0a)}._active_14rp3_75._withFrame_14rp3_17{border-color:var(--colors-juice-sugarcane,#a7b325);background:#a7b32524}._small_14rp3_84{border-radius:8px;width:30px;height:30px}._large_14rp3_90{border-radius:12px;width:42px;height:42px}._icon_14rp3_1{justify-content:center;align-items:center;display:inline-flex}._svgIcon_14rp3_102{fill:currentColor;width:18px;height:18px}._small_14rp3_84 ._svgIcon_14rp3_102{width:16px;height:16px}._large_14rp3_90 ._svgIcon_14rp3_102{width:22px;height:22px}._passwordInputWrapper_18lit_1{width:100%;position:relative}._inputTextField_18lit_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_18lit_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_18lit_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextFieldGlassy_18lit_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_18lit_6:disabled{cursor:not-allowed;opacity:.65}._inputError_18lit_40{border-color:#de6565}._togglePasswordButton_18lit_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_18lit_44:hover{color:var(--color-green-dark,#879729)}._togglePasswordButton_18lit_44:focus-visible{outline:2px solid var(--color-green-midnight,#596414);outline-offset:2px;border-radius:999px}._togglePasswordButton_18lit_44:disabled{cursor:not-allowed;opacity:.6}._icon_18lit_76{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_18lit_85{color:#de6565;font-size:13px}._inputWrapper_3w4be_1{width:100%;position:relative}._inputTextField_3w4be_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_3w4be_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_3w4be_6::placeholder{color:#9ca3af}._inputTextFieldGlassy_3w4be_18::placeholder{color:#ffffffb3}._inputTextFieldGlassy_3w4be_18:focus{border-color:var(--form-input-glassy-border-color-selected,#a7b325);outline:none}._inputTextField_3w4be_6:focus{border-color:var(--form-input-default-border-color-selected,#a7b325);outline:none}._inputTextField_3w4be_6:disabled{cursor:not-allowed;opacity:.65}._inputError_3w4be_48{border-color:#de6565}._loading_3w4be_52{color:#6b7280;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._suggestionList_3w4be_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_3w4be_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_3w4be_78:hover,._suggestionItem_3w4be_78:focus-visible{background:#f3f4f6;outline:none}._locality_3w4be_98{font-weight:500}._emptyState_3w4be_102{z-index:10;color:#6b7280;padding:12px 14px;font-size:14px;position:absolute;top:calc(100% + 3px);left:0;right:0}._successMessage_3w4be_113{color:var(--color-juice-sugarcane,#6a7a0a);font-size:13px;font-weight:700}._errorMessage_3w4be_119{color:#de6565;font-size:13px;font-weight:700}._radioGroup_1ba3g_5{width:100%;border:0;flex-direction:column;gap:8px;min-inline-size:0;margin:0 0 16px;padding:0;display:flex}._optionGroup_1ba3g_17{flex-direction:row;gap:8px;width:100%;display:flex}._optionWrapper_1ba3g_24{cursor:pointer;flex:1;min-width:0}._optionWrapperDisabled_1ba3g_30{cursor:not-allowed}._radioInput_1ba3g_38:disabled+._optionButton_1ba3g_34:hover{transform:none}._errorMessage_1ba3g_48{color:#de6565;font-size:13px;font-weight:700}._optionButton_1ba3g_34{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_1ba3g_38{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._optionTitle_1ba3g_90{justify-content:center;align-items:center;width:100%;display:flex}._optionWrapper_1ba3g_24:hover ._optionButton_1ba3g_34{transform:translateY(-1px)}._radioInput_1ba3g_38:disabled+._optionButton_1ba3g_34{cursor:not-allowed;opacity:.55;transform:none}._optionDescription_1ba3g_107{display:none}._radioLegend_1ba3g_114{margin-bottom:12px}._optionButtonDefault_1ba3g_118{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_1ba3g_38:checked+._optionButtonDefault_1ba3g_118{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325);color:#fff}._radioInput_1ba3g_38:not(:checked):not(:disabled)+._optionButtonDefault_1ba3g_118:hover{background-color:var(--form-input-default-background-hover,#a7b325);border-color:var(--form-input-default-border-color-hover,#a7b325)}._radioInput_1ba3g_38:focus-visible+._optionButtonDefault_1ba3g_118{outline:none;box-shadow:0 0 0 3px #a7b32559}._optionButtonGlassy_1ba3g_146{color:#ffffffdb;-webkit-backdrop-filter:blur(12px);background-color:#ffffffb8;border-color:#fff3}._radioInput_1ba3g_38:not(:checked):not(:disabled)+._optionButtonGlassy_1ba3g_146:hover{background-color:#ffffffd1}._radioInput_1ba3g_38:checked+._optionButtonGlassy_1ba3g_146{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);color:#fff;box-shadow:inset 0 1px #ffffff40}._radioInput_1ba3g_38:focus-visible+._optionButtonGlassy_1ba3g_146{outline:none;box-shadow:0 0 0 3px #ffffff59}._optionButtonError_1ba3g_173{border-color:#de6565}@media (width<=680px){._optionGroup_1ba3g_17{flex-direction:column}._optionButton_1ba3g_34{min-height:58px;font-size:18px}}._switchWrapper_bre5n_1{flex-direction:column;gap:6px;display:flex}._switchCheckbox_bre5n_7{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._switchLabel_bre5n_15{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:fit-content;display:inline-flex}._switchLabelDefault_bre5n_24{color:#333}._switchLabelGlassy_bre5n_28{color:#fff}._switchBackground_bre5n_37{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_bre5n_56{background-color:var(--color-gray-light,#d5d5d5);border:1px solid #0000}._switchBackgroundGlassy_bre5n_66{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_bre5n_77{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_bre5n_7:checked+._switchLabel_bre5n_15 ._switchBackgroundDefault_bre5n_56{background-color:var(--color-juice-sugarcane,#a7b325);border-color:var(--color-juice-sugarcane,#a7b325)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._switchBackgroundGlassy_bre5n_66{background-color:var(--color-green-bright,#dbf057);border-color:var(--color-green-bright,#dbf057);box-shadow:inset 0 1px #ffffff40}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._switchButton_bre5n_77{left:calc(100% - 3px);transform:translate(-100%)}._switchLabel_bre5n_15:active ._switchButton_bre5n_77{width:30px}._switchCheckbox_bre5n_7:focus-visible+._switchLabel_bre5n_15 ._switchBackgroundDefault_bre5n_56{box-shadow:0 0 0 3px #a7b32559}._switchCheckbox_bre5n_7:focus-visible+._switchLabel_bre5n_15 ._switchBackgroundGlassy_bre5n_66{box-shadow:0 0 0 3px #ffffff59}._switchCheckbox_bre5n_7:disabled+._switchLabel_bre5n_15{cursor:not-allowed;opacity:.55}._switchCheckbox_bre5n_7:disabled+._switchLabel_bre5n_15 ._switchButton_bre5n_77{transform:none}._switchCheckbox_bre5n_7:checked:disabled+._switchLabel_bre5n_15 ._switchButton_bre5n_77{left:calc(100% - 3px);transform:translate(-100%)}._switchCheckbox_bre5n_7[aria-invalid=true]+._switchLabel_bre5n_15 ._switchBackground_bre5n_37{box-shadow:0 0 0 2px #de6565}._iconChecked_bre5n_163,._iconUnchecked_bre5n_164{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute}._iconChecked_bre5n_163{color:var(--color-juice-sugarcane,#a7b325);opacity:0;transform:scale(.8)}._iconUnchecked_bre5n_164{color:var(--color-juice-tamarind,#f8a702);opacity:1;transform:scale(1)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._iconChecked_bre5n_163{opacity:1;transform:scale(1)}._switchCheckbox_bre5n_7:checked+._switchLabel_bre5n_15 ._iconUnchecked_bre5n_164{opacity:0;transform:scale(.8)}._switchText_bre5n_200{color:currentColor;font-size:15px;line-height:1.4}._errorMessage_bre5n_206{color:#de6565;font-size:13px}._inputBlockVerticalTight_b8zs9_1{--form-input-block-gap:6px;width:100%}._inputTextField_b8zs9_6{color:#272727;background-color:#fff;border:1px solid #dfdfdf;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextField_b8zs9_6:focus{border-color:#d9ab29;box-shadow:0 0 0 3px #d9ab292e}._inputTextFieldGlassy_b8zs9_23{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff59;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}._inputTextFieldGlassy_b8zs9_23::placeholder{color:#ffffffa6}._inputTextFieldGlassy_b8zs9_23:focus{border-color:#ffffffbf;box-shadow:0 0 0 3px #ffffff2e}._inputError_b8zs9_45{border-color:#de6565}._errorMessage_b8zs9_49{color:#de6565;font-size:.8rem}._wrapper_8acbw_1{flex-direction:column;gap:8px;display:flex}._label_8acbw_7{color:#272727;font-size:14px;font-weight:700}._labelGlassy_8acbw_13{color:#fff}._dropzone_8acbw_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_8acbw_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_8acbw_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_8acbw_48{border-color:#de6565}._disabled_8acbw_52{cursor:not-allowed;opacity:.6}._hiddenInput_8acbw_57{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._dropzoneContent_8acbw_65{cursor:pointer;display:block}._disabled_8acbw_52 ._dropzoneContent_8acbw_65{cursor:not-allowed}._placeholder_8acbw_74{flex-direction:column;gap:6px;display:flex}._big_8acbw_80{color:#272727;font-size:16px;font-weight:800}._small_8acbw_86{color:#5b5a5a;font-size:14px}._hint_8acbw_91{color:#6b7280;margin-top:4px;font-size:12px}._dropzoneGlassy_8acbw_32 ._big_8acbw_80,._dropzoneGlassy_8acbw_32 ._small_8acbw_86,._dropzoneGlassy_8acbw_32 ._hint_8acbw_91{color:#fff}._dropzoneGlassy_8acbw_32 ._small_8acbw_86{opacity:.85}._dropzoneGlassy_8acbw_32 ._hint_8acbw_91{opacity:.7}._selected_8acbw_111{align-items:center;gap:12px;padding-right:96px;display:flex}._preview_8acbw_118{object-fit:cover;background:#ffffff4d;border-radius:14px;flex-shrink:0;width:56px;height:56px}._fileMeta_8acbw_127{flex-direction:column;gap:4px;min-width:0;display:flex}._fileName_8acbw_134{color:#272727;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}._fileSize_8acbw_142{color:#6b7280;font-size:12px}._dropzoneGlassy_8acbw_32 ._fileName_8acbw_134,._dropzoneGlassy_8acbw_32 ._fileSize_8acbw_142{color:#fff}._dropzoneGlassy_8acbw_32 ._fileSize_8acbw_142{opacity:.75}._remove_8acbw_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_8acbw_156:hover{background:#0000002e}._remove_8acbw_156:focus-visible{outline:2px solid var(--color-juice-sugarcane,#a7b325);outline-offset:2px}._remove_8acbw_156:disabled{cursor:not-allowed;opacity:.6}._dropzoneGlassy_8acbw_32 ._remove_8acbw_156{color:#fff;background:#fff3}._dropzoneGlassy_8acbw_32 ._remove_8acbw_156:hover{background:#ffffff4d}._errorMessage_8acbw_198{color:#de6565;font-size:13px;font-weight:700}@media (width<=520px){._selected_8acbw_111{flex-direction:column;align-items:flex-start;padding-right:0}._remove_8acbw_156{margin-top:12px;position:static;transform:none}}
 /*$vite$:1*/

package/dist/suus-component-library.js

@@ -329,6 +329,43 @@ function C() {
 	});
 }
 var w = {
+	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"
+};
+//#endregion
+//#region src/components/form/icon-button/IconButton.tsx
+function T({ 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 /* @__PURE__ */ t("button", {
+		type: c,
+		"aria-label": e,
+		title: e,
+		"aria-pressed": a,
+		disabled: l,
+		className: [
+			w.iconButton,
+			i ? w.withFrame : w.withoutFrame,
+			r === "glassy" ? w.glassy : "",
+			a ? w.active : "",
+			o === "small" ? w.small : "",
+			o === "large" ? w.large : "",
+			s ?? ""
+		].filter(Boolean).join(" "),
+		...u,
+		children: /* @__PURE__ */ t("span", {
+			className: w.icon,
+			"aria-hidden": "true",
+			children: n
+		})
+	});
+}
+var E = {
 	passwordInputWrapper: "_passwordInputWrapper_18lit_1",
 	inputTextField: "_inputTextField_18lit_6",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_18lit_18",
@@ -339,7 +376,7 @@ var w = {
 };
 //#endregion
 //#region src/components/form/password/Password.tsx
-function T({ label: e, name: r, id: i, error: a, variant: o = "default", className: c, disabled: l, ref: u, autoComplete: d = "current-password", ...f }) {
+function D({ label: e, name: r, id: i, error: a, variant: o = "default", className: c, disabled: l, ref: u, autoComplete: d = "current-password", ...f }) {
 	let [p, m] = s(!1), h = i ?? r;
 	function g() {
 		m((e) => !e);
@@ -353,7 +390,7 @@ function T({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				className: w.passwordInputWrapper,
+				className: E.passwordInputWrapper,
 				children: [/* @__PURE__ */ t("input", {
 					id: h,
 					name: r,
@@ -362,9 +399,9 @@ function T({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
 					disabled: l,
 					autoComplete: d,
 					className: [
-						w.inputTextField,
-						o === "glassy" ? w.inputTextFieldGlassy : "",
-						a ? w.inputError : "",
+						E.inputTextField,
+						o === "glassy" ? E.inputTextFieldGlassy : "",
+						a ? E.inputError : "",
 						c ?? ""
 					].filter(Boolean).join(" "),
 					"aria-invalid": !!a,
@@ -372,25 +409,25 @@ function T({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
 					...f
 				}), /* @__PURE__ */ t("button", {
 					type: "button",
-					className: w.togglePasswordButton,
+					className: E.togglePasswordButton,
 					onClick: g,
 					disabled: l,
 					"aria-label": p ? "Passwort ausblenden" : "Passwort anzeigen",
 					"aria-pressed": p,
-					children: t(p ? D : E, {})
+					children: t(p ? k : O, {})
 				})]
 			}),
 			a && /* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: w.errorMessage,
+				className: E.errorMessage,
 				children: a
 			})
 		]
 	});
 }
-function E() {
+function O() {
 	return /* @__PURE__ */ n("svg", {
-		className: w.icon,
+		className: E.icon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -402,9 +439,9 @@ function E() {
 		})]
 	});
 }
-function D() {
+function k() {
 	return /* @__PURE__ */ t("svg", {
-		className: w.icon,
+		className: E.icon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -412,7 +449,7 @@ function D() {
 		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" })
 	});
 }
-var O = {
+var A = {
 	inputWrapper: "_inputWrapper_3w4be_1",
 	inputTextField: "_inputTextField_3w4be_6",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_3w4be_18",
@@ -427,8 +464,8 @@ var O = {
 };
 //#endregion
 //#region src/components/form/postal-code/PostalCode.tsx
-function k({ label: e, name: a, id: c, error: l, variant: u = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
-	let b = i(), x = c ?? `${a}-${b}`, S = o(null), C = o(!1), [w, T] = s(""), [E, D] = s([]), [k, A] = s(!1), [j, M] = s(!1), N = w.trim().match(/^(\d+)\s+(.+)$/), P = !!N, F = N?.[1], I = N?.[2], L = P && E.some((e) => e.postalCode === F && e.locality === I), R = /^\d+$/.test(w.trim()), z = w.trim().length >= 4 && R && !k, B = z && E.some((e) => e.postalCode === w.trim()), V = z && !B;
+function j({ label: e, name: a, id: c, error: l, variant: u = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
+	let b = i(), x = c ?? `${a}-${b}`, S = o(null), C = o(!1), [w, T] = s(""), [E, D] = s([]), [O, k] = s(!1), [j, M] = s(!1), N = w.trim().match(/^(\d+)\s+(.+)$/), P = !!N, F = N?.[1], I = N?.[2], L = P && E.some((e) => e.postalCode === F && e.locality === I), R = /^\d+$/.test(w.trim()), z = w.trim().length >= 4 && R && !O, B = z && E.some((e) => e.postalCode === w.trim()), V = z && !B;
 	j && w.trim().length >= 4 && E.length, r(() => {
 		let e = w.trim();
 		if (e.length < 2) {
@@ -441,7 +478,7 @@ function k({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
 		}
 		let t = new AbortController();
 		async function n() {
-			A(!0);
+			k(!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");
@@ -458,7 +495,7 @@ function k({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
 				if (t.signal.aborted) return;
 				console.error(e), D([]), M(!0);
 			} finally {
-				t.signal.aborted || A(!1);
+				t.signal.aborted || k(!1);
 			}
 		}
 		let r = window.setTimeout(n, 300);
@@ -485,7 +522,7 @@ function k({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				className: O.inputWrapper,
+				className: A.inputWrapper,
 				children: [
 					/* @__PURE__ */ t("input", {
 						id: x,
@@ -500,114 +537,113 @@ function k({ label: e, name: a, id: c, error: l, variant: u = "default", classNa
 						onChange: U,
 						onBlur: g,
 						className: [
-							O.inputTextField,
-							u === "glassy" ? O.inputTextFieldGlassy : "",
-							B || L ? O.inputValid : "",
-							V || l ? O.inputError : "",
+							A.inputTextField,
+							u === "glassy" ? A.inputTextFieldGlassy : "",
+							B || L ? A.inputValid : "",
+							V || l ? A.inputError : "",
 							d ?? ""
 						].filter(Boolean).join(" "),
 						"aria-invalid": !!l || V,
 						"aria-describedby": l ? `${a}-error` : void 0,
 						...y
 					}),
-					k && /* @__PURE__ */ t("span", {
-						className: O.loading,
+					O && /* @__PURE__ */ t("span", {
+						className: A.loading,
 						children: "Lädt…"
 					}),
 					E.length > 0 && /* @__PURE__ */ t("ul", {
-						className: O.suggestionList,
+						className: A.suggestionList,
 						children: E.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
 							type: "button",
-							className: O.suggestionItem,
+							className: A.suggestionItem,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: () => W(e),
 							children: [/* @__PURE__ */ t("span", { children: e.postalCode }), /* @__PURE__ */ t("span", {
-								className: O.locality,
+								className: A.locality,
 								children: e.locality
 							})]
 						}) }, e.label))
 					}),
-					j && w.trim().length >= 2 && E.length === 0 && !k && !L && !V && /* @__PURE__ */ t("div", {
-						className: O.emptyState,
+					j && w.trim().length >= 2 && E.length === 0 && !O && !L && !V && /* @__PURE__ */ t("div", {
+						className: A.emptyState,
 						children: "Keine Schweizer PLZ oder Ortschaft gefunden."
 					})
 				]
 			}),
 			B && /* @__PURE__ */ t("span", {
-				className: O.successMessage,
+				className: A.successMessage,
 				children: "Gültige Schweizer Postleitzahl"
 			}),
 			L && /* @__PURE__ */ t("span", {
-				className: O.successMessage,
+				className: A.successMessage,
 				children: "Gültige Schweizer Postleitzahl"
 			}),
 			V && /* @__PURE__ */ t("span", {
-				className: O.errorMessage,
+				className: A.errorMessage,
 				children: "Diese Schweizer Postleitzahl wurde nicht gefunden."
 			}),
 			l && /* @__PURE__ */ t("span", {
 				id: `${a}-error`,
-				className: O.errorMessage,
+				className: A.errorMessage,
 				children: l
 			})
 		]
 	});
 }
-var A = {
-	radioGroup: "_radioGroup_16f1n_5",
-	optionGroup: "_optionGroup_16f1n_17",
-	optionWrapper: "_optionWrapper_16f1n_24",
-	optionWrapperDisabled: "_optionWrapperDisabled_16f1n_30",
-	optionButton: "_optionButton_16f1n_34",
-	radioInput: "_radioInput_16f1n_38",
-	errorMessage: "_errorMessage_16f1n_48",
-	optionTitle: "_optionTitle_16f1n_90",
-	optionDescription: "_optionDescription_16f1n_107",
-	radioLabel: "_radioLabel_16f1n_114",
-	optionButtonDefault: "_optionButtonDefault_16f1n_119",
-	radioLabelGlassy: "_radioLabelGlassy_16f1n_147",
-	optionButtonGlassy: "_optionButtonGlassy_16f1n_151",
-	optionButtonError: "_optionButtonError_16f1n_178"
+var M = {
+	radioGroup: "_radioGroup_1ba3g_5",
+	optionGroup: "_optionGroup_1ba3g_17",
+	optionWrapper: "_optionWrapper_1ba3g_24",
+	optionWrapperDisabled: "_optionWrapperDisabled_1ba3g_30",
+	optionButton: "_optionButton_1ba3g_34",
+	radioInput: "_radioInput_1ba3g_38",
+	errorMessage: "_errorMessage_1ba3g_48",
+	optionTitle: "_optionTitle_1ba3g_90",
+	optionDescription: "_optionDescription_1ba3g_107",
+	radioLegend: "_radioLegend_1ba3g_114",
+	optionButtonDefault: "_optionButtonDefault_1ba3g_118",
+	optionButtonGlassy: "_optionButtonGlassy_1ba3g_146",
+	optionButtonError: "_optionButtonError_1ba3g_173"
 };
 //#endregion
 //#region src/components/form/radiobutton/RadioButton.tsx
-function j({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
+function N({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
 	let f = c !== void 0;
 	return /* @__PURE__ */ n("fieldset", {
-		className: [A.radioGroup].filter(Boolean).join(" "),
+		className: [M.radioGroup].filter(Boolean).join(" "),
 		"aria-invalid": !!a,
 		"aria-describedby": a ? `${r}-error` : void 0,
 		children: [
 			e && /* @__PURE__ */ t("legend", {
-				className: [A.radioLabel, o === "glassy" ? A.radioLabelGlassy : ""].filter(Boolean).join(" "),
+				className: [M.radioLegend, o === "glassy" ? "inputLabelGlassy" : "inputLabel"].filter(Boolean).join(" "),
 				children: e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: A.optionGroup,
+				className: M.optionGroup,
 				children: i.map((e) => {
 					let i = f ? { checked: c === e.value } : { defaultChecked: l === e.value };
 					return /* @__PURE__ */ n("label", {
-						className: [A.optionWrapper, s ? A.optionWrapperDisabled : ""].filter(Boolean).join(" "),
+						className: [M.optionWrapper, s ? M.optionWrapperDisabled : ""].filter(Boolean).join(" "),
 						children: [/* @__PURE__ */ t("input", {
 							type: "radio",
 							name: r,
 							value: e.value,
 							disabled: s,
-							className: A.radioInput,
+							className: M.radioInput,
 							onChange: u,
 							...i,
 							...d
 						}), /* @__PURE__ */ n("span", {
 							className: [
-								A.optionButton,
-								o === "glassy" ? A.optionButtonGlassy : A.optionButtonDefault,
-								a ? A.optionButtonError : ""
+								M.optionButton,
+								o === "glassy" ? M.optionButtonGlassy : M.optionButtonDefault,
+								a ? M.optionButtonError : ""
 							].filter(Boolean).join(" "),
 							children: [/* @__PURE__ */ t("span", {
-								className: A.optionTitle,
+								className: M.optionTitle,
 								children: e.label
 							}), e.description && /* @__PURE__ */ t("span", {
-								className: A.optionDescription,
+								className: M.optionDescription,
 								children: e.description
 							})]
 						})]
@@ -616,13 +652,13 @@ function j({ label: e, name: r, options: i, error: a, variant: o = "default", di
 			}),
 			a && /* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: A.errorMessage,
+				className: M.errorMessage,
 				children: a
 			})
 		]
 	});
 }
-var M = {
+var P = {
 	switchWrapper: "_switchWrapper_bre5n_1",
 	switchCheckbox: "_switchCheckbox_bre5n_7",
 	switchLabel: "_switchLabel_bre5n_15",
@@ -639,51 +675,51 @@ var M = {
 };
 //#endregion
 //#region src/components/form/switch/Switch.tsx
-function N({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
+function F({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
 	let u = r ?? `${e}-switch`;
 	return /* @__PURE__ */ n("div", {
-		className: [M.switchWrapper, s ?? ""].filter(Boolean).join(" "),
+		className: [P.switchWrapper, s ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ t("input", {
 				id: u,
 				name: e,
 				type: "checkbox",
 				disabled: c,
-				className: M.switchCheckbox,
+				className: P.switchCheckbox,
 				"aria-invalid": !!a,
 				"aria-describedby": a ? `${e}-error` : void 0,
 				...l
 			}),
 			/* @__PURE__ */ n("label", {
 				htmlFor: u,
-				className: [M.switchLabel, o === "glassy" ? M.switchLabelGlassy : M.switchLabelDefault].filter(Boolean).join(" "),
+				className: [P.switchLabel, o === "glassy" ? P.switchLabelGlassy : P.switchLabelDefault].filter(Boolean).join(" "),
 				children: [/* @__PURE__ */ t("span", {
-					className: [M.switchBackground, o === "glassy" ? M.switchBackgroundGlassy : M.switchBackgroundDefault].filter(Boolean).join(" "),
+					className: [P.switchBackground, o === "glassy" ? P.switchBackgroundGlassy : P.switchBackgroundDefault].filter(Boolean).join(" "),
 					children: /* @__PURE__ */ n("span", {
-						className: M.switchButton,
+						className: P.switchButton,
 						"aria-hidden": "true",
 						children: [/* @__PURE__ */ t("span", {
-							className: M.iconChecked,
-							children: /* @__PURE__ */ t(P, {})
+							className: P.iconChecked,
+							children: /* @__PURE__ */ t(I, {})
 						}), /* @__PURE__ */ t("span", {
-							className: M.iconUnchecked,
-							children: /* @__PURE__ */ t(F, {})
+							className: P.iconUnchecked,
+							children: /* @__PURE__ */ t(L, {})
 						})]
 					})
 				}), i && /* @__PURE__ */ t("span", {
-					className: M.switchText,
+					className: P.switchText,
 					children: i
 				})]
 			}),
 			a && /* @__PURE__ */ t("span", {
 				id: `${e}-error`,
-				className: M.errorMessage,
+				className: P.errorMessage,
 				children: a
 			})
 		]
 	});
 }
-function P() {
+function I() {
 	return /* @__PURE__ */ t("svg", {
 		width: "16",
 		height: "16",
@@ -699,7 +735,7 @@ function P() {
 		})
 	});
 }
-function F() {
+function L() {
 	return /* @__PURE__ */ t("svg", {
 		width: "16",
 		height: "16",
@@ -714,7 +750,7 @@ function F() {
 		})
 	});
 }
-var I = {
+var R = {
 	inputBlockVerticalTight: "_inputBlockVerticalTight_b8zs9_1",
 	inputTextField: "_inputTextField_b8zs9_6",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_b8zs9_23",
@@ -723,9 +759,9 @@ var I = {
 };
 //#endregion
 //#region src/components/form/textfield/TextField.tsx
-function L({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
+function z({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
 	return /* @__PURE__ */ n("div", {
-		className: ["inputBlockVertical", I.inputBlockVerticalTight].filter(Boolean).join(" "),
+		className: ["inputBlockVertical", R.inputBlockVerticalTight].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ t("label", {
 				htmlFor: r,
@@ -738,9 +774,9 @@ function L({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
 				ref: c,
 				placeholder: a,
 				className: [
-					I.inputTextField,
-					o === "glassy" ? I.inputTextFieldGlassy : "",
-					i ? I.inputError : "",
+					R.inputTextField,
+					o === "glassy" ? R.inputTextFieldGlassy : "",
+					i ? R.inputError : "",
 					s ?? ""
 				].filter(Boolean).join(" "),
 				"aria-invalid": !!i,
@@ -749,13 +785,13 @@ function L({ label: e, name: r, error: i, placeholder: a, variant: o = "default"
 			}),
 			i && /* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: I.errorMessage,
+				className: R.errorMessage,
 				children: i
 			})
 		]
 	});
 }
-var R = {
+var B = {
 	wrapper: "_wrapper_8acbw_1",
 	label: "_label_8acbw_7",
 	labelGlassy: "_labelGlassy_8acbw_13",
@@ -780,7 +816,7 @@ var R = {
 };
 //#endregion
 //#region src/components/form/upload/Upload.tsx
-function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
+function V({ label: e, name: o, id: c, file: l, error: u, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
 	let y = i(), b = c ?? `${o}-${y}`, [x, S] = s(!1), [C, w] = s(l ?? null), T = l !== void 0, E = T ? l : C, D = a(() => !E || !E.type.startsWith("image/") ? null : URL.createObjectURL(E), [E]);
 	r(() => {
 		T && w(l ?? null);
@@ -811,20 +847,20 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 	}
 	let F = Math.round(p / (1024 * 1024));
 	return /* @__PURE__ */ n("div", {
-		className: [R.wrapper, h ?? ""].filter(Boolean).join(" "),
+		className: [B.wrapper, h ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ t("label", {
-				className: [R.label, d === "glassy" ? R.labelGlassy : ""].filter(Boolean).join(" "),
+				className: [B.label, d === "glassy" ? B.labelGlassy : ""].filter(Boolean).join(" "),
 				htmlFor: b,
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
 				className: [
-					R.dropzone,
-					d === "glassy" ? R.dropzoneGlassy : "",
-					x ? R.dragOver : "",
-					u ? R.errorState : "",
-					m ? R.disabled : ""
+					B.dropzone,
+					d === "glassy" ? B.dropzoneGlassy : "",
+					x ? B.dragOver : "",
+					u ? B.errorState : "",
+					m ? B.disabled : ""
 				].filter(Boolean).join(" "),
 				onDragOver: j,
 				onDragLeave: M,
@@ -833,7 +869,7 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 					/* @__PURE__ */ t("input", {
 						id: b,
 						name: o,
-						className: R.hiddenInput,
+						className: B.hiddenInput,
 						type: "file",
 						accept: f,
 						disabled: m,
@@ -844,20 +880,20 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 					}),
 					/* @__PURE__ */ t("label", {
 						htmlFor: b,
-						className: R.dropzoneContent,
+						className: B.dropzoneContent,
 						children: E ? /* @__PURE__ */ n("span", {
-							className: R.selected,
+							className: B.selected,
 							children: [D && /* @__PURE__ */ t("img", {
-								className: R.preview,
+								className: B.preview,
 								src: D,
 								alt: `Vorschau von ${E.name}`
 							}), /* @__PURE__ */ n("span", {
-								className: R.fileMeta,
+								className: B.fileMeta,
 								children: [/* @__PURE__ */ t("span", {
-									className: R.fileName,
+									className: B.fileName,
 									children: E.name
 								}), /* @__PURE__ */ n("span", {
-									className: R.fileSize,
+									className: B.fileSize,
 									children: [
 										(E.size / 1024).toFixed(0),
 										" KB ·",
@@ -867,18 +903,18 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 								})]
 							})]
 						}) : /* @__PURE__ */ n("span", {
-							className: R.placeholder,
+							className: B.placeholder,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: R.big,
+									className: B.big,
 									children: "Datei hier reinziehen"
 								}),
 								/* @__PURE__ */ t("span", {
-									className: R.small,
+									className: B.small,
 									children: "…oder klicken, um auszuwählen"
 								}),
 								/* @__PURE__ */ n("span", {
-									className: R.hint,
+									className: B.hint,
 									children: [
 										"Erlaubt: ",
 										f,
@@ -892,7 +928,7 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 					}),
 					E && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: R.remove,
+						className: B.remove,
 						onClick: P,
 						disabled: m,
 						children: "Entfernen"
@@ -901,11 +937,11 @@ function z({ label: e, name: o, id: c, file: l, error: u, variant: d = "default"
 			}),
 			u && /* @__PURE__ */ t("span", {
 				id: `${o}-error`,
-				className: R.errorMessage,
+				className: B.errorMessage,
 				children: u
 			})
 		]
 	});
 }
 //#endregion
-export { l as Button, d as Checkbox, p as Chip, h as DatePicker, b as Dropdown, S as Link, T as Password, k as PostalCode, j as RadioButton, N as Switch, L as TextField, z as Upload };
+export { l as Button, d as Checkbox, p as Chip, h as DatePicker, b as Dropdown, T as IconButton, S as Link, D as Password, j as PostalCode, N as RadioButton, F as Switch, z as TextField, V as Upload };

package/dist/suus-component-library.umd.cjs

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--color-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:n,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[r.suusButton,r[s],o?r.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${r.loader} ${s===`primary`?``:r.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:r.icon,children:l}):null,(0,t.jsx)(`span`,{className:r.label,children:e})]})})}var a={checkboxWrapper:`_checkboxWrapper_y1lye_1`,checkboxInput:`_checkboxInput_y1lye_15`,checkboxLabel:`_checkboxLabel_y1lye_24`,customCheckbox:`_customCheckbox_y1lye_34`,checkIcon:`_checkIcon_y1lye_57`,checkboxText:`_checkboxText_y1lye_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_y1lye_107`,checkboxWrapperError:`_checkboxWrapperError_y1lye_133`,errorMessage:`_errorMessage_y1lye_147`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_y1lye_154`};function o({label:e,name:n,id:r,error:i,variant:o=`default`,className:s,disabled:c,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[a.checkboxWrapper,o===`glassy`?a.checkboxWrapperGlassy:``,i?a.checkboxWrapperError:``,c?a.checkboxWrapperDisabled:``,s??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:c,className:a.checkboxInput,"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:a.checkboxLabel,children:[(0,t.jsx)(`span`,{className:a.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:a.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:a.checkboxText,children:e})]}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:a.errorMessage,children:i})]})}var s={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function c({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:c,className:l,...u}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),c?.(t),u.onClick?.(e)}let g=r===`glassy`?s.chipGlassy:s.chipDefault,_=m?s.chipChecked:``,v=i?``:s.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[s.chip,g,_,l??``].filter(Boolean).join(` `),onClick:h,...u,children:e}):(0,t.jsx)(`span`,{className:[s.chip,g,_,v,l??``].filter(Boolean).join(` `),children:e})}var l={dateInputWrapper:`_dateInputWrapper_6osqj_1`,inputDateField:`_inputDateField_6osqj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_6osqj_38`,inputError:`_inputError_6osqj_56`,calendarIconButton:`_calendarIconButton_6osqj_60`,icon:`_icon_6osqj_88`,errorMessage:`_errorMessage_6osqj_97`};function u({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:u=`default`,className:m,ref:h,onDateChange:g,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof h==`function`?h(e):h&&(h.current=e)}function w(e){let t=e.target.value;if(!t){g?.(null);return}g?.(f(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[`inputLabel`,u===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:l.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:d(a),max:d(S),min:s?d(s):void 0,disabled:v,onChange:w,onBlur:_,className:[l.inputDateField,u===`glassy`?l.inputDateFieldGlassy:``,c?l.inputError:``,m??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":c?`${r}-error`:void 0,...y}),(0,t.jsx)(`button`,{type:`button`,className:l.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(p,{})})]}),c&&(0,t.jsx)(`span`,{id:`${r}-error`,className:l.errorMessage,children:c})]})}function d(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function f(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function p(){return(0,t.jsxs)(`svg`,{className:l.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 m={inputSelectField:`_inputSelectField_1uwtt_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1uwtt_12`,inputError:`_inputError_1uwtt_24`,errorMessage:`_errorMessage_1uwtt_28`};function h({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:[m.inputSelectField,o===`glassy`?m.inputSelectFieldGlassy:``,a?m.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${n}-error`:void 0,...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))]}),a&&(0,t.jsx)(`span`,{id:`${n}-error`,className:m.errorMessage,children:a})]})}var g={appLink:`_appLink_b53rv_1`,appLinkDefault:`_appLinkDefault_b53rv_19`,appLinkGlassy:`_appLinkGlassy_b53rv_30`,label:`_label_b53rv_38`,icon:`_icon_b53rv_43`,arrowIcon:`_arrowIcon_b53rv_54`};function _({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,variant:o=`default`,className:s,...c}){function l(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:l,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[g.appLink,o===`glassy`?g.appLinkGlassy:g.appLinkDefault,s??``].filter(Boolean).join(` `),...c,children:[(0,t.jsx)(`span`,{className:g.label,children:e}),a&&(0,t.jsx)(`span`,{className:g.icon,"aria-hidden":`true`,children:(0,t.jsx)(v,{})})]})}function v(){return(0,t.jsxs)(`svg`,{className:g.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}var y={passwordInputWrapper:`_passwordInputWrapper_18lit_1`,inputTextField:`_inputTextField_18lit_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_18lit_18`,inputError:`_inputError_18lit_40`,togglePasswordButton:`_togglePasswordButton_18lit_44`,icon:`_icon_18lit_76`,errorMessage:`_errorMessage_18lit_85`};function b({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:y.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[y.inputTextField,o===`glassy`?y.inputTextFieldGlassy:``,a?y.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${r}-error`:void 0,...d}),(0,t.jsx)(`button`,{type:`button`,className:y.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(S,{}):(0,t.jsx)(x,{})})]}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:y.errorMessage,children:a})]})}function x(){return(0,t.jsxs)(`svg`,{className:y.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 S(){return(0,t.jsx)(`svg`,{className:y.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 C={inputWrapper:`_inputWrapper_3w4be_1`,inputTextField:`_inputTextField_3w4be_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_3w4be_18`,inputError:`_inputError_3w4be_48`,loading:`_loading_3w4be_52`,suggestionList:`_suggestionList_3w4be_61`,suggestionItem:`_suggestionItem_3w4be_78`,locality:`_locality_3w4be_98`,emptyState:`_emptyState_3w4be_102`,successMessage:`_successMessage_3w4be_113`,errorMessage:`_errorMessage_3w4be_119`};function w({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,w]=(0,n.useState)([]),[T,E]=(0,n.useState)(!1),[D,O]=(0,n.useState)(!1),k=b.trim().match(/^(\d+)\s+(.+)$/),A=!!k,j=k?.[1],M=k?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!T,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I;D&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){w([]),O(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){E(!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();w(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)),O(!0)}catch(e){if(t.signal.aborted)return;console.error(e),w([]),O(!0)}finally{t.signal.aborted||E(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function R(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function z(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function B(e){y.current=!0,x(e.label),w([]),O(!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:C.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:R,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:z,onBlur:f,className:[C.inputTextField,o===`glassy`?C.inputTextFieldGlassy:``,I||N?C.inputValid:``,L||a?C.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a||L,"aria-describedby":a?`${r}-error`:void 0,...h}),T&&(0,t.jsx)(`span`,{className:C.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:C.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:C.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>B(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:C.locality,children:e.locality})]})},e.label))}),D&&b.trim().length>=2&&S.length===0&&!T&&!N&&!L&&(0,t.jsx)(`div`,{className:C.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:C.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:C.successMessage,children:`Gültige Schweizer Postleitzahl`}),L&&(0,t.jsx)(`span`,{className:C.errorMessage,children:`Diese Schweizer Postleitzahl wurde nicht gefunden.`}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:C.errorMessage,children:a})]})}var T={radioGroup:`_radioGroup_16f1n_5`,optionGroup:`_optionGroup_16f1n_17`,optionWrapper:`_optionWrapper_16f1n_24`,optionWrapperDisabled:`_optionWrapperDisabled_16f1n_30`,optionButton:`_optionButton_16f1n_34`,radioInput:`_radioInput_16f1n_38`,errorMessage:`_errorMessage_16f1n_48`,optionTitle:`_optionTitle_16f1n_90`,optionDescription:`_optionDescription_16f1n_107`,radioLabel:`_radioLabel_16f1n_114`,optionButtonDefault:`_optionButtonDefault_16f1n_119`,radioLabelGlassy:`_radioLabelGlassy_16f1n_147`,optionButtonGlassy:`_optionButtonGlassy_16f1n_151`,optionButtonError:`_optionButtonError_16f1n_178`};function E({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.jsxs)(`fieldset`,{className:[T.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,children:[e&&(0,t.jsx)(`legend`,{className:[T.radioLabel,a===`glassy`?T.radioLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:T.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[T.optionWrapper,o?T.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:T.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[T.optionButton,a===`glassy`?T.optionButtonGlassy:T.optionButtonDefault,i?T.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:T.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:T.optionDescription,children:e.description})]})]},e.value)})}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:T.errorMessage,children:i})]})}var D={switchWrapper:`_switchWrapper_bre5n_1`,switchCheckbox:`_switchCheckbox_bre5n_7`,switchLabel:`_switchLabel_bre5n_15`,switchLabelDefault:`_switchLabelDefault_bre5n_24`,switchLabelGlassy:`_switchLabelGlassy_bre5n_28`,switchBackground:`_switchBackground_bre5n_37`,switchBackgroundDefault:`_switchBackgroundDefault_bre5n_56`,switchBackgroundGlassy:`_switchBackgroundGlassy_bre5n_66`,switchButton:`_switchButton_bre5n_77`,iconChecked:`_iconChecked_bre5n_163`,iconUnchecked:`_iconUnchecked_bre5n_164`,switchText:`_switchText_bre5n_200`,errorMessage:`_errorMessage_bre5n_206`};function O({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsxs)(`div`,{className:[D.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:D.switchCheckbox,"aria-invalid":!!i,"aria-describedby":i?`${e}-error`:void 0,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[D.switchLabel,a===`glassy`?D.switchLabelGlassy:D.switchLabelDefault].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:[D.switchBackground,a===`glassy`?D.switchBackgroundGlassy:D.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:D.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:D.iconChecked,children:(0,t.jsx)(k,{})}),(0,t.jsx)(`span`,{className:D.iconUnchecked,children:(0,t.jsx)(A,{})})]})}),r&&(0,t.jsx)(`span`,{className:D.switchText,children:r})]}),i&&(0,t.jsx)(`span`,{id:`${e}-error`,className:D.errorMessage,children:i})]})}function k(){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 A(){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 j={inputBlockVerticalTight:`_inputBlockVerticalTight_b8zs9_1`,inputTextField:`_inputTextField_b8zs9_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_b8zs9_23`,inputError:`_inputError_b8zs9_45`,errorMessage:`_errorMessage_b8zs9_49`};function M({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:[`inputBlockVertical`,j.inputBlockVerticalTight].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[j.inputTextField,a===`glassy`?j.inputTextFieldGlassy:``,r?j.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":r?`${n}-error`:void 0,...c}),r&&(0,t.jsx)(`span`,{id:`${n}-error`,className:j.errorMessage,children:r})]})}var N={wrapper:`_wrapper_8acbw_1`,label:`_label_8acbw_7`,labelGlassy:`_labelGlassy_8acbw_13`,dropzone:`_dropzone_8acbw_17`,dropzoneGlassy:`_dropzoneGlassy_8acbw_32`,dragOver:`_dragOver_8acbw_39`,errorState:`_errorState_8acbw_48`,disabled:`_disabled_8acbw_52`,hiddenInput:`_hiddenInput_8acbw_57`,dropzoneContent:`_dropzoneContent_8acbw_65`,placeholder:`_placeholder_8acbw_74`,big:`_big_8acbw_80`,small:`_small_8acbw_86`,hint:`_hint_8acbw_91`,selected:`_selected_8acbw_111`,preview:`_preview_8acbw_118`,fileMeta:`_fileMeta_8acbw_127`,fileName:`_fileName_8acbw_134`,fileSize:`_fileSize_8acbw_142`,remove:`_remove_8acbw_156`,errorMessage:`_errorMessage_8acbw_198`};function P({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:[N.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[N.label,s===`glassy`?N.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[N.dropzone,s===`glassy`?N.dropzoneGlassy:``,_?N.dragOver:``,o?N.errorState:``,u?N.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:N.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":o?`${r}-error`:void 0,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:N.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:N.selected,children:[C&&(0,t.jsx)(`img`,{className:N.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:N.fileMeta,children:[(0,t.jsx)(`span`,{className:N.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:N.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:N.placeholder,children:[(0,t.jsx)(`span`,{className:N.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:N.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:N.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:N.remove,onClick:A,disabled:u,children:`Entfernen`})]}),o&&(0,t.jsx)(`span`,{id:`${r}-error`,className:N.errorMessage,children:o})]})}e.Button=i,e.Checkbox=o,e.Chip=c,e.DatePicker=u,e.Dropdown=h,e.Link=_,e.Password=b,e.PostalCode=w,e.RadioButton=E,e.Switch=O,e.TextField=M,e.Upload=P});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime,e.React))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r={suusButton:`_suusButton_1ucmz_1`,icon:`_icon_1ucmz_45`,label:`_label_1ucmz_62`,primary:`_primary_1ucmz_69`,secondary:`_secondary_1ucmz_113`,loading:`_loading_1ucmz_169`,loader:`_loader_1ucmz_173`,"btn-spin":`_btn-spin_1ucmz_1`,loaderSecondary:`_loaderSecondary_1ucmz_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--color-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:n,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[r.suusButton,r[s],o?r.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${r.loader} ${s===`primary`?``:r.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:r.icon,children:l}):null,(0,t.jsx)(`span`,{className:r.label,children:e})]})})}var a={checkboxWrapper:`_checkboxWrapper_y1lye_1`,checkboxInput:`_checkboxInput_y1lye_15`,checkboxLabel:`_checkboxLabel_y1lye_24`,customCheckbox:`_customCheckbox_y1lye_34`,checkIcon:`_checkIcon_y1lye_57`,checkboxText:`_checkboxText_y1lye_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_y1lye_107`,checkboxWrapperError:`_checkboxWrapperError_y1lye_133`,errorMessage:`_errorMessage_y1lye_147`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_y1lye_154`};function o({label:e,name:n,id:r,error:i,variant:o=`default`,className:s,disabled:c,...l}){let u=r??`${n}-checkbox`;return(0,t.jsxs)(`div`,{className:[a.checkboxWrapper,o===`glassy`?a.checkboxWrapperGlassy:``,i?a.checkboxWrapperError:``,c?a.checkboxWrapperDisabled:``,s??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`checkbox`,id:u,name:n,disabled:c,className:a.checkboxInput,"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,...l}),(0,t.jsxs)(`label`,{htmlFor:u,className:a.checkboxLabel,children:[(0,t.jsx)(`span`,{className:a.customCheckbox,"aria-hidden":`true`,children:(0,t.jsx)(`svg`,{className:a.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:a.checkboxText,children:e})]}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:a.errorMessage,children:i})]})}var s={chip:`_chip_1po0g_1`,chipDefault:`_chipDefault_1po0g_21`,chipGlassy:`_chipGlassy_1po0g_36`,chipChecked:`_chipChecked_1po0g_49`,chipDisabled:`_chipDisabled_1po0g_56`};function c({children:e,variant:r=`default`,clickable:i=!0,checked:a,defaultChecked:o=!1,onCheckedChange:c,className:l,...u}){let[d,f]=(0,n.useState)(o),p=typeof a==`boolean`,m=p?a:d;function h(e){if(!i)return;let t=!m;p||f(t),c?.(t),u.onClick?.(e)}let g=r===`glassy`?s.chipGlassy:s.chipDefault,_=m?s.chipChecked:``,v=i?``:s.chipDisabled;return i?(0,t.jsx)(`button`,{type:`button`,"aria-pressed":m,className:[s.chip,g,_,l??``].filter(Boolean).join(` `),onClick:h,...u,children:e}):(0,t.jsx)(`span`,{className:[s.chip,g,_,v,l??``].filter(Boolean).join(` `),children:e})}var l={dateInputWrapper:`_dateInputWrapper_6osqj_1`,inputDateField:`_inputDateField_6osqj_6`,inputDateFieldGlassy:`_inputDateFieldGlassy_6osqj_38`,inputError:`_inputError_6osqj_56`,calendarIconButton:`_calendarIconButton_6osqj_60`,icon:`_icon_6osqj_88`,errorMessage:`_errorMessage_6osqj_97`};function u({label:e,name:r,id:i,value:a=null,maxDate:o,minDate:s,error:c,variant:u=`default`,className:m,ref:h,onDateChange:g,onBlur:_,disabled:v,...y}){let b=i??r,x=(0,n.useRef)(null),S=o??new Date;function C(e){x.current=e,typeof h==`function`?h(e):h&&(h.current=e)}function w(e){let t=e.target.value;if(!t){g?.(null);return}g?.(f(t))}function T(){v||(x.current?.showPicker?.(),x.current?.focus())}return(0,t.jsxs)(`div`,{className:`inputBlockVertical`,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[`inputLabel`,u===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:l.dateInputWrapper,children:[(0,t.jsx)(`input`,{id:b,name:r,ref:C,type:`date`,value:d(a),max:d(S),min:s?d(s):void 0,disabled:v,onChange:w,onBlur:_,className:[l.inputDateField,u===`glassy`?l.inputDateFieldGlassy:``,c?l.inputError:``,m??``].filter(Boolean).join(` `),"aria-invalid":!!c,"aria-describedby":c?`${r}-error`:void 0,...y}),(0,t.jsx)(`button`,{type:`button`,className:l.calendarIconButton,onClick:T,disabled:v,"aria-label":`Datum auswählen`,tabIndex:-1,children:(0,t.jsx)(p,{})})]}),c&&(0,t.jsx)(`span`,{id:`${r}-error`,className:l.errorMessage,children:c})]})}function d(e){return e?`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`:``}function f(e){let[t,n,r]=e.split(`-`).map(Number);return new Date(t,n-1,r)}function p(){return(0,t.jsxs)(`svg`,{className:l.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 m={inputSelectField:`_inputSelectField_1uwtt_1`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1uwtt_12`,inputError:`_inputError_1uwtt_24`,errorMessage:`_errorMessage_1uwtt_28`};function h({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:[m.inputSelectField,o===`glassy`?m.inputSelectFieldGlassy:``,a?m.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${n}-error`:void 0,...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))]}),a&&(0,t.jsx)(`span`,{id:`${n}-error`,className:m.errorMessage,children:a})]})}var g={appLink:`_appLink_b53rv_1`,appLinkDefault:`_appLinkDefault_b53rv_19`,appLinkGlassy:`_appLinkGlassy_b53rv_30`,label:`_label_b53rv_38`,icon:`_icon_b53rv_43`,arrowIcon:`_arrowIcon_b53rv_54`};function _({children:e,href:n,onClick:r,newTab:i=!1,showArrow:a=!0,variant:o=`default`,className:s,...c}){function l(e){n||e.preventDefault(),r?.(e)}return(0,t.jsxs)(`a`,{href:n??`#`,onClick:l,target:n&&i?`_blank`:void 0,rel:n&&i?`noopener noreferrer`:void 0,className:[g.appLink,o===`glassy`?g.appLinkGlassy:g.appLinkDefault,s??``].filter(Boolean).join(` `),...c,children:[(0,t.jsx)(`span`,{className:g.label,children:e}),a&&(0,t.jsx)(`span`,{className:g.icon,"aria-hidden":`true`,children:(0,t.jsx)(v,{})})]})}function v(){return(0,t.jsxs)(`svg`,{className:g.arrowIcon,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,t.jsx)(`path`,{d:`M5 12H19`}),(0,t.jsx)(`path`,{d:`M13 6L19 12L13 18`})]})}var y={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 b({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:[y.iconButton,i?y.withFrame:y.withoutFrame,r===`glassy`?y.glassy:``,a?y.active:``,o===`small`?y.small:``,o===`large`?y.large:``,s??``].filter(Boolean).join(` `),...u,children:(0,t.jsx)(`span`,{className:y.icon,"aria-hidden":`true`,children:n})})}var x={passwordInputWrapper:`_passwordInputWrapper_18lit_1`,inputTextField:`_inputTextField_18lit_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_18lit_18`,inputError:`_inputError_18lit_40`,togglePasswordButton:`_togglePasswordButton_18lit_44`,icon:`_icon_18lit_76`,errorMessage:`_errorMessage_18lit_85`};function S({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:x.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:m,name:r,ref:l,type:f?`text`:`password`,disabled:c,autoComplete:u,className:[x.inputTextField,o===`glassy`?x.inputTextFieldGlassy:``,a?x.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${r}-error`:void 0,...d}),(0,t.jsx)(`button`,{type:`button`,className:x.togglePasswordButton,onClick:h,disabled:c,"aria-label":f?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":f,children:f?(0,t.jsx)(w,{}):(0,t.jsx)(C,{})})]}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:x.errorMessage,children:a})]})}function C(){return(0,t.jsxs)(`svg`,{className:x.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 w(){return(0,t.jsx)(`svg`,{className:x.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 T={inputWrapper:`_inputWrapper_3w4be_1`,inputTextField:`_inputTextField_3w4be_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_3w4be_18`,inputError:`_inputError_3w4be_48`,loading:`_loading_3w4be_52`,suggestionList:`_suggestionList_3w4be_61`,suggestionItem:`_suggestionItem_3w4be_78`,locality:`_locality_3w4be_98`,emptyState:`_emptyState_3w4be_102`,successMessage:`_successMessage_3w4be_113`,errorMessage:`_errorMessage_3w4be_119`};function E({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,E]=(0,n.useState)(!1),[D,O]=(0,n.useState)(!1),k=b.trim().match(/^(\d+)\s+(.+)$/),A=!!k,j=k?.[1],M=k?.[2],N=A&&S.some(e=>e.postalCode===j&&e.locality===M),P=/^\d+$/.test(b.trim()),F=b.trim().length>=4&&P&&!w,I=F&&S.some(e=>e.postalCode===b.trim()),L=F&&!I;D&&b.trim().length>=4&&S.length,(0,n.useEffect)(()=>{let e=b.trim();if(e.length<2){C([]),O(!1);return}if(y.current){y.current=!1;return}let t=new AbortController;async function n(){E(!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)),O(!0)}catch(e){if(t.signal.aborted)return;console.error(e),C([]),O(!0)}finally{t.signal.aborted||E(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[b]);function R(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function z(e){let t=e.target.value;x(t),p?.(t),d?.(e)}function B(e){y.current=!0,x(e.label),C([]),O(!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:T.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:R,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:b,onChange:z,onBlur:f,className:[T.inputTextField,o===`glassy`?T.inputTextFieldGlassy:``,I||N?T.inputValid:``,L||a?T.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a||L,"aria-describedby":a?`${r}-error`:void 0,...h}),w&&(0,t.jsx)(`span`,{className:T.loading,children:`Lädt…`}),S.length>0&&(0,t.jsx)(`ul`,{className:T.suggestionList,children:S.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:T.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>B(e),children:[(0,t.jsx)(`span`,{children:e.postalCode}),(0,t.jsx)(`span`,{className:T.locality,children:e.locality})]})},e.label))}),D&&b.trim().length>=2&&S.length===0&&!w&&!N&&!L&&(0,t.jsx)(`div`,{className:T.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),I&&(0,t.jsx)(`span`,{className:T.successMessage,children:`Gültige Schweizer Postleitzahl`}),N&&(0,t.jsx)(`span`,{className:T.successMessage,children:`Gültige Schweizer Postleitzahl`}),L&&(0,t.jsx)(`span`,{className:T.errorMessage,children:`Diese Schweizer Postleitzahl wurde nicht gefunden.`}),a&&(0,t.jsx)(`span`,{id:`${r}-error`,className:T.errorMessage,children:a})]})}var D={radioGroup:`_radioGroup_1ba3g_5`,optionGroup:`_optionGroup_1ba3g_17`,optionWrapper:`_optionWrapper_1ba3g_24`,optionWrapperDisabled:`_optionWrapperDisabled_1ba3g_30`,optionButton:`_optionButton_1ba3g_34`,radioInput:`_radioInput_1ba3g_38`,errorMessage:`_errorMessage_1ba3g_48`,optionTitle:`_optionTitle_1ba3g_90`,optionDescription:`_optionDescription_1ba3g_107`,radioLegend:`_radioLegend_1ba3g_114`,optionButtonDefault:`_optionButtonDefault_1ba3g_118`,optionButtonGlassy:`_optionButtonGlassy_1ba3g_146`,optionButtonError:`_optionButtonError_1ba3g_173`};function O({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.jsxs)(`fieldset`,{className:[D.radioGroup].filter(Boolean).join(` `),"aria-invalid":!!i,"aria-describedby":i?`${n}-error`:void 0,children:[e&&(0,t.jsx)(`legend`,{className:[D.radioLegend,a===`glassy`?`inputLabelGlassy`:`inputLabel`].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`div`,{className:D.optionGroup,children:r.map(e=>{let r=d?{checked:s===e.value}:{defaultChecked:c===e.value};return(0,t.jsxs)(`label`,{className:[D.optionWrapper,o?D.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:o,className:D.radioInput,onChange:l,...r,...u}),(0,t.jsxs)(`span`,{className:[D.optionButton,a===`glassy`?D.optionButtonGlassy:D.optionButtonDefault,i?D.optionButtonError:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:D.optionTitle,children:e.label}),e.description&&(0,t.jsx)(`span`,{className:D.optionDescription,children:e.description})]})]},e.value)})}),i&&(0,t.jsx)(`span`,{id:`${n}-error`,className:D.errorMessage,children:i})]})}var k={switchWrapper:`_switchWrapper_bre5n_1`,switchCheckbox:`_switchCheckbox_bre5n_7`,switchLabel:`_switchLabel_bre5n_15`,switchLabelDefault:`_switchLabelDefault_bre5n_24`,switchLabelGlassy:`_switchLabelGlassy_bre5n_28`,switchBackground:`_switchBackground_bre5n_37`,switchBackgroundDefault:`_switchBackgroundDefault_bre5n_56`,switchBackgroundGlassy:`_switchBackgroundGlassy_bre5n_66`,switchButton:`_switchButton_bre5n_77`,iconChecked:`_iconChecked_bre5n_163`,iconUnchecked:`_iconUnchecked_bre5n_164`,switchText:`_switchText_bre5n_200`,errorMessage:`_errorMessage_bre5n_206`};function A({name:e,id:n,label:r,error:i,variant:a=`default`,className:o,disabled:s,...c}){let l=n??`${e}-switch`;return(0,t.jsxs)(`div`,{className:[k.switchWrapper,o??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{id:l,name:e,type:`checkbox`,disabled:s,className:k.switchCheckbox,"aria-invalid":!!i,"aria-describedby":i?`${e}-error`:void 0,...c}),(0,t.jsxs)(`label`,{htmlFor:l,className:[k.switchLabel,a===`glassy`?k.switchLabelGlassy:k.switchLabelDefault].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:[k.switchBackground,a===`glassy`?k.switchBackgroundGlassy:k.switchBackgroundDefault].filter(Boolean).join(` `),children:(0,t.jsxs)(`span`,{className:k.switchButton,"aria-hidden":`true`,children:[(0,t.jsx)(`span`,{className:k.iconChecked,children:(0,t.jsx)(j,{})}),(0,t.jsx)(`span`,{className:k.iconUnchecked,children:(0,t.jsx)(M,{})})]})}),r&&(0,t.jsx)(`span`,{className:k.switchText,children:r})]}),i&&(0,t.jsx)(`span`,{id:`${e}-error`,className:k.errorMessage,children:i})]})}function j(){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 M(){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 N={inputBlockVerticalTight:`_inputBlockVerticalTight_b8zs9_1`,inputTextField:`_inputTextField_b8zs9_6`,inputTextFieldGlassy:`_inputTextFieldGlassy_b8zs9_23`,inputError:`_inputError_b8zs9_45`,errorMessage:`_errorMessage_b8zs9_49`};function P({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:[`inputBlockVertical`,N.inputBlockVerticalTight].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{htmlFor:n,className:[`inputLabel`,a===`glassy`?`inputLabelGlassy`:``].filter(Boolean).join(` `),children:e}),(0,t.jsx)(`input`,{id:n,name:n,ref:s,placeholder:i,className:[N.inputTextField,a===`glassy`?N.inputTextFieldGlassy:``,r?N.inputError:``,o??``].filter(Boolean).join(` `),"aria-invalid":!!r,"aria-describedby":r?`${n}-error`:void 0,...c}),r&&(0,t.jsx)(`span`,{id:`${n}-error`,className:N.errorMessage,children:r})]})}var F={wrapper:`_wrapper_8acbw_1`,label:`_label_8acbw_7`,labelGlassy:`_labelGlassy_8acbw_13`,dropzone:`_dropzone_8acbw_17`,dropzoneGlassy:`_dropzoneGlassy_8acbw_32`,dragOver:`_dragOver_8acbw_39`,errorState:`_errorState_8acbw_48`,disabled:`_disabled_8acbw_52`,hiddenInput:`_hiddenInput_8acbw_57`,dropzoneContent:`_dropzoneContent_8acbw_65`,placeholder:`_placeholder_8acbw_74`,big:`_big_8acbw_80`,small:`_small_8acbw_86`,hint:`_hint_8acbw_91`,selected:`_selected_8acbw_111`,preview:`_preview_8acbw_118`,fileMeta:`_fileMeta_8acbw_127`,fileName:`_fileName_8acbw_134`,fileSize:`_fileSize_8acbw_142`,remove:`_remove_8acbw_156`,errorMessage:`_errorMessage_8acbw_198`};function I({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:[F.wrapper,d??``].filter(Boolean).join(` `),children:[(0,t.jsx)(`label`,{className:[F.label,s===`glassy`?F.labelGlassy:``].filter(Boolean).join(` `),htmlFor:g,children:e}),(0,t.jsxs)(`div`,{className:[F.dropzone,s===`glassy`?F.dropzoneGlassy:``,_?F.dragOver:``,o?F.errorState:``,u?F.disabled:``].filter(Boolean).join(` `),onDragOver:D,onDragLeave:O,onDrop:k,children:[(0,t.jsx)(`input`,{id:g,name:r,className:F.hiddenInput,type:`file`,accept:c,disabled:u,onChange:E,"aria-invalid":!!o,"aria-describedby":o?`${r}-error`:void 0,...m}),(0,t.jsx)(`label`,{htmlFor:g,className:F.dropzoneContent,children:S?(0,t.jsxs)(`span`,{className:F.selected,children:[C&&(0,t.jsx)(`img`,{className:F.preview,src:C,alt:`Vorschau von ${S.name}`}),(0,t.jsxs)(`span`,{className:F.fileMeta,children:[(0,t.jsx)(`span`,{className:F.fileName,children:S.name}),(0,t.jsxs)(`span`,{className:F.fileSize,children:[(S.size/1024).toFixed(0),` KB ·`,` `,S.type||`unknown`]})]})]}):(0,t.jsxs)(`span`,{className:F.placeholder,children:[(0,t.jsx)(`span`,{className:F.big,children:`Datei hier reinziehen`}),(0,t.jsx)(`span`,{className:F.small,children:`…oder klicken, um auszuwählen`}),(0,t.jsxs)(`span`,{className:F.hint,children:[`Erlaubt: `,c,` · max. `,j,` MB`]})]})}),S&&(0,t.jsx)(`button`,{type:`button`,className:F.remove,onClick:A,disabled:u,children:`Entfernen`})]}),o&&(0,t.jsx)(`span`,{id:`${r}-error`,className:F.errorMessage,children:o})]})}e.Button=i,e.Checkbox=o,e.Chip=c,e.DatePicker=u,e.Dropdown=h,e.IconButton=b,e.Link=_,e.Password=S,e.PostalCode=E,e.RadioButton=O,e.Switch=A,e.TextField=P,e.Upload=I});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "suus-component-library",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "type": "module",
   "main": "./dist/suus-component-library.umd.cjs",
   "module": "./dist/suus-component-library.js",