suus-component-library 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/form/checkbox/Checkbox.stories.d.ts +1 -1
- package/dist/components/form/checkbox/Checkbox.stories.d.ts.map +1 -1
- package/dist/index.d.ts +22 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/suus-component-library.css +1 -1
- package/dist/suus-component-library.js +874 -15
- package/dist/suus-component-library.umd.cjs +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,25 @@
|
|
|
1
1
|
export { default as Button } from './components/form/button/Button';
|
|
2
2
|
export type { ButtonProps, ColorToken } from './components/form/button/Button';
|
|
3
|
+
export { default as Checkbox } from './components/form/checkbox/Checkbox';
|
|
4
|
+
export type { CheckboxProps } from './components/form/checkbox/Checkbox';
|
|
5
|
+
export { default as Chip } from './components/form/chip/Chip';
|
|
6
|
+
export type { ChipProps } from './components/form/chip/Chip';
|
|
7
|
+
export { default as DatePicker } from './components/form/date-picker/DatePicker';
|
|
8
|
+
export type { DatePickerProps } from './components/form/date-picker/DatePicker';
|
|
9
|
+
export { default as Dropdown } from './components/form/dropdown/Dropdown';
|
|
10
|
+
export type { DropdownProps } from './components/form/dropdown/Dropdown';
|
|
11
|
+
export { default as Link } from './components/form/link/Link';
|
|
12
|
+
export type { LinkProps } from './components/form/link/Link';
|
|
13
|
+
export { default as Password } from './components/form/password/Password';
|
|
14
|
+
export type { PasswordProps } from './components/form/password/Password';
|
|
15
|
+
export { default as PostalCode } from './components/form/postal-code/PostalCode';
|
|
16
|
+
export type { PostalCodeProps, PostalCodeLocality, PostalCodeSuggestion } from './components/form/postal-code/PostalCode';
|
|
17
|
+
export { default as RadioButton } from './components/form/radiobutton/RadioButton';
|
|
18
|
+
export type { RadioButtonProps, RadioButtonOption } from './components/form/radiobutton/RadioButton';
|
|
19
|
+
export { default as Switch } from './components/form/switch/Switch';
|
|
20
|
+
export type { SwitchProps } from './components/form/switch/Switch';
|
|
21
|
+
export { default as TextField } from './components/form/textfield/TextField';
|
|
22
|
+
export type { TextFieldProps } from './components/form/textfield/TextField';
|
|
23
|
+
export { default as Upload } from './components/form/upload/Upload';
|
|
24
|
+
export type { UploadProps } from './components/form/upload/Upload';
|
|
3
25
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--colors-gold-brand-secondary-bright:#f9db86;--colors-gold-brand-secondary-light:#eec348;--colors-gold-brand-secondary:#d9ab29;--colors-gold-brand-secondary-midnight:#97771d;--colors-gold-brand-secondary-dark:#b58f24;--colors-gray-brand-white:#fff;--colors-gray-brand-bright-gray:#eee;--colors-gray-brand-light-gray:#dfdfdf;--colors-gray-brand-gray:#c2bfbf;--colors-gray-brand-dark-gray:#5b5a5a;--colors-gray-brand-black:#272727;--colors-gray-brand-white-transparent-40:#fff6;--colors-gray-brand-white-transparent-70:#ffffffb3;--colors-status-error:#de6565;--colors-green-brand-primary-bright:#e5fc5a;--colors-green-brand-primary-light:#d0e646;--colors-green-brand-primary:#afc33b;--colors-green-brand-primary-dark:#8fa02a;--colors-green-brand-primary-midnight:#5c6814;--colors-juice-sugarcane:#9bad30;--colors-juice-tamarind:#da8e33;--colors-juice-guava:#7b4e80;--colors-juice-icetea:#d83a4f;--spacing-tiny:8px;--spacing-small:16px;--spacing-default:24px;--spacing-large:40px;--spacing-huge:60px;--radius-small:8px;--radius-default:16px;--radius-large:24px;--radius-huge:50px;--borders-thin:.5px;--borders-default:1px;--borders-thick:2px;--typeface-font-family-sans-serif:sora;--typeface-font-family-header:sora;--typeface-font-family-body:sora;--typeface-font-family-statement:sora;--typeface-font-family-form:sora;--typeface-font-weight-regular-400:400;--typeface-font-weight-regular-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-huge-48:2.667rem;--typeface-font-size-extra-huge-72:4rem;--typeface-font-size-extra-large-36:2rem;--typeface-letter-spacing-default:.006rem;--typeface-letter-spacing-large:.011rem;--typeface-line-height-default-120:6.667rem;--typeface-line-height-large-150:8.333rem;--colors-status-success:var(--colors-green-brand-primary);--colors-status-warning:var(--colors-gold-brand-secondary);--colors-status-info:var(--colors-green-brand-primary);--panel-background-transparent:var(--colors-gray-brand-white-transparent-70);--panel-background-white:var(--colors-gray-brand-white);--panel-background-gray:var(--colors-gray-brand-gray);--panel-background-gradient-top-left-green:var(--colors-green-brand-primary-light);--panel-background-gradient-bottom-right-green:var(--colors-green-brand-primary-midnight);--panel-background-gradient-top-left-white:var(--colors-gray-brand-white-transparent-70);--panel-background-gradient-bottom-right-white:var(--colors-gray-brand-white-transparent-40);--panel-text-title:var(--colors-green-brand-primary-dark);--panel-text-title-glassy:var(--colors-gray-brand-white);--panel-border-color:var(--colors-gray-brand-light-gray);--panel-border-width:var(--borders-default);--panel-radius-desktop:var(--radius-large);--panel-radius-mobile:var(--radius-small);--panel-padding-top-bottom-desktop:var(--spacing-large);--panel-padding-right-left-desktop:var(--spacing-large);--panel-padding-top-bottom-mobile:var(--spacing-default);--panel-padding-right-left-mobile:var(--spacing-default);--tile-background-default:var(--colors-gray-brand-white);--tile-text-title:var(--colors-gray-brand-dark-gray);--tile-text-content:var(--colors-gray-brand-dark-gray);--tile-border-color:var(--colors-gray-brand-gray);--tile-border-width-default:var(--borders-default);--tile-border-width-thick:var(--borders-thick);--tile-radius-default:var(--radius-default);--button-background-disabled:var(--colors-gray-brand-light-gray);--button-background-enabled:var(--colors-green-brand-primary);--button-background-enabled-gradient-from:var(--colors-green-brand-primary-light);--button-background-enabled-gradient-middle:var(--colors-green-brand-primary-dark);--button-background-enabled-gradient-to:var(--colors-green-brand-primary-midnight);--button-background-inverse:var(--colors-gray-brand-white);--button-background-hover:var(--colors-green-brand-primary-dark);--button-text-primary:var(--colors-gray-brand-white);--button-text-primary-disabled:var(--colors-gray-brand-gray);--button-text-secondary:var(--colors-green-brand-primary-dark);--button-text-secondary-disabled:var(--colors-green-brand-primary);--button-border-color-default:var(--colors-green-brand-primary);--button-border-color-disabled:var(--colors-gray-brand-gray);--button-border-color-selected:var(--colors-green-brand-primary-dark);--button-border-color-hover:var(--colors-green-brand-primary-dark);--button-border-width-default:var(--borders-default);--button-radius:var(--radius-huge);--form-background-white:var(--colors-gray-brand-white);--form-background-glassy:var(--colors-gray-brand-white-transparent-40);--form-background-disabled:var(--colors-gray-brand-bright-gray);--form-background-gray:var(--colors-gray-brand-light-gray);--form-border-color-disabled:var(--colors-gray-brand-light-gray);--form-border-color-selected-dark:var(--colors-green-brand-primary-dark);--form-border-color-error:var(--colors-status-error);--form-border-color-default:var(--colors-green-brand-primary-dark);--form-border-color-selected-glassy:var(--colors-gray-brand-white);--form-border-color-selected-light:var(--colors-green-brand-primary);--form-border-width-default:var(--borders-default);--form-border-width-selected:var(--borders-default);--form-radius-default:var(--radius-default);--form-text-label:var(--colors-gray-brand-dark-gray);--form-text-placeholder:var(--colors-gray-brand-gray);--form-text-content:var(--colors-gray-brand-dark-gray);--form-text-disabled:var(--colors-gray-brand-light-gray);--form-text-error:var(--colors-status-error);--form-text-label-glassy:var(--colors-gray-brand-white);--form-text-placeholder-glassy:var(--colors-gray-brand-light-gray);--form-text-content-glassy:var(--colors-gray-brand-white);--snackbar-background-error:var(--colors-status-error);--snackbar-border-color-error:var(--colors-status-error);--snackbar-border-width-default:var(--borders-thick);--snackbar-text-default:var(--colors-gray-brand-white);--icon-inverse-selected:var(--colors-green-brand-primary-dark);--icon-default:var(--colors-green-brand-primary-dark);--icon-inverse:var(--colors-gray-brand-white);--icon-default-selected:var(--colors-gray-brand-white);--icon-text-default:var(--colors-green-brand-primary-dark);--icon-text-glassy:var(--colors-gray-brand-white);--text-title-default:var(--colors-gray-brand-dark-gray);--text-title-glassy:var(--colors-gray-brand-white);--text-content-text:var(--colors-gray-brand-dark-gray);--text-content-text-light:var(--colors-gray-brand-light-gray);--text-content-text-white:var(--colors-gray-brand-white);--text-messages-error:var(--colors-status-error);--menu-hover:var(--colors-green-brand-primary-light);--menu-text-selected:var(--colors-green-brand-primary-light);--menu-flyout-gradient-to:var(--colors-green-brand-primary-midnight);--menu-flyout-gradient-from:var(--colors-green-brand-primary-light);--menu-background:var(--colors-gray-brand-white);--menu-dark:var(--colors-green-brand-primary-midnight);--illustrations-default:var(--colors-green-brand-primary);--illustrations-light:var(--colors-green-brand-primary-bright);--stepper-dot:var(--colors-green-brand-primary);--stepper-border-dot:var(--colors-gray-brand-light-gray);--stepper-border-dot-selected:var(--colors-green-brand-primary-dark);--stepper-line:var(--colors-green-brand-primary);--stepper-line-disabled:var(--colors-gray-brand-light-gray);--form-border-color-success:var(--colors-status-success);--form-border-color-warning:var(--colors-status-warning);--form-text-success:var(--colors-status-success);--form-text-warning:var(--colors-status-warning);--form-text-info:var(--colors-status-info);--snackbar-background-warning:var(--colors-status-warning);--snackbar-background-info:var(--colors-status-info);--snackbar-background-success:var(--colors-status-success);--snackbar-border-color-success:var(--colors-status-success);--snackbar-border-color-warning:var(--colors-status-warning);--snackbar-border-color-info:var(--colors-status-info);--icon-disabled:var(--form-text-disabled);--text-messages-info:var(--colors-status-info);--text-messages-warning:var(--colors-status-warning);--text-messages-success:var(--colors-status-success);--menu-white:var(--form-text-label-glassy);--stepper-label:var(--form-text-label);--stepper-dot-number:var(--text-content-text-white);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}._suusButton_1q9to_1{--button-background-color:var(--colors-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_1q9to_1{width:100%;min-width:0}}._icon_1q9to_45{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:inline-flex}._icon_1q9to_45 svg{width:100%;height:100%;display:block}._label_1q9to_62{display:inline-block}._primary_1q9to_69{color:var(--button-text-primary);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_1q9to_69:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px #fff3,inset 0 -2px #00000024,0 12px 22px #0000002e}._primary_1q9to_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_1q9to_69:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0000001f,inset 0 1px #ffffff1f}._secondary_1q9to_113{color:var(--button-text-secondary);border:2px solid var(--button-border-color-default);background:color-mix(in srgb, var(--button-background-inverse) 8%, white 92%);box-shadow:inset 0 1px #fffc,0 4px 12px #0000000f}._secondary_1q9to_113:hover:not(:disabled){background:color-mix(in srgb, var(--button-background-hover) 8%, white 92%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #00000014}._secondary_1q9to_113:focus-visible:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--button-background-inverse) 18%, white 82%), 0 0 0 4px #fffffff2}._secondary_1q9to_113:active:not(:disabled){background:color-mix(in srgb, var(--button-background-inverse) 12%, white 88%);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}._suusButton_1q9to_1:disabled{cursor:not-allowed;transform:none}._primary_1q9to_69:disabled{background:var(--button-background-disabled);color:var(--button-text-primary-disabled);box-shadow:none;border-color:#0000}._secondary_1q9to_113:disabled{color:var(--button-text-secondary);border-color:var(--button-border-color-disabled);box-shadow:none;background:#fff}._loading_1q9to_169{pointer-events:none}._loader_1q9to_173{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:1.2rem;height:1.2rem;animation:.7s linear infinite _btn-spin_1q9to_1}._loaderSecondary_1q9to_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_1q9to_1{to{transform:rotate(360deg)}}
|
|
1
|
+
:root{--colors-gold-brand-secondary-bright:#f9db86;--colors-gold-brand-secondary-light:#eec348;--colors-gold-brand-secondary:#d9ab29;--colors-gold-brand-secondary-midnight:#97771d;--colors-gold-brand-secondary-dark:#b58f24;--colors-gray-brand-white:#fff;--colors-gray-brand-bright-gray:#eee;--colors-gray-brand-light-gray:#dfdfdf;--colors-gray-brand-gray:#c2bfbf;--colors-gray-brand-dark-gray:#5b5a5a;--colors-gray-brand-black:#272727;--colors-gray-brand-white-transparent-40:#fff6;--colors-gray-brand-white-transparent-70:#ffffffb3;--colors-status-error:#de6565;--colors-green-brand-primary-bright:#e5fc5a;--colors-green-brand-primary-light:#d0e646;--colors-green-brand-primary:#afc33b;--colors-green-brand-primary-dark:#8fa02a;--colors-green-brand-primary-midnight:#5c6814;--colors-juice-sugarcane:#9bad30;--colors-juice-tamarind:#da8e33;--colors-juice-guava:#7b4e80;--colors-juice-icetea:#d83a4f;--spacing-tiny:8px;--spacing-small:16px;--spacing-default:24px;--spacing-large:40px;--spacing-huge:60px;--radius-small:8px;--radius-default:16px;--radius-large:24px;--radius-huge:50px;--borders-thin:.5px;--borders-default:1px;--borders-thick:2px;--typeface-font-family-sans-serif:sora;--typeface-font-family-header:sora;--typeface-font-family-body:sora;--typeface-font-family-statement:sora;--typeface-font-family-form:sora;--typeface-font-weight-regular-400:400;--typeface-font-weight-regular-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-huge-48:2.667rem;--typeface-font-size-extra-huge-72:4rem;--typeface-font-size-extra-large-36:2rem;--typeface-letter-spacing-default:.006rem;--typeface-letter-spacing-large:.011rem;--typeface-line-height-default-120:6.667rem;--typeface-line-height-large-150:8.333rem;--colors-status-success:var(--colors-green-brand-primary);--colors-status-warning:var(--colors-gold-brand-secondary);--colors-status-info:var(--colors-green-brand-primary);--panel-background-transparent:var(--colors-gray-brand-white-transparent-70);--panel-background-white:var(--colors-gray-brand-white);--panel-background-gray:var(--colors-gray-brand-gray);--panel-background-gradient-top-left-green:var(--colors-green-brand-primary-light);--panel-background-gradient-bottom-right-green:var(--colors-green-brand-primary-midnight);--panel-background-gradient-top-left-white:var(--colors-gray-brand-white-transparent-70);--panel-background-gradient-bottom-right-white:var(--colors-gray-brand-white-transparent-40);--panel-text-title:var(--colors-green-brand-primary-dark);--panel-text-title-glassy:var(--colors-gray-brand-white);--panel-border-color:var(--colors-gray-brand-light-gray);--panel-border-width:var(--borders-default);--panel-radius-desktop:var(--radius-large);--panel-radius-mobile:var(--radius-small);--panel-padding-top-bottom-desktop:var(--spacing-large);--panel-padding-right-left-desktop:var(--spacing-large);--panel-padding-top-bottom-mobile:var(--spacing-default);--panel-padding-right-left-mobile:var(--spacing-default);--tile-background-default:var(--colors-gray-brand-white);--tile-text-title:var(--colors-gray-brand-dark-gray);--tile-text-content:var(--colors-gray-brand-dark-gray);--tile-border-color:var(--colors-gray-brand-gray);--tile-border-width-default:var(--borders-default);--tile-border-width-thick:var(--borders-thick);--tile-radius-default:var(--radius-default);--button-background-disabled:var(--colors-gray-brand-light-gray);--button-background-enabled:var(--colors-green-brand-primary);--button-background-enabled-gradient-from:var(--colors-green-brand-primary-light);--button-background-enabled-gradient-middle:var(--colors-green-brand-primary-dark);--button-background-enabled-gradient-to:var(--colors-green-brand-primary-midnight);--button-background-inverse:var(--colors-gray-brand-white);--button-background-hover:var(--colors-green-brand-primary-dark);--button-text-primary:var(--colors-gray-brand-white);--button-text-primary-disabled:var(--colors-gray-brand-gray);--button-text-secondary:var(--colors-green-brand-primary-dark);--button-text-secondary-disabled:var(--colors-green-brand-primary);--button-border-color-default:var(--colors-green-brand-primary);--button-border-color-disabled:var(--colors-gray-brand-gray);--button-border-color-selected:var(--colors-green-brand-primary-dark);--button-border-color-hover:var(--colors-green-brand-primary-dark);--button-border-width-default:var(--borders-default);--button-radius:var(--radius-huge);--form-background-white:var(--colors-gray-brand-white);--form-background-glassy:var(--colors-gray-brand-white-transparent-40);--form-background-disabled:var(--colors-gray-brand-bright-gray);--form-background-gray:var(--colors-gray-brand-light-gray);--form-border-color-disabled:var(--colors-gray-brand-light-gray);--form-border-color-selected-dark:var(--colors-green-brand-primary-dark);--form-border-color-error:var(--colors-status-error);--form-border-color-default:var(--colors-green-brand-primary-dark);--form-border-color-selected-glassy:var(--colors-gray-brand-white);--form-border-color-selected-light:var(--colors-green-brand-primary);--form-border-width-default:var(--borders-default);--form-border-width-selected:var(--borders-default);--form-radius-default:var(--radius-default);--form-text-label:var(--colors-gray-brand-dark-gray);--form-text-placeholder:var(--colors-gray-brand-gray);--form-text-content:var(--colors-gray-brand-dark-gray);--form-text-disabled:var(--colors-gray-brand-light-gray);--form-text-error:var(--colors-status-error);--form-text-label-glassy:var(--colors-gray-brand-white);--form-text-placeholder-glassy:var(--colors-gray-brand-light-gray);--form-text-content-glassy:var(--colors-gray-brand-white);--snackbar-background-error:var(--colors-status-error);--snackbar-border-color-error:var(--colors-status-error);--snackbar-border-width-default:var(--borders-thick);--snackbar-text-default:var(--colors-gray-brand-white);--icon-inverse-selected:var(--colors-green-brand-primary-dark);--icon-default:var(--colors-green-brand-primary-dark);--icon-inverse:var(--colors-gray-brand-white);--icon-default-selected:var(--colors-gray-brand-white);--icon-text-default:var(--colors-green-brand-primary-dark);--icon-text-glassy:var(--colors-gray-brand-white);--text-title-default:var(--colors-gray-brand-dark-gray);--text-title-glassy:var(--colors-gray-brand-white);--text-content-text:var(--colors-gray-brand-dark-gray);--text-content-text-light:var(--colors-gray-brand-light-gray);--text-content-text-white:var(--colors-gray-brand-white);--text-messages-error:var(--colors-status-error);--menu-hover:var(--colors-green-brand-primary-light);--menu-text-selected:var(--colors-green-brand-primary-light);--menu-flyout-gradient-to:var(--colors-green-brand-primary-midnight);--menu-flyout-gradient-from:var(--colors-green-brand-primary-light);--menu-background:var(--colors-gray-brand-white);--menu-dark:var(--colors-green-brand-primary-midnight);--illustrations-default:var(--colors-green-brand-primary);--illustrations-light:var(--colors-green-brand-primary-bright);--stepper-dot:var(--colors-green-brand-primary);--stepper-border-dot:var(--colors-gray-brand-light-gray);--stepper-border-dot-selected:var(--colors-green-brand-primary-dark);--stepper-line:var(--colors-green-brand-primary);--stepper-line-disabled:var(--colors-gray-brand-light-gray);--form-border-color-success:var(--colors-status-success);--form-border-color-warning:var(--colors-status-warning);--form-text-success:var(--colors-status-success);--form-text-warning:var(--colors-status-warning);--form-text-info:var(--colors-status-info);--snackbar-background-warning:var(--colors-status-warning);--snackbar-background-info:var(--colors-status-info);--snackbar-background-success:var(--colors-status-success);--snackbar-border-color-success:var(--colors-status-success);--snackbar-border-color-warning:var(--colors-status-warning);--snackbar-border-color-info:var(--colors-status-info);--icon-disabled:var(--form-text-disabled);--text-messages-info:var(--colors-status-info);--text-messages-warning:var(--colors-status-warning);--text-messages-success:var(--colors-status-success);--menu-white:var(--form-text-label-glassy);--stepper-label:var(--form-text-label);--stepper-dot-number:var(--text-content-text-white);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}._suusButton_1q9to_1{--button-background-color:var(--colors-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_1q9to_1{width:100%;min-width:0}}._icon_1q9to_45{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:1.4rem;height:1.4rem;display:inline-flex}._icon_1q9to_45 svg{width:100%;height:100%;display:block}._label_1q9to_62{display:inline-block}._primary_1q9to_69{color:var(--button-text-primary);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_1q9to_69:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 2px #fff3,inset 0 -2px #00000024,0 12px 22px #0000002e}._primary_1q9to_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_1q9to_69:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 6px #0000001f,inset 0 1px #ffffff1f}._secondary_1q9to_113{color:var(--button-text-secondary);border:2px solid var(--button-border-color-default);background:color-mix(in srgb, var(--button-background-inverse) 8%, white 92%);box-shadow:inset 0 1px #fffc,0 4px 12px #0000000f}._secondary_1q9to_113:hover:not(:disabled){background:color-mix(in srgb, var(--button-background-hover) 8%, white 92%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 8px 18px #00000014}._secondary_1q9to_113:focus-visible:not(:disabled){box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--button-background-inverse) 18%, white 82%), 0 0 0 4px #fffffff2}._secondary_1q9to_113:active:not(:disabled){background:color-mix(in srgb, var(--button-background-inverse) 12%, white 88%);transform:translateY(1px);box-shadow:inset 0 2px 6px #00000014}._suusButton_1q9to_1:disabled{cursor:not-allowed;transform:none}._primary_1q9to_69:disabled{background:var(--button-background-disabled);color:var(--button-text-primary-disabled);box-shadow:none;border-color:#0000}._secondary_1q9to_113:disabled{color:var(--button-text-secondary);border-color:var(--button-border-color-disabled);box-shadow:none;background:#fff}._loading_1q9to_169{pointer-events:none}._loader_1q9to_173{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:1.2rem;height:1.2rem;animation:.7s linear infinite _btn-spin_1q9to_1}._loaderSecondary_1q9to_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_1q9to_1{to{transform:rotate(360deg)}}._checkboxWrapper_137qc_1{--checkbox-color:var(--colors-juice-sugarcane,#899822);--checkbox-error-color:var(--colors-status-error,#de6565);--checkbox-disabled-color:var(--form-background-disabled,#dfdfdf);--checkbox-text-color:var(--form-background-disabled,#5b5a5a);--checkbox-focus-color:#89982247;flex-direction:column;gap:.45rem;width:fit-content;display:flex}._checkboxInput_137qc_15{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._checkboxLabel_137qc_24{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;display:inline-flex}._customCheckbox_137qc_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_137qc_57{opacity:0;width:1.2rem;height:1.2rem;transition:opacity .14s,transform .16s;transform:scale(.7)}._checkIcon_137qc_57 path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}._checkboxText_137qc_76{color:var(--form-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_137qc_24:hover ._customCheckbox_137qc_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);transform:translateY(-1px)}._checkboxInput_137qc_15:checked+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}._checkboxInput_137qc_15:checked+._checkboxLabel_137qc_24 ._checkIcon_137qc_57{opacity:1;transform:scale(1)}._checkboxInput_137qc_15:focus-visible+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{box-shadow:0 0 0 4px var(--checkbox-focus-color);outline:none}._checkboxWrapperDisabled_137qc_107{--checkbox-color:var(--checkbox-disabled-color);--checkbox-text-color:var(--form-background-disabled,#5b5a5a)}._checkboxInput_137qc_15:disabled+._checkboxLabel_137qc_24{cursor:not-allowed}._checkboxInput_137qc_15:disabled+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{border-color:var(--checkbox-disabled-color);box-shadow:none;background-color:#0000;transform:none}._checkboxInput_137qc_15:disabled:checked+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{background-color:var(--checkbox-disabled-color);border-color:var(--checkbox-disabled-color)}._checkboxInput_137qc_15:disabled+._checkboxLabel_137qc_24 ._checkboxText_137qc_76{opacity:.75}._checkboxWrapperError_137qc_133{--checkbox-color:var(--checkbox-error-color);--checkbox-focus-color:#de65653d}._checkboxWrapperError_137qc_133 ._customCheckbox_137qc_34{border-color:var(--checkbox-error-color)}._checkboxWrapperError_137qc_133 ._checkboxInput_137qc_15:checked+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._errorMessage_137qc_147{color:var(--checkbox-error-color);font-family:var(--typeface-font-family-form,inherit);font-size:var(--typeface-font-size-small-16,.9rem);font-weight:var(--typeface-font-weight-regular-500,500);padding-left:2.75rem;line-height:1.35}._checkboxWrapperGlassy_137qc_157{--checkbox-color:#ffffffb8;--checkbox-text-color:#fff;--checkbox-focus-color:#ffffff3d}._checkboxWrapperGlassy_137qc_157 ._customCheckbox_137qc_34{background-color:#ffffff38;border-color:#ffffffb8}._checkboxWrapperGlassy_137qc_157 ._checkboxInput_137qc_15:checked+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{background-color:#ffffff47;border-color:#ffffff47}._checkboxWrapperGlassy_137qc_157 ._checkboxText_137qc_76{color:#fff}._checkboxWrapperGlassy_137qc_157._checkboxWrapperError_137qc_133{--checkbox-color:var(--checkbox-error-color);--checkbox-text-color:#fff;--checkbox-focus-color:#de656547}._checkboxWrapperGlassy_137qc_157._checkboxWrapperError_137qc_133 ._customCheckbox_137qc_34{border-color:var(--checkbox-error-color);background-color:#0000}._checkboxWrapperGlassy_137qc_157._checkboxWrapperError_137qc_133 ._checkboxInput_137qc_15:checked+._checkboxLabel_137qc_24 ._customCheckbox_137qc_34{background-color:var(--checkbox-error-color);border-color:var(--checkbox-error-color)}._chip_9t0x4_1{border:1px solid var(--chip-border-color,#d1d5db);background:var(--chip-background-color,#fff);width:fit-content;min-height:40px;color:var(--chip-text-color,#272727);letter-spacing:.5px;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}._chipGlassy_9t0x4_19{color:#f6ffef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-color:#ffffffb3}._inputBlockVertical_1vqyb_1{flex-direction:column;gap:8px;display:flex}._inputLabel_1vqyb_7{color:#272727;font-size:14px;font-weight:600}._inputLabelGlassy_1vqyb_13{color:#fff}._dateInputWrapper_1vqyb_17{width:100%;position:relative}._inputDateField_1vqyb_22{border-radius:var(--form-radius-default,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_1vqyb_22::-webkit-calendar-picker-indicator{opacity:0;appearance:none;display:none}._inputDateField_1vqyb_22::-webkit-inner-spin-button{appearance:none;display:none}._inputDateField_1vqyb_22::-webkit-clear-button{appearance:none;display:none}._inputDateField_1vqyb_22{appearance:none}._inputDateFieldGlassy_1vqyb_54{background:var(--form-background-glassy,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputDateField_1vqyb_22:focus,._inputDateFieldGlassy_1vqyb_54:focus{border-color:var(--colors-juice-sugarcane,#a7b325);outline:none}._inputDateField_1vqyb_22:disabled{cursor:not-allowed;opacity:.65}._inputError_1vqyb_72{border-color:#de6565}._calendarIconButton_1vqyb_76{width:24px;height:24px;color:var(--colors-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_1vqyb_76:disabled{cursor:not-allowed;opacity:.6}._calendarIconButton_1vqyb_76:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:3px;border-radius:999px}._icon_1vqyb_104{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_1vqyb_113{color:#de6565;font-size:13px}._inputBlockVertical_1eq2l_1{flex-direction:column;gap:8px;display:flex}._inputLabel_1eq2l_7{color:#272727;font-size:14px;font-weight:600}._inputLabelGlassy_1eq2l_13{color:#fff}._inputSelectField_1eq2l_17{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;height:50px;padding:0 14px;font-size:16px}._inputSelectFieldGlassy_1eq2l_27{border-radius:var(--form-radius-default);background:var(--form-background-glassy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputSelectField_1eq2l_17:focus,._inputSelectFieldGlassy_1eq2l_27:focus{outline:none}._inputError_1eq2l_40{border-color:#de6565}._errorMessage_1eq2l_44{color:#de6565;font-size:13px}._appLink_18ja7_1{width:fit-content;color:var(--link-text-color,#272727);cursor:pointer;align-items:center;gap:8px;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}._appLink_18ja7_1:hover{color:var(--colors-juice-sugarcane,#a7b325)}._appLink_18ja7_1:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:4px;border-radius:6px}._appLinkGlassy_18ja7_27{color:#fff}._appLinkGlassy_18ja7_27:hover{color:#f6ffef}._label_18ja7_35{align-items:center;display:inline-flex}._icon_18ja7_40{justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}._appLink_18ja7_1:hover ._icon_18ja7_40{transform:translate(3px)}._arrowIcon_18ja7_51{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}._inputBlockVertical_1x5ym_1{flex-direction:column;gap:8px;display:flex}._inputLabel_1x5ym_7{color:#272727;font-size:14px;font-weight:600}._inputLabelGlassy_1x5ym_13{color:#fff}._passwordInputWrapper_1x5ym_17{width:100%;position:relative}._inputTextField_1x5ym_22{border-radius:var(--form-radius-default,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_1x5ym_34{background:var(--form-background-glassy,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_1x5ym_22:focus,._inputTextFieldGlassy_1x5ym_34:focus{border-color:var(--button-border-color-selected,#a7b325);outline:none}._inputTextField_1x5ym_22:disabled{cursor:not-allowed;opacity:.65}._inputError_1x5ym_52{border-color:#de6565}._togglePasswordButton_1x5ym_56{width:28px;height:28px;color:var(--button-border-color-selected,#6a7a0a);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_1x5ym_56:hover{color:#272727}._togglePasswordButton_1x5ym_56:focus-visible{outline:2px solid var(--button-border-color-selected,#a7b325);outline-offset:2px;border-radius:999px}._togglePasswordButton_1x5ym_56:disabled{cursor:not-allowed;opacity:.6}._icon_1x5ym_88{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}._errorMessage_1x5ym_97{color:#de6565;font-size:13px}._inputBlockVertical_n4fz9_1{flex-direction:column;gap:8px;display:flex}._inputLabel_n4fz9_7{color:#272727;font-size:14px;font-weight:600}._inputLabelGlassy_n4fz9_13{color:#fff}._inputWrapper_n4fz9_17{width:100%;position:relative}._inputTextField_n4fz9_22{border-radius:var(--form-radius-default,12px);color:#272727;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;width:100%;height:50px;padding:0 14px;font-size:16px}._inputTextFieldGlassy_n4fz9_34{background:var(--form-background-glassy,#ffffff29);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid #ffffff4d}._inputTextField_n4fz9_22::placeholder{color:#9ca3af}._inputTextFieldGlassy_n4fz9_34::placeholder{color:#ffffffb3}._inputTextField_n4fz9_22:focus,._inputTextFieldGlassy_n4fz9_34:focus{border-color:var(--colors-juice-sugarcane,#a7b325);outline:none}._inputTextField_n4fz9_22:disabled{cursor:not-allowed;opacity:.65}._inputValid_n4fz9_60{border-color:var(--colors-juice-sugarcane,#a7b325)}._inputError_n4fz9_64{border-color:#de6565}._loading_n4fz9_68{color:#6b7280;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._suggestionList_n4fz9_77{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% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}._suggestionItem_n4fz9_94{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_n4fz9_94:hover,._suggestionItem_n4fz9_94:focus-visible{background:#f3f4f6;outline:none}._postalCode_n4fz9_114{color:var(--colors-juice-sugarcane,#6a7a0a);font-weight:800}._locality_n4fz9_119{font-weight:500}._emptyState_n4fz9_123{z-index:20;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font-size:14px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 30px #0000001f}._successMessage_n4fz9_138{color:var(--colors-juice-sugarcane,#6a7a0a);font-size:13px;font-weight:700}._errorMessage_n4fz9_144{color:#de6565;font-size:13px;font-weight:700}._radioGroup_tmet2_1{border:0;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;display:flex}._radioGroupGlassy_tmet2_11{color:#fff}._radioLabel_tmet2_15{color:#5b5a5a;margin:0}._radioLabelGlassy_tmet2_20{color:#fff}._optionGroup_tmet2_24{flex-direction:row;gap:8px;width:100%;display:flex}._optionWrapper_tmet2_31{cursor:pointer;flex:1;min-width:0}._optionWrapperDisabled_tmet2_37{cursor:not-allowed}._radioInput_tmet2_41{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._optionButton_tmet2_53{color:#ffffffdb;text-align:center;box-sizing:border-box;background:#dedede;border:1px solid #0000;border-radius:14px;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;display:inline-flex}._optionTitle_tmet2_77{justify-content:center;align-items:center;display:inline-flex}._optionDescription_tmet2_83{display:none}._radioInput_tmet2_41:checked+._optionButton_tmet2_53{background:var(--colors-juice-sugarcane,#a7b325);border-color:var(--colors-juice-sugarcane,#a7b325);color:#fff}._optionWrapper_tmet2_31:hover ._optionButton_tmet2_53{transform:translateY(-1px)}._radioInput_tmet2_41:not(:checked):not(:disabled)+._optionButton_tmet2_53:hover{background:#d4d4d4}._radioInput_tmet2_41:focus-visible+._optionButton_tmet2_53{outline:none;box-shadow:0 0 0 3px #a7b32559}._radioInput_tmet2_41:disabled+._optionButton_tmet2_53{cursor:not-allowed;opacity:.55;transform:none}._optionButtonError_tmet2_117{border-color:#de6565}._optionButtonGlassy_tmet2_122{color:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-color:#fff3}._radioInput_tmet2_41:checked+._optionButtonGlassy_tmet2_122{color:#fff;background:#ffffff2e;border-color:#fffffff2;box-shadow:inset 0 1px #ffffff40}._radioInput_tmet2_41:not(:checked):not(:disabled)+._optionButtonGlassy_tmet2_122:hover{background:#ffffffd1}._radioInput_tmet2_41:focus-visible+._optionButtonGlassy_tmet2_122{box-shadow:0 0 0 3px #ffffff59}._errorMessage_tmet2_144{color:#de6565;font-size:13px;font-weight:700}@media (width<=680px){._optionGroup_tmet2_24{flex-direction:column}._optionButton_tmet2_53{min-height:58px;font-size:18px}}._switchWrapper_f34wd_1{flex-direction:column;gap:6px;display:flex}._switchCheckbox_f34wd_7{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._switchLabel_f34wd_15{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:fit-content;display:inline-flex}._switchLabelGlassy_f34wd_24{color:#fff}._switchBackground_f34wd_28{background:var(--colorBrandLightGray,#eee);border-radius:100px;flex-shrink:0;align-items:center;width:60px;height:32px;transition:background-color .2s,box-shadow .2s;display:flex;position:relative}._switchButton_f34wd_42{background:#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_f34wd_7:checked+._switchLabel_f34wd_15 ._switchBackground_f34wd_28{background:var(--colorBrandPrimaryLight,#a7b325)}._switchCheckbox_f34wd_7:checked+._switchLabel_f34wd_15 ._switchButton_f34wd_42{left:calc(100% - 3px);transform:translate(-100%)}._switchLabel_f34wd_15:active ._switchButton_f34wd_42{width:30px}._switchCheckbox_f34wd_7:focus-visible+._switchLabel_f34wd_15 ._switchBackground_f34wd_28{box-shadow:0 0 0 3px #a7b32559}._switchCheckbox_f34wd_7:disabled+._switchLabel_f34wd_15{cursor:not-allowed;opacity:.55}._switchCheckbox_f34wd_7[aria-invalid=true]+._switchLabel_f34wd_15 ._switchBackground_f34wd_28{box-shadow:0 0 0 2px #de6565}._iconChecked_f34wd_86,._iconUnchecked_f34wd_87{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute}._iconChecked_f34wd_86{color:green;opacity:0;transform:scale(.8)}._iconUnchecked_f34wd_87{color:var(--colors-juice-tamarind,#f8a702);opacity:1;transform:scale(1)}._switchCheckbox_f34wd_7:checked+._switchLabel_f34wd_15 ._iconChecked_f34wd_86{opacity:1;transform:scale(1)}._switchCheckbox_f34wd_7:checked+._switchLabel_f34wd_15 ._iconUnchecked_f34wd_87{opacity:0;transform:scale(.8)}._switchText_f34wd_119{color:#333;font-size:15px;line-height:1.4}._switchLabelGlassy_f34wd_24 ._switchText_f34wd_119{color:#fff}._errorMessage_f34wd_129{color:#de6565;font-size:13px}._inputBlockVertical_1khad_1{flex-direction:column;gap:6px;width:100%;display:flex}._inputLabel_1khad_8{color:#272727;font-size:.875rem;font-weight:600}._inputLabelGlassy_1khad_14{color:#ffffffe6;font-size:.875rem;font-weight:600}._inputTextField_1khad_20{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_1khad_20:focus{border-color:#d9ab29;box-shadow:0 0 0 3px #d9ab292e}._inputTextFieldGlassy_1khad_37{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_1khad_37::placeholder{color:#ffffffa6}._inputTextFieldGlassy_1khad_37:focus{border-color:#ffffffbf;box-shadow:0 0 0 3px #ffffff2e}._inputError_1khad_59{border-color:#de6565}._errorMessage_1khad_63{color:#de6565;font-size:.8rem}._wrapper_1jqlw_1{flex-direction:column;gap:8px;display:flex}._label_1jqlw_7{color:#272727;font-size:14px;font-weight:700}._labelGlassy_1jqlw_13{color:#fff}._dropzone_1jqlw_17{border-radius:var(--form-radius-default,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_1jqlw_32{background:var(--form-background-glassy,#ffffff59);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff73;box-shadow:inset 0 1px #fff6}._dragOver_1jqlw_39{border-color:var(--colors-juice-sugarcane,#a7b325);background:#ffffff8c;transform:scale(1.01);box-shadow:0 0 0 3px #a7b32540,inset 0 1px #fff9}._errorState_1jqlw_48{border-color:#de6565}._disabled_1jqlw_52{cursor:not-allowed;opacity:.6}._hiddenInput_1jqlw_57{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}._dropzoneContent_1jqlw_65{cursor:pointer;display:block}._disabled_1jqlw_52 ._dropzoneContent_1jqlw_65{cursor:not-allowed}._placeholder_1jqlw_74{flex-direction:column;gap:6px;display:flex}._big_1jqlw_80{color:#272727;font-size:16px;font-weight:800}._small_1jqlw_86{color:#5b5a5a;font-size:14px}._hint_1jqlw_91{color:#6b7280;margin-top:4px;font-size:12px}._dropzoneGlassy_1jqlw_32 ._big_1jqlw_80,._dropzoneGlassy_1jqlw_32 ._small_1jqlw_86,._dropzoneGlassy_1jqlw_32 ._hint_1jqlw_91{color:#fff}._dropzoneGlassy_1jqlw_32 ._small_1jqlw_86{opacity:.85}._dropzoneGlassy_1jqlw_32 ._hint_1jqlw_91{opacity:.7}._selected_1jqlw_111{align-items:center;gap:12px;padding-right:96px;display:flex}._preview_1jqlw_118{object-fit:cover;background:#ffffff4d;border-radius:14px;flex-shrink:0;width:56px;height:56px}._fileMeta_1jqlw_127{flex-direction:column;gap:4px;min-width:0;display:flex}._fileName_1jqlw_134{color:#272727;text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}._fileSize_1jqlw_142{color:#6b7280;font-size:12px}._dropzoneGlassy_1jqlw_32 ._fileName_1jqlw_134,._dropzoneGlassy_1jqlw_32 ._fileSize_1jqlw_142{color:#fff}._dropzoneGlassy_1jqlw_32 ._fileSize_1jqlw_142{opacity:.75}._remove_1jqlw_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_1jqlw_156:hover{background:#0000002e}._remove_1jqlw_156:focus-visible{outline:2px solid var(--colors-juice-sugarcane,#a7b325);outline-offset:2px}._remove_1jqlw_156:disabled{cursor:not-allowed;opacity:.6}._dropzoneGlassy_1jqlw_32 ._remove_1jqlw_156{color:#fff;background:#fff3}._dropzoneGlassy_1jqlw_32 ._remove_1jqlw_156:hover{background:#ffffff4d}._errorMessage_1jqlw_198{color:#de6565;font-size:13px;font-weight:700}@media (width<=520px){._selected_1jqlw_111{flex-direction:column;align-items:flex-start;padding-right:0}._remove_1jqlw_156{margin-top:12px;position:static;transform:none}}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
import { useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
|
|
3
|
+
var c = {
|
|
3
4
|
suusButton: "_suusButton_1q9to_1",
|
|
4
5
|
icon: "_icon_1q9to_45",
|
|
5
6
|
label: "_label_1q9to_62",
|
|
@@ -12,30 +13,888 @@ var r = {
|
|
|
12
13
|
};
|
|
13
14
|
//#endregion
|
|
14
15
|
//#region src/components/form/button/Button.tsx
|
|
15
|
-
function
|
|
16
|
+
function l({ label: r, onClick: i, type: a = "button", disabled: o = !1, loading: s = !1, variant: l = "primary", colorToken: u = "--colors-juice-sugarcane", icon: d, ...f }) {
|
|
16
17
|
return /* @__PURE__ */ t("button", {
|
|
17
|
-
type:
|
|
18
|
-
onClick:
|
|
19
|
-
disabled:
|
|
18
|
+
type: a,
|
|
19
|
+
onClick: i,
|
|
20
|
+
disabled: o || s,
|
|
20
21
|
style: { "--button-background-color": `var(${u})` },
|
|
21
22
|
className: [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
c.suusButton,
|
|
24
|
+
c[l],
|
|
25
|
+
s ? c.loading : ""
|
|
25
26
|
].filter(Boolean).join(" "),
|
|
26
|
-
"aria-busy":
|
|
27
|
+
"aria-busy": s,
|
|
27
28
|
...f,
|
|
28
|
-
children:
|
|
29
|
-
className: `${
|
|
29
|
+
children: s ? /* @__PURE__ */ t("span", {
|
|
30
|
+
className: `${c.loader} ${l === "primary" ? "" : c.loaderSecondary}`,
|
|
30
31
|
"aria-hidden": "true"
|
|
31
32
|
}) : /* @__PURE__ */ n(e, { children: [d ? /* @__PURE__ */ t("span", {
|
|
32
|
-
className:
|
|
33
|
+
className: c.icon,
|
|
33
34
|
children: d
|
|
34
35
|
}) : null, /* @__PURE__ */ t("span", {
|
|
35
|
-
className:
|
|
36
|
-
children:
|
|
36
|
+
className: c.label,
|
|
37
|
+
children: r
|
|
37
38
|
})] })
|
|
38
39
|
});
|
|
39
40
|
}
|
|
41
|
+
var u = {
|
|
42
|
+
checkboxWrapper: "_checkboxWrapper_137qc_1",
|
|
43
|
+
checkboxInput: "_checkboxInput_137qc_15",
|
|
44
|
+
checkboxLabel: "_checkboxLabel_137qc_24",
|
|
45
|
+
customCheckbox: "_customCheckbox_137qc_34",
|
|
46
|
+
checkIcon: "_checkIcon_137qc_57",
|
|
47
|
+
checkboxText: "_checkboxText_137qc_76",
|
|
48
|
+
checkboxWrapperDisabled: "_checkboxWrapperDisabled_137qc_107",
|
|
49
|
+
checkboxWrapperError: "_checkboxWrapperError_137qc_133",
|
|
50
|
+
errorMessage: "_errorMessage_137qc_147",
|
|
51
|
+
checkboxWrapperGlassy: "_checkboxWrapperGlassy_137qc_157"
|
|
52
|
+
};
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/form/checkbox/Checkbox.tsx
|
|
55
|
+
function d({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
|
|
56
|
+
let d = i ?? `${r}-checkbox`;
|
|
57
|
+
return /* @__PURE__ */ n("div", {
|
|
58
|
+
className: [
|
|
59
|
+
u.checkboxWrapper,
|
|
60
|
+
o === "glassy" ? u.checkboxWrapperGlassy : "",
|
|
61
|
+
a ? u.checkboxWrapperError : "",
|
|
62
|
+
c ? u.checkboxWrapperDisabled : "",
|
|
63
|
+
s ?? ""
|
|
64
|
+
].filter(Boolean).join(" "),
|
|
65
|
+
children: [
|
|
66
|
+
/* @__PURE__ */ t("input", {
|
|
67
|
+
type: "checkbox",
|
|
68
|
+
id: d,
|
|
69
|
+
name: r,
|
|
70
|
+
disabled: c,
|
|
71
|
+
className: u.checkboxInput,
|
|
72
|
+
"aria-invalid": !!a,
|
|
73
|
+
"aria-describedby": a ? `${r}-error` : void 0,
|
|
74
|
+
...l
|
|
75
|
+
}),
|
|
76
|
+
/* @__PURE__ */ n("label", {
|
|
77
|
+
htmlFor: d,
|
|
78
|
+
className: u.checkboxLabel,
|
|
79
|
+
children: [/* @__PURE__ */ t("span", {
|
|
80
|
+
className: u.customCheckbox,
|
|
81
|
+
"aria-hidden": "true",
|
|
82
|
+
children: /* @__PURE__ */ t("svg", {
|
|
83
|
+
className: u.checkIcon,
|
|
84
|
+
viewBox: "0 0 24 24",
|
|
85
|
+
focusable: "false",
|
|
86
|
+
"aria-hidden": "true",
|
|
87
|
+
children: /* @__PURE__ */ t("path", { d: "M20 6L9 17L4 12" })
|
|
88
|
+
})
|
|
89
|
+
}), /* @__PURE__ */ t("span", {
|
|
90
|
+
className: u.checkboxText,
|
|
91
|
+
children: e
|
|
92
|
+
})]
|
|
93
|
+
}),
|
|
94
|
+
a && /* @__PURE__ */ t("span", {
|
|
95
|
+
id: `${r}-error`,
|
|
96
|
+
className: u.errorMessage,
|
|
97
|
+
children: a
|
|
98
|
+
})
|
|
99
|
+
]
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
var f = {
|
|
103
|
+
chip: "_chip_9t0x4_1",
|
|
104
|
+
chipGlassy: "_chipGlassy_9t0x4_19"
|
|
105
|
+
};
|
|
106
|
+
//#endregion
|
|
107
|
+
//#region src/components/form/chip/Chip.tsx
|
|
108
|
+
function p({ children: e, variant: n = "default", className: r, ...i }) {
|
|
109
|
+
return /* @__PURE__ */ t("span", {
|
|
110
|
+
className: [
|
|
111
|
+
f.chip,
|
|
112
|
+
n === "glassy" ? f.chipGlassy : "",
|
|
113
|
+
r ?? ""
|
|
114
|
+
].filter(Boolean).join(" "),
|
|
115
|
+
...i,
|
|
116
|
+
children: e
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
var m = {
|
|
120
|
+
inputBlockVertical: "_inputBlockVertical_1vqyb_1",
|
|
121
|
+
inputLabel: "_inputLabel_1vqyb_7",
|
|
122
|
+
inputLabelGlassy: "_inputLabelGlassy_1vqyb_13",
|
|
123
|
+
dateInputWrapper: "_dateInputWrapper_1vqyb_17",
|
|
124
|
+
inputDateField: "_inputDateField_1vqyb_22",
|
|
125
|
+
inputDateFieldGlassy: "_inputDateFieldGlassy_1vqyb_54",
|
|
126
|
+
inputError: "_inputError_1vqyb_72",
|
|
127
|
+
calendarIconButton: "_calendarIconButton_1vqyb_76",
|
|
128
|
+
icon: "_icon_1vqyb_104",
|
|
129
|
+
errorMessage: "_errorMessage_1vqyb_113"
|
|
130
|
+
};
|
|
131
|
+
//#endregion
|
|
132
|
+
//#region src/components/form/date-picker/DatePicker.tsx
|
|
133
|
+
function h({ label: e, name: r, id: i, value: a = null, maxDate: s, minDate: c, error: l, variant: u = "default", className: d, ref: f, onDateChange: p, onBlur: h, disabled: y, ...b }) {
|
|
134
|
+
let x = i ?? r, S = o(null), C = s ?? /* @__PURE__ */ new Date();
|
|
135
|
+
function w(e) {
|
|
136
|
+
S.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
|
|
137
|
+
}
|
|
138
|
+
function T(e) {
|
|
139
|
+
let t = e.target.value;
|
|
140
|
+
if (!t) {
|
|
141
|
+
p?.(null);
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
p?.(_(t));
|
|
145
|
+
}
|
|
146
|
+
function E() {
|
|
147
|
+
y || (S.current?.showPicker?.(), S.current?.focus());
|
|
148
|
+
}
|
|
149
|
+
return /* @__PURE__ */ n("div", {
|
|
150
|
+
className: m.inputBlockVertical,
|
|
151
|
+
children: [
|
|
152
|
+
/* @__PURE__ */ t("label", {
|
|
153
|
+
htmlFor: x,
|
|
154
|
+
className: [m.inputLabel, u === "glassy" ? m.inputLabelGlassy : ""].filter(Boolean).join(" "),
|
|
155
|
+
children: e
|
|
156
|
+
}),
|
|
157
|
+
/* @__PURE__ */ n("div", {
|
|
158
|
+
className: m.dateInputWrapper,
|
|
159
|
+
children: [/* @__PURE__ */ t("input", {
|
|
160
|
+
id: x,
|
|
161
|
+
name: r,
|
|
162
|
+
ref: w,
|
|
163
|
+
type: "date",
|
|
164
|
+
value: g(a),
|
|
165
|
+
max: g(C),
|
|
166
|
+
min: c ? g(c) : void 0,
|
|
167
|
+
disabled: y,
|
|
168
|
+
onChange: T,
|
|
169
|
+
onBlur: h,
|
|
170
|
+
className: [
|
|
171
|
+
m.inputDateField,
|
|
172
|
+
u === "glassy" ? m.inputDateFieldGlassy : "",
|
|
173
|
+
l ? m.inputError : "",
|
|
174
|
+
d ?? ""
|
|
175
|
+
].filter(Boolean).join(" "),
|
|
176
|
+
"aria-invalid": !!l,
|
|
177
|
+
"aria-describedby": l ? `${r}-error` : void 0,
|
|
178
|
+
...b
|
|
179
|
+
}), /* @__PURE__ */ t("button", {
|
|
180
|
+
type: "button",
|
|
181
|
+
className: m.calendarIconButton,
|
|
182
|
+
onClick: E,
|
|
183
|
+
disabled: y,
|
|
184
|
+
"aria-label": "Datum auswählen",
|
|
185
|
+
tabIndex: -1,
|
|
186
|
+
children: /* @__PURE__ */ t(v, {})
|
|
187
|
+
})]
|
|
188
|
+
}),
|
|
189
|
+
l && /* @__PURE__ */ t("span", {
|
|
190
|
+
id: `${r}-error`,
|
|
191
|
+
className: m.errorMessage,
|
|
192
|
+
children: l
|
|
193
|
+
})
|
|
194
|
+
]
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
function g(e) {
|
|
198
|
+
return e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : "";
|
|
199
|
+
}
|
|
200
|
+
function _(e) {
|
|
201
|
+
let [t, n, r] = e.split("-").map(Number);
|
|
202
|
+
return new Date(t, n - 1, r);
|
|
203
|
+
}
|
|
204
|
+
function v() {
|
|
205
|
+
return /* @__PURE__ */ n("svg", {
|
|
206
|
+
className: m.icon,
|
|
207
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
208
|
+
viewBox: "0 0 24 24",
|
|
209
|
+
fill: "none",
|
|
210
|
+
"aria-hidden": "true",
|
|
211
|
+
children: [
|
|
212
|
+
/* @__PURE__ */ t("path", { d: "M8 2V5" }),
|
|
213
|
+
/* @__PURE__ */ t("path", { d: "M16 2V5" }),
|
|
214
|
+
/* @__PURE__ */ t("path", { d: "M3.5 9.09H20.5" }),
|
|
215
|
+
/* @__PURE__ */ t("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" })
|
|
216
|
+
]
|
|
217
|
+
});
|
|
218
|
+
}
|
|
219
|
+
var y = {
|
|
220
|
+
inputBlockVertical: "_inputBlockVertical_1eq2l_1",
|
|
221
|
+
inputLabel: "_inputLabel_1eq2l_7",
|
|
222
|
+
inputLabelGlassy: "_inputLabelGlassy_1eq2l_13",
|
|
223
|
+
inputSelectField: "_inputSelectField_1eq2l_17",
|
|
224
|
+
inputSelectFieldGlassy: "_inputSelectFieldGlassy_1eq2l_27",
|
|
225
|
+
inputError: "_inputError_1eq2l_40",
|
|
226
|
+
errorMessage: "_errorMessage_1eq2l_44"
|
|
227
|
+
};
|
|
228
|
+
//#endregion
|
|
229
|
+
//#region src/components/form/dropdown/Dropdown.tsx
|
|
230
|
+
function b({ label: e, name: r, options: i, placeholder: a, error: o, variant: s = "default", className: c, disabled: l, ...u }) {
|
|
231
|
+
return /* @__PURE__ */ n("div", {
|
|
232
|
+
className: y.inputBlockVertical,
|
|
233
|
+
children: [
|
|
234
|
+
/* @__PURE__ */ t("label", {
|
|
235
|
+
htmlFor: r,
|
|
236
|
+
className: [y.inputLabel, s === "glassy" ? y.inputLabelGlassy : ""].filter(Boolean).join(" "),
|
|
237
|
+
children: e
|
|
238
|
+
}),
|
|
239
|
+
/* @__PURE__ */ n("select", {
|
|
240
|
+
id: r,
|
|
241
|
+
name: r,
|
|
242
|
+
disabled: l,
|
|
243
|
+
className: [
|
|
244
|
+
y.inputSelectField,
|
|
245
|
+
s === "glassy" ? y.inputSelectFieldGlassy : "",
|
|
246
|
+
o ? y.inputError : "",
|
|
247
|
+
c ?? ""
|
|
248
|
+
].filter(Boolean).join(" "),
|
|
249
|
+
"aria-invalid": !!o,
|
|
250
|
+
"aria-describedby": o ? `${r}-error` : void 0,
|
|
251
|
+
...u,
|
|
252
|
+
children: [a && /* @__PURE__ */ t("option", {
|
|
253
|
+
value: "",
|
|
254
|
+
disabled: !0,
|
|
255
|
+
children: a
|
|
256
|
+
}), i.map((e) => /* @__PURE__ */ t("option", {
|
|
257
|
+
value: e.value,
|
|
258
|
+
children: e.label
|
|
259
|
+
}, e.value))]
|
|
260
|
+
}),
|
|
261
|
+
o && /* @__PURE__ */ t("span", {
|
|
262
|
+
id: `${r}-error`,
|
|
263
|
+
className: y.errorMessage,
|
|
264
|
+
children: o
|
|
265
|
+
})
|
|
266
|
+
]
|
|
267
|
+
});
|
|
268
|
+
}
|
|
269
|
+
var x = {
|
|
270
|
+
appLink: "_appLink_18ja7_1",
|
|
271
|
+
appLinkGlassy: "_appLinkGlassy_18ja7_27",
|
|
272
|
+
label: "_label_18ja7_35",
|
|
273
|
+
icon: "_icon_18ja7_40",
|
|
274
|
+
arrowIcon: "_arrowIcon_18ja7_51"
|
|
275
|
+
};
|
|
276
|
+
//#endregion
|
|
277
|
+
//#region src/components/form/link/Link.tsx
|
|
278
|
+
function S({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0, variant: s = "default", className: c, ...l }) {
|
|
279
|
+
function u(e) {
|
|
280
|
+
r || e.preventDefault(), i?.(e);
|
|
281
|
+
}
|
|
282
|
+
return /* @__PURE__ */ n("a", {
|
|
283
|
+
href: r ?? "#",
|
|
284
|
+
onClick: u,
|
|
285
|
+
target: r && a ? "_blank" : void 0,
|
|
286
|
+
rel: r && a ? "noopener noreferrer" : void 0,
|
|
287
|
+
className: [
|
|
288
|
+
x.appLink,
|
|
289
|
+
s === "glassy" ? x.appLinkGlassy : "",
|
|
290
|
+
c ?? ""
|
|
291
|
+
].filter(Boolean).join(" "),
|
|
292
|
+
...l,
|
|
293
|
+
children: [/* @__PURE__ */ t("span", {
|
|
294
|
+
className: x.label,
|
|
295
|
+
children: e
|
|
296
|
+
}), o && /* @__PURE__ */ t("span", {
|
|
297
|
+
className: x.icon,
|
|
298
|
+
"aria-hidden": "true",
|
|
299
|
+
children: /* @__PURE__ */ t(C, {})
|
|
300
|
+
})]
|
|
301
|
+
});
|
|
302
|
+
}
|
|
303
|
+
function C() {
|
|
304
|
+
return /* @__PURE__ */ n("svg", {
|
|
305
|
+
className: x.arrowIcon,
|
|
306
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
307
|
+
viewBox: "0 0 24 24",
|
|
308
|
+
fill: "none",
|
|
309
|
+
"aria-hidden": "true",
|
|
310
|
+
children: [/* @__PURE__ */ t("path", { d: "M5 12H19" }), /* @__PURE__ */ t("path", { d: "M13 6L19 12L13 18" })]
|
|
311
|
+
});
|
|
312
|
+
}
|
|
313
|
+
var w = {
|
|
314
|
+
inputBlockVertical: "_inputBlockVertical_1x5ym_1",
|
|
315
|
+
inputLabel: "_inputLabel_1x5ym_7",
|
|
316
|
+
inputLabelGlassy: "_inputLabelGlassy_1x5ym_13",
|
|
317
|
+
passwordInputWrapper: "_passwordInputWrapper_1x5ym_17",
|
|
318
|
+
inputTextField: "_inputTextField_1x5ym_22",
|
|
319
|
+
inputTextFieldGlassy: "_inputTextFieldGlassy_1x5ym_34",
|
|
320
|
+
inputError: "_inputError_1x5ym_52",
|
|
321
|
+
togglePasswordButton: "_togglePasswordButton_1x5ym_56",
|
|
322
|
+
icon: "_icon_1x5ym_88",
|
|
323
|
+
errorMessage: "_errorMessage_1x5ym_97"
|
|
324
|
+
};
|
|
325
|
+
//#endregion
|
|
326
|
+
//#region src/components/form/password/Password.tsx
|
|
327
|
+
function T({ label: e, name: r, id: i, error: a, variant: o = "default", colorToken: c = "--colors-juice-sugarcane", className: l, disabled: u, ref: d, autoComplete: f = "current-password", ...p }) {
|
|
328
|
+
let [m, h] = s(!1), g = i ?? r, _ = { "--password-accent-color": `var(${c})` };
|
|
329
|
+
function v() {
|
|
330
|
+
h((e) => !e);
|
|
331
|
+
}
|
|
332
|
+
return /* @__PURE__ */ n("div", {
|
|
333
|
+
className: w.inputBlockVertical,
|
|
334
|
+
style: _,
|
|
335
|
+
children: [
|
|
336
|
+
e && /* @__PURE__ */ t("label", {
|
|
337
|
+
htmlFor: g,
|
|
338
|
+
className: [w.inputLabel, o === "glassy" ? w.inputLabelGlassy : ""].filter(Boolean).join(" "),
|
|
339
|
+
children: e
|
|
340
|
+
}),
|
|
341
|
+
/* @__PURE__ */ n("div", {
|
|
342
|
+
className: w.passwordInputWrapper,
|
|
343
|
+
children: [/* @__PURE__ */ t("input", {
|
|
344
|
+
id: g,
|
|
345
|
+
name: r,
|
|
346
|
+
ref: d,
|
|
347
|
+
type: m ? "text" : "password",
|
|
348
|
+
disabled: u,
|
|
349
|
+
autoComplete: f,
|
|
350
|
+
className: [
|
|
351
|
+
w.inputTextField,
|
|
352
|
+
o === "glassy" ? w.inputTextFieldGlassy : "",
|
|
353
|
+
a ? w.inputError : "",
|
|
354
|
+
l ?? ""
|
|
355
|
+
].filter(Boolean).join(" "),
|
|
356
|
+
"aria-invalid": !!a,
|
|
357
|
+
"aria-describedby": a ? `${r}-error` : void 0,
|
|
358
|
+
...p
|
|
359
|
+
}), /* @__PURE__ */ t("button", {
|
|
360
|
+
type: "button",
|
|
361
|
+
className: w.togglePasswordButton,
|
|
362
|
+
onClick: v,
|
|
363
|
+
disabled: u,
|
|
364
|
+
"aria-label": m ? "Passwort ausblenden" : "Passwort anzeigen",
|
|
365
|
+
"aria-pressed": m,
|
|
366
|
+
children: t(m ? D : E, {})
|
|
367
|
+
})]
|
|
368
|
+
}),
|
|
369
|
+
a && /* @__PURE__ */ t("span", {
|
|
370
|
+
id: `${r}-error`,
|
|
371
|
+
className: w.errorMessage,
|
|
372
|
+
children: a
|
|
373
|
+
})
|
|
374
|
+
]
|
|
375
|
+
});
|
|
376
|
+
}
|
|
377
|
+
function E() {
|
|
378
|
+
return /* @__PURE__ */ n("svg", {
|
|
379
|
+
className: w.icon,
|
|
380
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
381
|
+
viewBox: "0 0 24 24",
|
|
382
|
+
fill: "none",
|
|
383
|
+
"aria-hidden": "true",
|
|
384
|
+
children: [/* @__PURE__ */ t("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ t("circle", {
|
|
385
|
+
cx: "12",
|
|
386
|
+
cy: "12",
|
|
387
|
+
r: "3"
|
|
388
|
+
})]
|
|
389
|
+
});
|
|
390
|
+
}
|
|
391
|
+
function D() {
|
|
392
|
+
return /* @__PURE__ */ t("svg", {
|
|
393
|
+
className: w.icon,
|
|
394
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
395
|
+
viewBox: "0 0 24 24",
|
|
396
|
+
fill: "none",
|
|
397
|
+
"aria-hidden": "true",
|
|
398
|
+
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" })
|
|
399
|
+
});
|
|
400
|
+
}
|
|
401
|
+
var O = {
|
|
402
|
+
inputBlockVertical: "_inputBlockVertical_n4fz9_1",
|
|
403
|
+
inputLabel: "_inputLabel_n4fz9_7",
|
|
404
|
+
inputLabelGlassy: "_inputLabelGlassy_n4fz9_13",
|
|
405
|
+
inputWrapper: "_inputWrapper_n4fz9_17",
|
|
406
|
+
inputTextField: "_inputTextField_n4fz9_22",
|
|
407
|
+
inputTextFieldGlassy: "_inputTextFieldGlassy_n4fz9_34",
|
|
408
|
+
inputValid: "_inputValid_n4fz9_60",
|
|
409
|
+
inputError: "_inputError_n4fz9_64",
|
|
410
|
+
loading: "_loading_n4fz9_68",
|
|
411
|
+
suggestionList: "_suggestionList_n4fz9_77",
|
|
412
|
+
suggestionItem: "_suggestionItem_n4fz9_94",
|
|
413
|
+
postalCode: "_postalCode_n4fz9_114",
|
|
414
|
+
locality: "_locality_n4fz9_119",
|
|
415
|
+
emptyState: "_emptyState_n4fz9_123",
|
|
416
|
+
successMessage: "_successMessage_n4fz9_138",
|
|
417
|
+
errorMessage: "_errorMessage_n4fz9_144"
|
|
418
|
+
};
|
|
419
|
+
//#endregion
|
|
420
|
+
//#region src/components/form/postal-code/PostalCode.tsx
|
|
421
|
+
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 }) {
|
|
422
|
+
let b = i(), x = c ?? `${a}-${b}`, S = o(null), [C, w] = s(""), [T, E] = s([]), [D, k] = s(!1), [A, j] = s(!1), M = /^\d+$/.test(C.trim()), N = C.trim().length >= 4 && M && !D, P = N && T.some((e) => e.postalCode === C.trim()), F = N && !P;
|
|
423
|
+
r(() => {
|
|
424
|
+
let e = C.trim();
|
|
425
|
+
if (e.length < 2) {
|
|
426
|
+
E([]), j(!1);
|
|
427
|
+
return;
|
|
428
|
+
}
|
|
429
|
+
let t = new AbortController();
|
|
430
|
+
async function n() {
|
|
431
|
+
k(!0);
|
|
432
|
+
try {
|
|
433
|
+
let n = /^\d+$/.test(e) ? `https://openplzapi.org/ch/Localities?postalCode=${e}` : `https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(e)}`, r = await fetch(n, { signal: t.signal });
|
|
434
|
+
if (!r.ok) throw Error("Postal-Code-Suche fehlgeschlagen");
|
|
435
|
+
let i = await r.json();
|
|
436
|
+
E(Array.from(new Map(i.map((e) => {
|
|
437
|
+
let t = `${e.postalCode} ${e.name}`;
|
|
438
|
+
return [t, {
|
|
439
|
+
label: t,
|
|
440
|
+
postalCode: e.postalCode,
|
|
441
|
+
locality: e.name
|
|
442
|
+
}];
|
|
443
|
+
})).values()).slice(0, 10)), j(!0);
|
|
444
|
+
} catch (e) {
|
|
445
|
+
if (t.signal.aborted) return;
|
|
446
|
+
console.error(e), E([]), j(!0);
|
|
447
|
+
} finally {
|
|
448
|
+
t.signal.aborted || k(!1);
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
let r = window.setTimeout(n, 300);
|
|
452
|
+
return () => {
|
|
453
|
+
window.clearTimeout(r), t.abort();
|
|
454
|
+
};
|
|
455
|
+
}, [C]);
|
|
456
|
+
function I(e) {
|
|
457
|
+
S.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
|
|
458
|
+
}
|
|
459
|
+
function L(e) {
|
|
460
|
+
let t = e.target.value;
|
|
461
|
+
w(t), _?.(t), h?.(e);
|
|
462
|
+
}
|
|
463
|
+
function R(e) {
|
|
464
|
+
w(e.label), E([]), _?.(e.label), v?.(e), S.current && (S.current.value = e.label, S.current.dispatchEvent(new Event("input", { bubbles: !0 })));
|
|
465
|
+
}
|
|
466
|
+
return /* @__PURE__ */ n("div", {
|
|
467
|
+
className: O.inputBlockVertical,
|
|
468
|
+
children: [
|
|
469
|
+
/* @__PURE__ */ t("label", {
|
|
470
|
+
htmlFor: x,
|
|
471
|
+
className: [O.inputLabel, u === "glassy" ? O.inputLabelGlassy : ""].filter(Boolean).join(" "),
|
|
472
|
+
children: e
|
|
473
|
+
}),
|
|
474
|
+
/* @__PURE__ */ n("div", {
|
|
475
|
+
className: O.inputWrapper,
|
|
476
|
+
children: [
|
|
477
|
+
/* @__PURE__ */ t("input", {
|
|
478
|
+
id: x,
|
|
479
|
+
name: a,
|
|
480
|
+
ref: I,
|
|
481
|
+
type: "text",
|
|
482
|
+
inputMode: "search",
|
|
483
|
+
autoComplete: "postal-code",
|
|
484
|
+
disabled: f,
|
|
485
|
+
placeholder: p,
|
|
486
|
+
value: C,
|
|
487
|
+
onChange: L,
|
|
488
|
+
onBlur: g,
|
|
489
|
+
className: [
|
|
490
|
+
O.inputTextField,
|
|
491
|
+
u === "glassy" ? O.inputTextFieldGlassy : "",
|
|
492
|
+
P ? O.inputValid : "",
|
|
493
|
+
F || l ? O.inputError : "",
|
|
494
|
+
d ?? ""
|
|
495
|
+
].filter(Boolean).join(" "),
|
|
496
|
+
"aria-invalid": !!l || F,
|
|
497
|
+
"aria-describedby": l ? `${a}-error` : void 0,
|
|
498
|
+
...y
|
|
499
|
+
}),
|
|
500
|
+
D && /* @__PURE__ */ t("span", {
|
|
501
|
+
className: O.loading,
|
|
502
|
+
children: "Lädt…"
|
|
503
|
+
}),
|
|
504
|
+
T.length > 0 && /* @__PURE__ */ t("ul", {
|
|
505
|
+
className: O.suggestionList,
|
|
506
|
+
children: T.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
|
|
507
|
+
type: "button",
|
|
508
|
+
className: O.suggestionItem,
|
|
509
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
510
|
+
onClick: () => R(e),
|
|
511
|
+
children: [/* @__PURE__ */ t("span", {
|
|
512
|
+
className: O.postalCode,
|
|
513
|
+
children: e.postalCode
|
|
514
|
+
}), /* @__PURE__ */ t("span", {
|
|
515
|
+
className: O.locality,
|
|
516
|
+
children: e.locality
|
|
517
|
+
})]
|
|
518
|
+
}) }, e.label))
|
|
519
|
+
}),
|
|
520
|
+
A && C.trim().length >= 2 && T.length === 0 && !D && /* @__PURE__ */ t("div", {
|
|
521
|
+
className: O.emptyState,
|
|
522
|
+
children: "Keine Schweizer PLZ oder Ortschaft gefunden."
|
|
523
|
+
})
|
|
524
|
+
]
|
|
525
|
+
}),
|
|
526
|
+
P && /* @__PURE__ */ t("span", {
|
|
527
|
+
className: O.successMessage,
|
|
528
|
+
children: "Gültige Schweizer Postleitzahl"
|
|
529
|
+
}),
|
|
530
|
+
F && /* @__PURE__ */ t("span", {
|
|
531
|
+
className: O.errorMessage,
|
|
532
|
+
children: "Diese Schweizer Postleitzahl wurde nicht gefunden."
|
|
533
|
+
}),
|
|
534
|
+
l && /* @__PURE__ */ t("span", {
|
|
535
|
+
id: `${a}-error`,
|
|
536
|
+
className: O.errorMessage,
|
|
537
|
+
children: l
|
|
538
|
+
})
|
|
539
|
+
]
|
|
540
|
+
});
|
|
541
|
+
}
|
|
542
|
+
var A = {
|
|
543
|
+
radioGroup: "_radioGroup_tmet2_1",
|
|
544
|
+
radioGroupGlassy: "_radioGroupGlassy_tmet2_11",
|
|
545
|
+
radioLabel: "_radioLabel_tmet2_15",
|
|
546
|
+
radioLabelGlassy: "_radioLabelGlassy_tmet2_20",
|
|
547
|
+
optionGroup: "_optionGroup_tmet2_24",
|
|
548
|
+
optionWrapper: "_optionWrapper_tmet2_31",
|
|
549
|
+
optionWrapperDisabled: "_optionWrapperDisabled_tmet2_37",
|
|
550
|
+
radioInput: "_radioInput_tmet2_41",
|
|
551
|
+
optionButton: "_optionButton_tmet2_53",
|
|
552
|
+
optionTitle: "_optionTitle_tmet2_77",
|
|
553
|
+
optionDescription: "_optionDescription_tmet2_83",
|
|
554
|
+
optionButtonError: "_optionButtonError_tmet2_117",
|
|
555
|
+
optionButtonGlassy: "_optionButtonGlassy_tmet2_122",
|
|
556
|
+
errorMessage: "_errorMessage_tmet2_144"
|
|
557
|
+
};
|
|
558
|
+
//#endregion
|
|
559
|
+
//#region src/components/form/radiobutton/RadioButton.tsx
|
|
560
|
+
function j({ label: e, name: r, options: i, error: a, variant: o = "default", className: s, disabled: c, value: l, defaultValue: u, onChange: d, ...f }) {
|
|
561
|
+
let p = l !== void 0;
|
|
562
|
+
return /* @__PURE__ */ n("fieldset", {
|
|
563
|
+
className: [
|
|
564
|
+
A.radioGroup,
|
|
565
|
+
o === "glassy" ? A.radioGroupGlassy : "",
|
|
566
|
+
s ?? ""
|
|
567
|
+
].filter(Boolean).join(" "),
|
|
568
|
+
"aria-invalid": !!a,
|
|
569
|
+
"aria-describedby": a ? `${r}-error` : void 0,
|
|
570
|
+
children: [
|
|
571
|
+
e && /* @__PURE__ */ t("legend", {
|
|
572
|
+
className: [A.radioLabel, o === "glassy" ? A.radioLabelGlassy : ""].filter(Boolean).join(" "),
|
|
573
|
+
children: e
|
|
574
|
+
}),
|
|
575
|
+
/* @__PURE__ */ t("div", {
|
|
576
|
+
className: A.optionGroup,
|
|
577
|
+
children: i.map((e) => {
|
|
578
|
+
let i = p ? { checked: l === e.value } : { defaultChecked: u === e.value };
|
|
579
|
+
return /* @__PURE__ */ n("label", {
|
|
580
|
+
className: [A.optionWrapper, c ? A.optionWrapperDisabled : ""].filter(Boolean).join(" "),
|
|
581
|
+
children: [/* @__PURE__ */ t("input", {
|
|
582
|
+
type: "radio",
|
|
583
|
+
name: r,
|
|
584
|
+
value: e.value,
|
|
585
|
+
disabled: c,
|
|
586
|
+
className: A.radioInput,
|
|
587
|
+
onChange: d,
|
|
588
|
+
...i,
|
|
589
|
+
...f
|
|
590
|
+
}), /* @__PURE__ */ n("span", {
|
|
591
|
+
className: [
|
|
592
|
+
A.optionButton,
|
|
593
|
+
o === "glassy" ? A.optionButtonGlassy : "",
|
|
594
|
+
a ? A.optionButtonError : ""
|
|
595
|
+
].filter(Boolean).join(" "),
|
|
596
|
+
children: [/* @__PURE__ */ t("span", {
|
|
597
|
+
className: A.optionTitle,
|
|
598
|
+
children: e.label
|
|
599
|
+
}), e.description && /* @__PURE__ */ t("span", {
|
|
600
|
+
className: A.optionDescription,
|
|
601
|
+
children: e.description
|
|
602
|
+
})]
|
|
603
|
+
})]
|
|
604
|
+
}, e.value);
|
|
605
|
+
})
|
|
606
|
+
}),
|
|
607
|
+
a && /* @__PURE__ */ t("span", {
|
|
608
|
+
id: `${r}-error`,
|
|
609
|
+
className: A.errorMessage,
|
|
610
|
+
children: a
|
|
611
|
+
})
|
|
612
|
+
]
|
|
613
|
+
});
|
|
614
|
+
}
|
|
615
|
+
var M = {
|
|
616
|
+
switchWrapper: "_switchWrapper_f34wd_1",
|
|
617
|
+
switchCheckbox: "_switchCheckbox_f34wd_7",
|
|
618
|
+
switchLabel: "_switchLabel_f34wd_15",
|
|
619
|
+
switchLabelGlassy: "_switchLabelGlassy_f34wd_24",
|
|
620
|
+
switchBackground: "_switchBackground_f34wd_28",
|
|
621
|
+
switchButton: "_switchButton_f34wd_42",
|
|
622
|
+
iconChecked: "_iconChecked_f34wd_86",
|
|
623
|
+
iconUnchecked: "_iconUnchecked_f34wd_87",
|
|
624
|
+
switchText: "_switchText_f34wd_119",
|
|
625
|
+
errorMessage: "_errorMessage_f34wd_129"
|
|
626
|
+
};
|
|
627
|
+
//#endregion
|
|
628
|
+
//#region src/components/form/switch/Switch.tsx
|
|
629
|
+
function N({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
|
|
630
|
+
let u = r ?? `${e}-switch`;
|
|
631
|
+
return /* @__PURE__ */ n("div", {
|
|
632
|
+
className: [M.switchWrapper, s ?? ""].filter(Boolean).join(" "),
|
|
633
|
+
children: [
|
|
634
|
+
/* @__PURE__ */ t("input", {
|
|
635
|
+
id: u,
|
|
636
|
+
name: e,
|
|
637
|
+
type: "checkbox",
|
|
638
|
+
disabled: c,
|
|
639
|
+
className: M.switchCheckbox,
|
|
640
|
+
"aria-invalid": !!a,
|
|
641
|
+
"aria-describedby": a ? `${e}-error` : void 0,
|
|
642
|
+
...l
|
|
643
|
+
}),
|
|
644
|
+
/* @__PURE__ */ n("label", {
|
|
645
|
+
htmlFor: u,
|
|
646
|
+
className: [M.switchLabel, o === "glassy" ? M.switchLabelGlassy : ""].filter(Boolean).join(" "),
|
|
647
|
+
children: [/* @__PURE__ */ t("span", {
|
|
648
|
+
className: M.switchBackground,
|
|
649
|
+
children: /* @__PURE__ */ n("span", {
|
|
650
|
+
className: M.switchButton,
|
|
651
|
+
"aria-hidden": "true",
|
|
652
|
+
children: [/* @__PURE__ */ t("span", {
|
|
653
|
+
className: M.iconChecked,
|
|
654
|
+
children: /* @__PURE__ */ t(P, {})
|
|
655
|
+
}), /* @__PURE__ */ t("span", {
|
|
656
|
+
className: M.iconUnchecked,
|
|
657
|
+
children: /* @__PURE__ */ t(F, {})
|
|
658
|
+
})]
|
|
659
|
+
})
|
|
660
|
+
}), i && /* @__PURE__ */ t("span", {
|
|
661
|
+
className: M.switchText,
|
|
662
|
+
children: i
|
|
663
|
+
})]
|
|
664
|
+
}),
|
|
665
|
+
a && /* @__PURE__ */ t("span", {
|
|
666
|
+
id: `${e}-error`,
|
|
667
|
+
className: M.errorMessage,
|
|
668
|
+
children: a
|
|
669
|
+
})
|
|
670
|
+
]
|
|
671
|
+
});
|
|
672
|
+
}
|
|
673
|
+
function P() {
|
|
674
|
+
return /* @__PURE__ */ t("svg", {
|
|
675
|
+
width: "16",
|
|
676
|
+
height: "16",
|
|
677
|
+
viewBox: "0 0 12 12",
|
|
678
|
+
fill: "none",
|
|
679
|
+
"aria-hidden": "true",
|
|
680
|
+
children: /* @__PURE__ */ t("path", {
|
|
681
|
+
d: "M3 6.5L5.5 9L9 3",
|
|
682
|
+
stroke: "currentColor",
|
|
683
|
+
strokeWidth: "2",
|
|
684
|
+
strokeLinecap: "round",
|
|
685
|
+
strokeLinejoin: "round"
|
|
686
|
+
})
|
|
687
|
+
});
|
|
688
|
+
}
|
|
689
|
+
function F() {
|
|
690
|
+
return /* @__PURE__ */ t("svg", {
|
|
691
|
+
width: "16",
|
|
692
|
+
height: "16",
|
|
693
|
+
viewBox: "0 0 12 12",
|
|
694
|
+
fill: "none",
|
|
695
|
+
"aria-hidden": "true",
|
|
696
|
+
children: /* @__PURE__ */ t("path", {
|
|
697
|
+
d: "M3 3L9 9M9 3L3 9",
|
|
698
|
+
stroke: "currentColor",
|
|
699
|
+
strokeWidth: "2",
|
|
700
|
+
strokeLinecap: "round"
|
|
701
|
+
})
|
|
702
|
+
});
|
|
703
|
+
}
|
|
704
|
+
var I = {
|
|
705
|
+
inputBlockVertical: "_inputBlockVertical_1khad_1",
|
|
706
|
+
inputLabel: "_inputLabel_1khad_8",
|
|
707
|
+
inputLabelGlassy: "_inputLabelGlassy_1khad_14",
|
|
708
|
+
inputTextField: "_inputTextField_1khad_20",
|
|
709
|
+
inputTextFieldGlassy: "_inputTextFieldGlassy_1khad_37",
|
|
710
|
+
inputError: "_inputError_1khad_59",
|
|
711
|
+
errorMessage: "_errorMessage_1khad_63"
|
|
712
|
+
};
|
|
713
|
+
//#endregion
|
|
714
|
+
//#region src/components/form/textfield/TextField.tsx
|
|
715
|
+
function L({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
|
|
716
|
+
return /* @__PURE__ */ n("div", {
|
|
717
|
+
className: I.inputBlockVertical,
|
|
718
|
+
children: [
|
|
719
|
+
/* @__PURE__ */ t("label", {
|
|
720
|
+
htmlFor: r,
|
|
721
|
+
className: [I.inputLabel, o === "glassy" ? I.inputLabelGlassy : ""].filter(Boolean).join(" "),
|
|
722
|
+
children: e
|
|
723
|
+
}),
|
|
724
|
+
/* @__PURE__ */ t("input", {
|
|
725
|
+
id: r,
|
|
726
|
+
name: r,
|
|
727
|
+
ref: c,
|
|
728
|
+
placeholder: a,
|
|
729
|
+
className: [
|
|
730
|
+
I.inputTextField,
|
|
731
|
+
o === "glassy" ? I.inputTextFieldGlassy : "",
|
|
732
|
+
i ? I.inputError : "",
|
|
733
|
+
s ?? ""
|
|
734
|
+
].filter(Boolean).join(" "),
|
|
735
|
+
"aria-invalid": !!i,
|
|
736
|
+
"aria-describedby": i ? `${r}-error` : void 0,
|
|
737
|
+
...l
|
|
738
|
+
}),
|
|
739
|
+
i && /* @__PURE__ */ t("span", {
|
|
740
|
+
id: `${r}-error`,
|
|
741
|
+
className: I.errorMessage,
|
|
742
|
+
children: i
|
|
743
|
+
})
|
|
744
|
+
]
|
|
745
|
+
});
|
|
746
|
+
}
|
|
747
|
+
var R = {
|
|
748
|
+
wrapper: "_wrapper_1jqlw_1",
|
|
749
|
+
label: "_label_1jqlw_7",
|
|
750
|
+
labelGlassy: "_labelGlassy_1jqlw_13",
|
|
751
|
+
dropzone: "_dropzone_1jqlw_17",
|
|
752
|
+
dropzoneGlassy: "_dropzoneGlassy_1jqlw_32",
|
|
753
|
+
dragOver: "_dragOver_1jqlw_39",
|
|
754
|
+
errorState: "_errorState_1jqlw_48",
|
|
755
|
+
disabled: "_disabled_1jqlw_52",
|
|
756
|
+
hiddenInput: "_hiddenInput_1jqlw_57",
|
|
757
|
+
dropzoneContent: "_dropzoneContent_1jqlw_65",
|
|
758
|
+
placeholder: "_placeholder_1jqlw_74",
|
|
759
|
+
big: "_big_1jqlw_80",
|
|
760
|
+
small: "_small_1jqlw_86",
|
|
761
|
+
hint: "_hint_1jqlw_91",
|
|
762
|
+
selected: "_selected_1jqlw_111",
|
|
763
|
+
preview: "_preview_1jqlw_118",
|
|
764
|
+
fileMeta: "_fileMeta_1jqlw_127",
|
|
765
|
+
fileName: "_fileName_1jqlw_134",
|
|
766
|
+
fileSize: "_fileSize_1jqlw_142",
|
|
767
|
+
remove: "_remove_1jqlw_156",
|
|
768
|
+
errorMessage: "_errorMessage_1jqlw_198"
|
|
769
|
+
};
|
|
770
|
+
//#endregion
|
|
771
|
+
//#region src/components/form/upload/Upload.tsx
|
|
772
|
+
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 }) {
|
|
773
|
+
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]);
|
|
774
|
+
r(() => {
|
|
775
|
+
T && w(l ?? null);
|
|
776
|
+
}, [l, T]), r(() => () => {
|
|
777
|
+
D && URL.revokeObjectURL(D);
|
|
778
|
+
}, [D]);
|
|
779
|
+
function O(e) {
|
|
780
|
+
return !e || (f === "image/*" || f.startsWith("image/")) && !e.type.startsWith("image/") || p && e.size > p ? null : e;
|
|
781
|
+
}
|
|
782
|
+
function k(e) {
|
|
783
|
+
let t = O(e);
|
|
784
|
+
T || w(t), _?.(t);
|
|
785
|
+
}
|
|
786
|
+
function A(e) {
|
|
787
|
+
k(e.target.files?.[0] ?? null), g?.(e);
|
|
788
|
+
}
|
|
789
|
+
function j(e) {
|
|
790
|
+
e.preventDefault(), e.stopPropagation(), m || S(!0);
|
|
791
|
+
}
|
|
792
|
+
function M(e) {
|
|
793
|
+
e.preventDefault(), e.stopPropagation(), !e.currentTarget.contains(e.relatedTarget) && S(!1);
|
|
794
|
+
}
|
|
795
|
+
function N(e) {
|
|
796
|
+
e.preventDefault(), e.stopPropagation(), S(!1), !m && k(e.dataTransfer.files?.[0] ?? null);
|
|
797
|
+
}
|
|
798
|
+
function P() {
|
|
799
|
+
T || w(null), _?.(null);
|
|
800
|
+
}
|
|
801
|
+
let F = Math.round(p / (1024 * 1024));
|
|
802
|
+
return /* @__PURE__ */ n("div", {
|
|
803
|
+
className: [R.wrapper, h ?? ""].filter(Boolean).join(" "),
|
|
804
|
+
children: [
|
|
805
|
+
/* @__PURE__ */ t("label", {
|
|
806
|
+
className: [R.label, d === "glassy" ? R.labelGlassy : ""].filter(Boolean).join(" "),
|
|
807
|
+
htmlFor: b,
|
|
808
|
+
children: e
|
|
809
|
+
}),
|
|
810
|
+
/* @__PURE__ */ n("div", {
|
|
811
|
+
className: [
|
|
812
|
+
R.dropzone,
|
|
813
|
+
d === "glassy" ? R.dropzoneGlassy : "",
|
|
814
|
+
x ? R.dragOver : "",
|
|
815
|
+
u ? R.errorState : "",
|
|
816
|
+
m ? R.disabled : ""
|
|
817
|
+
].filter(Boolean).join(" "),
|
|
818
|
+
onDragOver: j,
|
|
819
|
+
onDragLeave: M,
|
|
820
|
+
onDrop: N,
|
|
821
|
+
children: [
|
|
822
|
+
/* @__PURE__ */ t("input", {
|
|
823
|
+
id: b,
|
|
824
|
+
name: o,
|
|
825
|
+
className: R.hiddenInput,
|
|
826
|
+
type: "file",
|
|
827
|
+
accept: f,
|
|
828
|
+
disabled: m,
|
|
829
|
+
onChange: A,
|
|
830
|
+
"aria-invalid": !!u,
|
|
831
|
+
"aria-describedby": u ? `${o}-error` : void 0,
|
|
832
|
+
...v
|
|
833
|
+
}),
|
|
834
|
+
/* @__PURE__ */ t("label", {
|
|
835
|
+
htmlFor: b,
|
|
836
|
+
className: R.dropzoneContent,
|
|
837
|
+
children: E ? /* @__PURE__ */ n("span", {
|
|
838
|
+
className: R.selected,
|
|
839
|
+
children: [D && /* @__PURE__ */ t("img", {
|
|
840
|
+
className: R.preview,
|
|
841
|
+
src: D,
|
|
842
|
+
alt: `Vorschau von ${E.name}`
|
|
843
|
+
}), /* @__PURE__ */ n("span", {
|
|
844
|
+
className: R.fileMeta,
|
|
845
|
+
children: [/* @__PURE__ */ t("span", {
|
|
846
|
+
className: R.fileName,
|
|
847
|
+
children: E.name
|
|
848
|
+
}), /* @__PURE__ */ n("span", {
|
|
849
|
+
className: R.fileSize,
|
|
850
|
+
children: [
|
|
851
|
+
(E.size / 1024).toFixed(0),
|
|
852
|
+
" KB ·",
|
|
853
|
+
" ",
|
|
854
|
+
E.type || "unknown"
|
|
855
|
+
]
|
|
856
|
+
})]
|
|
857
|
+
})]
|
|
858
|
+
}) : /* @__PURE__ */ n("span", {
|
|
859
|
+
className: R.placeholder,
|
|
860
|
+
children: [
|
|
861
|
+
/* @__PURE__ */ t("span", {
|
|
862
|
+
className: R.big,
|
|
863
|
+
children: "Datei hier reinziehen"
|
|
864
|
+
}),
|
|
865
|
+
/* @__PURE__ */ t("span", {
|
|
866
|
+
className: R.small,
|
|
867
|
+
children: "…oder klicken, um auszuwählen"
|
|
868
|
+
}),
|
|
869
|
+
/* @__PURE__ */ n("span", {
|
|
870
|
+
className: R.hint,
|
|
871
|
+
children: [
|
|
872
|
+
"Erlaubt: ",
|
|
873
|
+
f,
|
|
874
|
+
" · max. ",
|
|
875
|
+
F,
|
|
876
|
+
" MB"
|
|
877
|
+
]
|
|
878
|
+
})
|
|
879
|
+
]
|
|
880
|
+
})
|
|
881
|
+
}),
|
|
882
|
+
E && /* @__PURE__ */ t("button", {
|
|
883
|
+
type: "button",
|
|
884
|
+
className: R.remove,
|
|
885
|
+
onClick: P,
|
|
886
|
+
disabled: m,
|
|
887
|
+
children: "Entfernen"
|
|
888
|
+
})
|
|
889
|
+
]
|
|
890
|
+
}),
|
|
891
|
+
u && /* @__PURE__ */ t("span", {
|
|
892
|
+
id: `${o}-error`,
|
|
893
|
+
className: R.errorMessage,
|
|
894
|
+
children: u
|
|
895
|
+
})
|
|
896
|
+
]
|
|
897
|
+
});
|
|
898
|
+
}
|
|
40
899
|
//#endregion
|
|
41
|
-
export {
|
|
900
|
+
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 };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`SUUS Component Library`]={},e.jsxRuntime))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={suusButton:`_suusButton_1q9to_1`,icon:`_icon_1q9to_45`,label:`_label_1q9to_62`,primary:`_primary_1q9to_69`,secondary:`_secondary_1q9to_113`,loading:`_loading_1q9to_169`,loader:`_loader_1q9to_173`,"btn-spin":`_btn-spin_1q9to_1`,loaderSecondary:`_loaderSecondary_1q9to_182`};function r({label:e,onClick:r,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--colors-juice-sugarcane`,icon:l,...u}){return(0,t.jsx)(`button`,{type:i,onClick:r,disabled:a||o,style:{"--button-background-color":`var(${c})`},className:[n.suusButton,n[s],o?n.loading:``].filter(Boolean).join(` `),"aria-busy":o,...u,children:o?(0,t.jsx)(`span`,{className:`${n.loader} ${s===`primary`?``:n.loaderSecondary}`,"aria-hidden":`true`}):(0,t.jsxs)(t.Fragment,{children:[l?(0,t.jsx)(`span`,{className:n.icon,children:l}):null,(0,t.jsx)(`span`,{className:n.label,children:e})]})})}e.Button=r});
|
|
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_1q9to_1`,icon:`_icon_1q9to_45`,label:`_label_1q9to_62`,primary:`_primary_1q9to_69`,secondary:`_secondary_1q9to_113`,loading:`_loading_1q9to_169`,loader:`_loader_1q9to_173`,"btn-spin":`_btn-spin_1q9to_1`,loaderSecondary:`_loaderSecondary_1q9to_182`};function i({label:e,onClick:n,type:i=`button`,disabled:a=!1,loading:o=!1,variant:s=`primary`,colorToken:c=`--colors-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_137qc_1`,checkboxInput:`_checkboxInput_137qc_15`,checkboxLabel:`_checkboxLabel_137qc_24`,customCheckbox:`_customCheckbox_137qc_34`,checkIcon:`_checkIcon_137qc_57`,checkboxText:`_checkboxText_137qc_76`,checkboxWrapperDisabled:`_checkboxWrapperDisabled_137qc_107`,checkboxWrapperError:`_checkboxWrapperError_137qc_133`,errorMessage:`_errorMessage_137qc_147`,checkboxWrapperGlassy:`_checkboxWrapperGlassy_137qc_157`};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_9t0x4_1`,chipGlassy:`_chipGlassy_9t0x4_19`};function c({children:e,variant:n=`default`,className:r,...i}){return(0,t.jsx)(`span`,{className:[s.chip,n===`glassy`?s.chipGlassy:``,r??``].filter(Boolean).join(` `),...i,children:e})}var l={inputBlockVertical:`_inputBlockVertical_1vqyb_1`,inputLabel:`_inputLabel_1vqyb_7`,inputLabelGlassy:`_inputLabelGlassy_1vqyb_13`,dateInputWrapper:`_dateInputWrapper_1vqyb_17`,inputDateField:`_inputDateField_1vqyb_22`,inputDateFieldGlassy:`_inputDateFieldGlassy_1vqyb_54`,inputError:`_inputError_1vqyb_72`,calendarIconButton:`_calendarIconButton_1vqyb_76`,icon:`_icon_1vqyb_104`,errorMessage:`_errorMessage_1vqyb_113`};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:l.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:b,className:[l.inputLabel,u===`glassy`?l.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={inputBlockVertical:`_inputBlockVertical_1eq2l_1`,inputLabel:`_inputLabel_1eq2l_7`,inputLabelGlassy:`_inputLabelGlassy_1eq2l_13`,inputSelectField:`_inputSelectField_1eq2l_17`,inputSelectFieldGlassy:`_inputSelectFieldGlassy_1eq2l_27`,inputError:`_inputError_1eq2l_40`,errorMessage:`_errorMessage_1eq2l_44`};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:m.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[m.inputLabel,o===`glassy`?m.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_18ja7_1`,appLinkGlassy:`_appLinkGlassy_18ja7_27`,label:`_label_18ja7_35`,icon:`_icon_18ja7_40`,arrowIcon:`_arrowIcon_18ja7_51`};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:``,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={inputBlockVertical:`_inputBlockVertical_1x5ym_1`,inputLabel:`_inputLabel_1x5ym_7`,inputLabelGlassy:`_inputLabelGlassy_1x5ym_13`,passwordInputWrapper:`_passwordInputWrapper_1x5ym_17`,inputTextField:`_inputTextField_1x5ym_22`,inputTextFieldGlassy:`_inputTextFieldGlassy_1x5ym_34`,inputError:`_inputError_1x5ym_52`,togglePasswordButton:`_togglePasswordButton_1x5ym_56`,icon:`_icon_1x5ym_88`,errorMessage:`_errorMessage_1x5ym_97`};function b({label:e,name:r,id:i,error:a,variant:o=`default`,colorToken:s=`--colors-juice-sugarcane`,className:c,disabled:l,ref:u,autoComplete:d=`current-password`,...f}){let[p,m]=(0,n.useState)(!1),h=i??r,g={"--password-accent-color":`var(${s})`};function _(){m(e=>!e)}return(0,t.jsxs)(`div`,{className:y.inputBlockVertical,style:g,children:[e&&(0,t.jsx)(`label`,{htmlFor:h,className:[y.inputLabel,o===`glassy`?y.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:y.passwordInputWrapper,children:[(0,t.jsx)(`input`,{id:h,name:r,ref:u,type:p?`text`:`password`,disabled:l,autoComplete:d,className:[y.inputTextField,o===`glassy`?y.inputTextFieldGlassy:``,a?y.inputError:``,c??``].filter(Boolean).join(` `),"aria-invalid":!!a,"aria-describedby":a?`${r}-error`:void 0,...f}),(0,t.jsx)(`button`,{type:`button`,className:y.togglePasswordButton,onClick:_,disabled:l,"aria-label":p?`Passwort ausblenden`:`Passwort anzeigen`,"aria-pressed":p,children:p?(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={inputBlockVertical:`_inputBlockVertical_n4fz9_1`,inputLabel:`_inputLabel_n4fz9_7`,inputLabelGlassy:`_inputLabelGlassy_n4fz9_13`,inputWrapper:`_inputWrapper_n4fz9_17`,inputTextField:`_inputTextField_n4fz9_22`,inputTextFieldGlassy:`_inputTextFieldGlassy_n4fz9_34`,inputValid:`_inputValid_n4fz9_60`,inputError:`_inputError_n4fz9_64`,loading:`_loading_n4fz9_68`,suggestionList:`_suggestionList_n4fz9_77`,suggestionItem:`_suggestionItem_n4fz9_94`,postalCode:`_postalCode_n4fz9_114`,locality:`_locality_n4fz9_119`,emptyState:`_emptyState_n4fz9_123`,successMessage:`_successMessage_n4fz9_138`,errorMessage:`_errorMessage_n4fz9_144`};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,b]=(0,n.useState)(``),[x,S]=(0,n.useState)([]),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(!1),O=/^\d+$/.test(y.trim()),k=y.trim().length>=4&&O&&!w,A=k&&x.some(e=>e.postalCode===y.trim()),j=k&&!A;(0,n.useEffect)(()=>{let e=y.trim();if(e.length<2){S([]),D(!1);return}let t=new AbortController;async function n(){T(!0);try{let n=/^\d+$/.test(e)?`https://openplzapi.org/ch/Localities?postalCode=${e}`:`https://openplzapi.org/ch/Localities?locality=${encodeURIComponent(e)}`,r=await fetch(n,{signal:t.signal});if(!r.ok)throw Error(`Postal-Code-Suche fehlgeschlagen`);let i=await r.json();S(Array.from(new Map(i.map(e=>{let t=`${e.postalCode} ${e.name}`;return[t,{label:t,postalCode:e.postalCode,locality:e.name}]})).values()).slice(0,10)),D(!0)}catch(e){if(t.signal.aborted)return;console.error(e),S([]),D(!0)}finally{t.signal.aborted||T(!1)}}let r=window.setTimeout(n,300);return()=>{window.clearTimeout(r),t.abort()}},[y]);function M(e){v.current=e,typeof u==`function`?u(e):u&&(u.current=e)}function N(e){let t=e.target.value;b(t),p?.(t),d?.(e)}function P(e){b(e.label),S([]),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:C.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:_,className:[C.inputLabel,o===`glassy`?C.inputLabelGlassy:``].filter(Boolean).join(` `),children:e}),(0,t.jsxs)(`div`,{className:C.inputWrapper,children:[(0,t.jsx)(`input`,{id:_,name:r,ref:M,type:`text`,inputMode:`search`,autoComplete:`postal-code`,disabled:c,placeholder:l,value:y,onChange:N,onBlur:f,className:[C.inputTextField,o===`glassy`?C.inputTextFieldGlassy:``,A?C.inputValid:``,j||a?C.inputError:``,s??``].filter(Boolean).join(` `),"aria-invalid":!!a||j,"aria-describedby":a?`${r}-error`:void 0,...h}),w&&(0,t.jsx)(`span`,{className:C.loading,children:`Lädt…`}),x.length>0&&(0,t.jsx)(`ul`,{className:C.suggestionList,children:x.map(e=>(0,t.jsx)(`li`,{children:(0,t.jsxs)(`button`,{type:`button`,className:C.suggestionItem,onMouseDown:e=>e.preventDefault(),onClick:()=>P(e),children:[(0,t.jsx)(`span`,{className:C.postalCode,children:e.postalCode}),(0,t.jsx)(`span`,{className:C.locality,children:e.locality})]})},e.label))}),E&&y.trim().length>=2&&x.length===0&&!w&&(0,t.jsx)(`div`,{className:C.emptyState,children:`Keine Schweizer PLZ oder Ortschaft gefunden.`})]}),A&&(0,t.jsx)(`span`,{className:C.successMessage,children:`Gültige Schweizer Postleitzahl`}),j&&(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_tmet2_1`,radioGroupGlassy:`_radioGroupGlassy_tmet2_11`,radioLabel:`_radioLabel_tmet2_15`,radioLabelGlassy:`_radioLabelGlassy_tmet2_20`,optionGroup:`_optionGroup_tmet2_24`,optionWrapper:`_optionWrapper_tmet2_31`,optionWrapperDisabled:`_optionWrapperDisabled_tmet2_37`,radioInput:`_radioInput_tmet2_41`,optionButton:`_optionButton_tmet2_53`,optionTitle:`_optionTitle_tmet2_77`,optionDescription:`_optionDescription_tmet2_83`,optionButtonError:`_optionButtonError_tmet2_117`,optionButtonGlassy:`_optionButtonGlassy_tmet2_122`,errorMessage:`_errorMessage_tmet2_144`};function E({label:e,name:n,options:r,error:i,variant:a=`default`,className:o,disabled:s,value:c,defaultValue:l,onChange:u,...d}){let f=c!==void 0;return(0,t.jsxs)(`fieldset`,{className:[T.radioGroup,a===`glassy`?T.radioGroupGlassy:``,o??``].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=f?{checked:c===e.value}:{defaultChecked:l===e.value};return(0,t.jsxs)(`label`,{className:[T.optionWrapper,s?T.optionWrapperDisabled:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`input`,{type:`radio`,name:n,value:e.value,disabled:s,className:T.radioInput,onChange:u,...r,...d}),(0,t.jsxs)(`span`,{className:[T.optionButton,a===`glassy`?T.optionButtonGlassy:``,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_f34wd_1`,switchCheckbox:`_switchCheckbox_f34wd_7`,switchLabel:`_switchLabel_f34wd_15`,switchLabelGlassy:`_switchLabelGlassy_f34wd_24`,switchBackground:`_switchBackground_f34wd_28`,switchButton:`_switchButton_f34wd_42`,iconChecked:`_iconChecked_f34wd_86`,iconUnchecked:`_iconUnchecked_f34wd_87`,switchText:`_switchText_f34wd_119`,errorMessage:`_errorMessage_f34wd_129`};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:``].filter(Boolean).join(` `),children:[(0,t.jsx)(`span`,{className:D.switchBackground,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={inputBlockVertical:`_inputBlockVertical_1khad_1`,inputLabel:`_inputLabel_1khad_8`,inputLabelGlassy:`_inputLabelGlassy_1khad_14`,inputTextField:`_inputTextField_1khad_20`,inputTextFieldGlassy:`_inputTextFieldGlassy_1khad_37`,inputError:`_inputError_1khad_59`,errorMessage:`_errorMessage_1khad_63`};function M({label:e,name:n,error:r,placeholder:i,variant:a=`default`,className:o,ref:s,...c}){return(0,t.jsxs)(`div`,{className:j.inputBlockVertical,children:[(0,t.jsx)(`label`,{htmlFor:n,className:[j.inputLabel,a===`glassy`?j.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_1jqlw_1`,label:`_label_1jqlw_7`,labelGlassy:`_labelGlassy_1jqlw_13`,dropzone:`_dropzone_1jqlw_17`,dropzoneGlassy:`_dropzoneGlassy_1jqlw_32`,dragOver:`_dragOver_1jqlw_39`,errorState:`_errorState_1jqlw_48`,disabled:`_disabled_1jqlw_52`,hiddenInput:`_hiddenInput_1jqlw_57`,dropzoneContent:`_dropzoneContent_1jqlw_65`,placeholder:`_placeholder_1jqlw_74`,big:`_big_1jqlw_80`,small:`_small_1jqlw_86`,hint:`_hint_1jqlw_91`,selected:`_selected_1jqlw_111`,preview:`_preview_1jqlw_118`,fileMeta:`_fileMeta_1jqlw_127`,fileName:`_fileName_1jqlw_134`,fileSize:`_fileSize_1jqlw_142`,remove:`_remove_1jqlw_156`,errorMessage:`_errorMessage_1jqlw_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});
|