@adam-milo/ui 1.0.33 → 1.0.34
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/index.cjs +1 -1
- package/dist/index.js +57 -23
- package/dist/index10.cjs +1 -1
- package/dist/index10.js +94 -56
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +199 -40
- package/dist/index12.cjs +1 -1
- package/dist/index12.js +305 -105
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +260 -74
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +135 -27
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +52 -469
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +57 -111
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +101 -20
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +76 -21
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +25 -29
- package/dist/index2.cjs +1 -1
- package/dist/index2.js +6 -4
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +468 -31
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +155 -39
- package/dist/index22.cjs +1 -1
- package/dist/index22.js +16 -27
- package/dist/index23.cjs +1 -1
- package/dist/index23.js +36 -12
- package/dist/index24.cjs +1 -0
- package/dist/index24.js +46 -0
- package/dist/index25.cjs +1 -1
- package/dist/index25.js +80 -263
- package/dist/index26.cjs +1 -1
- package/dist/index26.js +52 -13
- package/dist/index27.cjs +1 -0
- package/dist/index27.js +45 -0
- package/dist/index28.cjs +1 -0
- package/dist/index28.js +53 -0
- package/dist/index29.cjs +1 -0
- package/dist/index29.js +55 -0
- package/dist/index3.cjs +1 -1
- package/dist/index3.js +33 -33
- package/dist/index30.cjs +1 -0
- package/dist/index30.js +72 -0
- package/dist/index31.cjs +1 -0
- package/dist/index31.js +14 -0
- package/dist/index32.cjs +1 -0
- package/dist/index32.js +332 -0
- package/dist/index36.cjs +1 -1
- package/dist/index36.js +383 -6
- package/dist/index37.cjs +1 -0
- package/dist/index37.js +16 -0
- package/dist/index4.cjs +1 -1
- package/dist/index4.js +59 -11
- package/dist/index5.cjs +1 -1
- package/dist/index5.js +19 -35
- package/dist/index50.cjs +1 -0
- package/dist/index50.js +9 -0
- package/dist/index6.cjs +1 -1
- package/dist/index6.js +11 -101
- package/dist/index62.cjs +1 -0
- package/dist/index62.js +502 -0
- package/dist/index64.cjs +1 -0
- package/dist/index64.js +11 -0
- package/dist/index65.cjs +1 -0
- package/dist/index65.js +39 -0
- package/dist/index66.cjs +1 -0
- package/dist/index66.js +64 -0
- package/dist/index67.cjs +1 -0
- package/dist/index67.js +212 -0
- package/dist/index68.cjs +1 -0
- package/dist/index68.js +14 -0
- package/dist/index69.cjs +1 -0
- package/dist/index69.js +293 -0
- package/dist/index7.cjs +1 -1
- package/dist/index7.js +46 -97
- package/dist/index70.cjs +1 -0
- package/dist/index70.js +18 -0
- package/dist/index71.cjs +1 -0
- package/dist/index71.js +129 -0
- package/dist/index72.cjs +1 -0
- package/dist/index72.js +43 -0
- package/dist/index73.cjs +1 -0
- package/dist/index73.js +99 -0
- package/dist/index74.cjs +1 -0
- package/dist/index74.js +71 -0
- package/dist/index75.cjs +1 -0
- package/dist/index75.js +36 -0
- package/dist/index76.cjs +1 -0
- package/dist/index76.js +14 -0
- package/dist/index77.cjs +1 -0
- package/dist/index77.js +17 -0
- package/dist/index78.cjs +1 -0
- package/dist/index78.js +6 -0
- package/dist/index79.cjs +1 -0
- package/dist/index79.js +297 -0
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +97 -88
- package/dist/index80.cjs +1 -0
- package/dist/index80.js +25 -0
- package/dist/index81.cjs +1 -0
- package/dist/index81.js +39 -0
- package/dist/index82.cjs +1 -0
- package/dist/index82.js +625 -0
- package/dist/index83.cjs +1 -0
- package/dist/index83.js +721 -0
- package/dist/index84.cjs +1 -0
- package/dist/index84.js +154 -0
- package/dist/index85.cjs +1 -0
- package/dist/index85.js +173 -0
- package/dist/index9.cjs +1 -1
- package/dist/index9.js +55 -197
- package/dist/src/components/core/button/Button.component.d.ts +13 -7
- package/dist/src/components/core/button/Button.component.d.ts.map +1 -1
- package/dist/src/components/core/icon/Icon.component.d.ts +1 -1
- package/dist/src/components/core/icon/Icon.component.d.ts.map +1 -1
- package/dist/src/components/core/icon-button/IconButton.component.d.ts +36 -0
- package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts +79 -0
- package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -0
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts +62 -0
- package/dist/src/components/feedback/spinner/Spinner.component.d.ts.map +1 -0
- package/dist/src/components/forms/input/Input.component.d.ts +5 -0
- package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts +82 -0
- package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts +96 -0
- package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -0
- package/dist/src/components/forms/phone-input/countries.d.ts +93 -0
- package/dist/src/components/forms/phone-input/countries.d.ts.map +1 -0
- package/dist/src/components/forms/select/Select.component.d.ts +5 -1
- package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
- package/dist/src/components/forms/toggle/Toggle.component.d.ts +80 -0
- package/dist/src/components/forms/toggle/Toggle.component.d.ts.map +1 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts +86 -0
- package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -0
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts +36 -2
- package/dist/src/components/overlays/dialog/Dialog.component.d.ts.map +1 -1
- package/dist/src/components/typography/heading/Heading.component.d.ts +3 -2
- package/dist/src/components/typography/heading/Heading.component.d.ts.map +1 -1
- package/dist/src/components/typography/link/Link.component.d.ts +80 -0
- package/dist/src/components/typography/link/Link.component.d.ts.map +1 -0
- package/dist/src/index.d.ts +22 -5
- package/dist/src/index.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
- /package/dist/{index44.cjs → index61.cjs} +0 -0
- /package/dist/{index44.js → index61.js} +0 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
|
|
4
|
+
/**
|
|
5
|
+
* The content to render inside the card
|
|
6
|
+
*/
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Card size variant
|
|
10
|
+
* - sm: Small card (400px width)
|
|
11
|
+
* - md: Medium card (500px width)
|
|
12
|
+
* - lg: Large card (600px width) - default
|
|
13
|
+
* - xl: Extra large card (700px width)
|
|
14
|
+
* - auto: Card width adjusts to content
|
|
15
|
+
*/
|
|
16
|
+
cardSize?: 'sm' | 'md' | 'lg' | 'xl' | 'auto';
|
|
17
|
+
/**
|
|
18
|
+
* Logo element to display in the header
|
|
19
|
+
* Can be an image, SVG, or custom component
|
|
20
|
+
*/
|
|
21
|
+
logo?: ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Whether to show the settings menu button
|
|
24
|
+
* @default true
|
|
25
|
+
*/
|
|
26
|
+
showSettings?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Whether to show the user menu button
|
|
29
|
+
* @default true
|
|
30
|
+
*/
|
|
31
|
+
showUserMenu?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* User initials for the user menu button (for existing users)
|
|
34
|
+
* If provided, shows initials instead of user icon
|
|
35
|
+
*/
|
|
36
|
+
userInitials?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Callback when settings button is clicked
|
|
39
|
+
*/
|
|
40
|
+
onSettingsClick?: () => void;
|
|
41
|
+
/**
|
|
42
|
+
* Callback when user menu button is clicked
|
|
43
|
+
*/
|
|
44
|
+
onUserMenuClick?: () => void;
|
|
45
|
+
/**
|
|
46
|
+
* Which menu button is currently selected/active
|
|
47
|
+
*/
|
|
48
|
+
activeMenu?: 'settings' | 'user' | null;
|
|
49
|
+
/**
|
|
50
|
+
* An ID for testing purposes, used by Vitest/React Testing Library.
|
|
51
|
+
*/
|
|
52
|
+
'data-testid'?: string;
|
|
53
|
+
/**
|
|
54
|
+
* An ID for Cypress E2E testing purposes.
|
|
55
|
+
*/
|
|
56
|
+
'data-cy'?: string;
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* AuthLayout - Pre-authentication page layout
|
|
60
|
+
*
|
|
61
|
+
* Based on Figma designs:
|
|
62
|
+
* - Desktop: node-id=40001-29832
|
|
63
|
+
* - Mobile: node-id=40362-11823
|
|
64
|
+
*
|
|
65
|
+
* A full-page layout for authentication pages (login, signup, password reset, etc.)
|
|
66
|
+
* featuring:
|
|
67
|
+
* - Gradient background
|
|
68
|
+
* - Fixed header with logo and menu buttons
|
|
69
|
+
* - Centered card container for form content
|
|
70
|
+
* - Responsive design (desktop/mobile)
|
|
71
|
+
*
|
|
72
|
+
* @example
|
|
73
|
+
* ```tsx
|
|
74
|
+
* <AuthLayout
|
|
75
|
+
* logo={<img src="/logo.svg" alt="Company Logo" />}
|
|
76
|
+
* cardSize="lg"
|
|
77
|
+
* onSettingsClick={() => openSettings()}
|
|
78
|
+
* onUserMenuClick={() => openUserMenu()}
|
|
79
|
+
* >
|
|
80
|
+
* <h1>Welcome</h1>
|
|
81
|
+
* <form>...</form>
|
|
82
|
+
* </AuthLayout>
|
|
83
|
+
* ```
|
|
84
|
+
*/
|
|
85
|
+
export declare const AuthLayout: import('react').ForwardRefExoticComponent<AuthLayoutProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
86
|
+
//# sourceMappingURL=AuthLayout.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,WAAW,CACtB;IACC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAE9C;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,4GAoGtB,CAAC"}
|
|
@@ -1,10 +1,42 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
|
|
3
3
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
4
|
export declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
|
|
5
5
|
export declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
6
6
|
export declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
|
|
7
7
|
export declare const DialogClose: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
export interface DialogCloseButtonProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
|
|
9
|
+
'data-cy'?: string;
|
|
10
|
+
'data-testid'?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Close button (X) positioned in the top-right corner of the dialog.
|
|
14
|
+
* Based on Figma: node-id=40001-5604
|
|
15
|
+
*/
|
|
16
|
+
export declare const DialogCloseButton: import('react').ForwardRefExoticComponent<DialogCloseButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
export interface DialogIconProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
/** Icon content - can be an Icon component or custom SVG */
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
/** Color variant for the icon */
|
|
21
|
+
variant?: 'default' | 'success' | 'warning' | 'error';
|
|
22
|
+
'data-cy'?: string;
|
|
23
|
+
'data-testid'?: string;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Centered icon area for dialogs.
|
|
27
|
+
* Based on Figma: node-id=40001-5604
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```tsx
|
|
31
|
+
* <DialogIcon variant="default">
|
|
32
|
+
* <Icon name="EnvelopeClosedIcon" size="lg" />
|
|
33
|
+
* </DialogIcon>
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
export declare const DialogIcon: {
|
|
37
|
+
({ children, variant, className, "data-cy": dataCy, "data-testid": dataTestId, ...props }: DialogIconProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
8
40
|
export interface DialogOverlayProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> {
|
|
9
41
|
'data-cy'?: string;
|
|
10
42
|
'data-testid'?: string;
|
|
@@ -16,11 +48,13 @@ export interface DialogContentProps extends ComponentPropsWithoutRef<typeof Dial
|
|
|
16
48
|
}
|
|
17
49
|
export declare const DialogContent: import('react').ForwardRefExoticComponent<DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
50
|
export interface DialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
51
|
+
/** Center the header content (for verification dialogs, etc.) */
|
|
52
|
+
centered?: boolean;
|
|
19
53
|
'data-cy'?: string;
|
|
20
54
|
'data-testid'?: string;
|
|
21
55
|
}
|
|
22
56
|
export declare const DialogHeader: {
|
|
23
|
-
({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
({ centered, className, "data-cy": dataCy, "data-testid": dataTestId, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
24
58
|
displayName: string;
|
|
25
59
|
};
|
|
26
60
|
export interface DialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,wBAAwB,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/overlays/dialog/Dialog.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,wBAAwB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACpF,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kIAA0B,CAAC;AAErD,eAAO,MAAM,YAAY,uDAAyB,CAAC;AAEnD,eAAO,MAAM,WAAW,gIAAwB,CAAC;AAMjD,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB,CACtE,OAAO,eAAe,CAAC,KAAK,CAC7B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,sHAmB5B,CAAC;AAOH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;+FAOpB,eAAe;;CAejB,CAAC;AAGF,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAClE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,+GAgBxB,CAAC;AAGH,MAAM,WAAW,kBAAmB,SAAQ,wBAAwB,CAClE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,+GAqBxB,CAAC;AAGH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY;sFAMtB,iBAAiB;;CAYnB,CAAC;AAGF,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY;4EAKtB,iBAAiB;;CAYnB,CAAC;AAGF,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC9F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,iHAevB,CAAC;AAGF,MAAM,WAAW,sBAAuB,SAAQ,wBAAwB,CACtE,OAAO,eAAe,CAAC,WAAW,CACnC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,yHAgB5B,CAAC"}
|
|
@@ -12,11 +12,12 @@ export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
|
12
12
|
/**
|
|
13
13
|
* Heading weight variants
|
|
14
14
|
*/
|
|
15
|
-
export type HeadingWeight = 'medium' | 'semibold' | 'bold';
|
|
15
|
+
export type HeadingWeight = 'medium' | 'semibold' | 'bold' | 'black';
|
|
16
16
|
/**
|
|
17
17
|
* Heading alignment options
|
|
18
|
+
* - 'responsive': center on mobile, start (left) on desktop - for auth pages
|
|
18
19
|
*/
|
|
19
|
-
export type HeadingAlign = 'start' | 'center' | 'end';
|
|
20
|
+
export type HeadingAlign = 'start' | 'center' | 'end' | 'responsive';
|
|
20
21
|
/**
|
|
21
22
|
* Heading color variants using design token colors
|
|
22
23
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/heading/Heading.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Heading.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/heading/Heading.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,YAAY,CAAC;AAErE;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AAcd;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACjF;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,6GAkDnB,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { AnchorHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Link color variants using design token colors
|
|
5
|
+
*/
|
|
6
|
+
export type LinkColor = 'action' | 'clickable' | 'orange' | 'text' | 'system-text';
|
|
7
|
+
/**
|
|
8
|
+
* Link size variants
|
|
9
|
+
*/
|
|
10
|
+
export type LinkSize = 'sm' | 'md' | 'lg';
|
|
11
|
+
/**
|
|
12
|
+
* Link weight variants
|
|
13
|
+
*/
|
|
14
|
+
export type LinkWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
15
|
+
export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'style' | 'className'> {
|
|
16
|
+
/**
|
|
17
|
+
* Link content
|
|
18
|
+
*/
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Link color variant
|
|
22
|
+
* - action: Teal color (--color-action) - default
|
|
23
|
+
* - clickable: Clickable teal (--color-clickable)
|
|
24
|
+
* - orange: Orange color (--color-button-orange)
|
|
25
|
+
* - text: Default text color (--color-text)
|
|
26
|
+
* - system-text: Grey system text (--color-system-text)
|
|
27
|
+
* @default 'action'
|
|
28
|
+
*/
|
|
29
|
+
color?: LinkColor;
|
|
30
|
+
/**
|
|
31
|
+
* Link text size
|
|
32
|
+
* @default 'md'
|
|
33
|
+
*/
|
|
34
|
+
size?: LinkSize;
|
|
35
|
+
/**
|
|
36
|
+
* Link font weight
|
|
37
|
+
* @default 'medium'
|
|
38
|
+
*/
|
|
39
|
+
weight?: LinkWeight;
|
|
40
|
+
/**
|
|
41
|
+
* Whether the link has an underline
|
|
42
|
+
* @default false
|
|
43
|
+
*/
|
|
44
|
+
underline?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Whether the link is disabled
|
|
47
|
+
* @default false
|
|
48
|
+
*/
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Custom data-cy attribute for Cypress testing
|
|
52
|
+
*/
|
|
53
|
+
'data-cy'?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Custom data-testid attribute for unit testing
|
|
56
|
+
*/
|
|
57
|
+
'data-testid'?: string;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Link component for navigation and inline links.
|
|
61
|
+
*
|
|
62
|
+
* Based on Figma design patterns for "Log in", "Terms and Conditions", "Resend Code" links.
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* ```tsx
|
|
66
|
+
* // Basic usage
|
|
67
|
+
* <Link href="/login">Log in</Link>
|
|
68
|
+
*
|
|
69
|
+
* // Orange link (for "Resend Code")
|
|
70
|
+
* <Link href="#" color="orange">Resend Code</Link>
|
|
71
|
+
*
|
|
72
|
+
* // Bold link
|
|
73
|
+
* <Link href="/login" weight="bold" color="clickable">Log in</Link>
|
|
74
|
+
*
|
|
75
|
+
* // As button (onClick)
|
|
76
|
+
* <Link as="button" onClick={handleClick}>Click me</Link>
|
|
77
|
+
* ```
|
|
78
|
+
*/
|
|
79
|
+
export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
|
|
80
|
+
//# sourceMappingURL=Link.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/link/Link.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,YAAY,CAAC;AAEpB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAEnF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,OAAO,GAAG,WAAW,CACtB;IACC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI,yGAyDhB,CAAC"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
export { Button } from './components/core/button/Button.component';
|
|
2
2
|
export type { ButtonProps } from './components/core/button/Button.component';
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
3
|
+
export { IconButton } from './components/core/icon-button/IconButton.component';
|
|
4
|
+
export type { IconButtonProps } from './components/core/icon-button/IconButton.component';
|
|
5
|
+
export { MenuIconButton } from './components/core/menu-icon-button/MenuIconButton.component';
|
|
6
|
+
export type { MenuIconButtonProps } from './components/core/menu-icon-button/MenuIconButton.component';
|
|
7
|
+
export { Icon, availableIcons, figmaIconMapping, getRadixIconName, } from './components/core/icon/Icon.component';
|
|
8
|
+
export type { IconProps, IconName, IconSize, IconColor, FigmaIconName, } from './components/core/icon/Icon.component';
|
|
5
9
|
export { EmailInput } from './components/forms/email-input/EmailInput.component';
|
|
6
10
|
export type { EmailInputProps } from './components/forms/email-input/EmailInput.component';
|
|
7
11
|
export { PasswordInput } from './components/forms/password-input/PasswordInput.component';
|
|
@@ -16,6 +20,12 @@ export { Radio } from './components/forms/radio/Radio.component';
|
|
|
16
20
|
export type { RadioProps } from './components/forms/radio/Radio.component';
|
|
17
21
|
export { Select, SelectTrigger, SelectContent, SelectItem, SelectValue, SelectGroup, SelectLabel, SelectSeparator, } from './components/forms/select/Select.component';
|
|
18
22
|
export type { SelectTriggerProps, SelectContentProps, SelectItemProps, SelectLabelProps, SelectSeparatorProps, } from './components/forms/select/Select.component';
|
|
23
|
+
export { PhoneInput, allCountries, commonCountries, defaultCountries, getCountryByCode, getCountryByDialCode, getCountriesByDialCode, searchCountries, phoneMasks, defaultPhoneMask, getPhoneMask, formatPhoneNumber, getPhoneDigits, isValidPhoneLength, } from './components/forms/phone-input/PhoneInput.component';
|
|
24
|
+
export type { PhoneInputProps, Country, PhoneMask, } from './components/forms/phone-input/PhoneInput.component';
|
|
25
|
+
export { OTPInput } from './components/forms/otp-input/OTPInput.component';
|
|
26
|
+
export type { OTPInputProps, OTPInputRef } from './components/forms/otp-input/OTPInput.component';
|
|
27
|
+
export { Toggle } from './components/forms/toggle/Toggle.component';
|
|
28
|
+
export type { ToggleProps } from './components/forms/toggle/Toggle.component';
|
|
19
29
|
export { Tabs, TabsList, TabsTrigger, TabsContent, } from './components/navigation/tabs/Tabs.component';
|
|
20
30
|
export { Alert } from './components/feedback/alert/Alert.component';
|
|
21
31
|
export type { AlertProps } from './components/feedback/alert/Alert.component';
|
|
@@ -27,18 +37,25 @@ export { Chip } from './components/data-display/chip/Chip.component';
|
|
|
27
37
|
export type { ChipProps } from './components/data-display/chip/Chip.component';
|
|
28
38
|
export { ChipGroup } from './components/data-display/chip-group/ChipGroup.component';
|
|
29
39
|
export type { ChipGroupProps, ChipGroupItem, } from './components/data-display/chip-group/ChipGroup.component';
|
|
30
|
-
export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, DialogPortal, DialogOverlay, } from './components/overlays/dialog/Dialog.component';
|
|
40
|
+
export { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose, DialogCloseButton, DialogIcon, DialogPortal, DialogOverlay, } from './components/overlays/dialog/Dialog.component';
|
|
41
|
+
export type { DialogOverlayProps, DialogContentProps, DialogHeaderProps, DialogTitleProps, DialogDescriptionProps, DialogFooterProps, DialogCloseButtonProps, DialogIconProps, } from './components/overlays/dialog/Dialog.component';
|
|
31
42
|
export { Stack } from './components/layout/stack/Stack.component';
|
|
32
43
|
export type { StackProps } from './components/layout/stack/Stack.component';
|
|
33
44
|
export { Container } from './components/layout/container/Container.component';
|
|
34
45
|
export type { ContainerProps } from './components/layout/container/Container.component';
|
|
35
46
|
export { Divider } from './components/layout/divider/Divider.component';
|
|
36
47
|
export type { DividerProps } from './components/layout/divider/Divider.component';
|
|
48
|
+
export { AuthLayout } from './components/layout/auth-layout/AuthLayout.component';
|
|
49
|
+
export type { AuthLayoutProps } from './components/layout/auth-layout/AuthLayout.component';
|
|
50
|
+
export { Grid } from './components/layout/grid/Grid.component';
|
|
51
|
+
export type { GridProps } from './components/layout/grid/Grid.component';
|
|
37
52
|
export { Text } from './components/typography/text/Text.component';
|
|
38
53
|
export type { TextProps, TextSize, TextWeight, TextAlign, TextColor, } from './components/typography/text/Text.component';
|
|
39
54
|
export { Heading } from './components/typography/heading/Heading.component';
|
|
40
55
|
export type { HeadingProps, HeadingLevel, HeadingSize, HeadingWeight, HeadingAlign, HeadingColor, } from './components/typography/heading/Heading.component';
|
|
41
|
-
export {
|
|
42
|
-
export type {
|
|
56
|
+
export { Link } from './components/typography/link/Link.component';
|
|
57
|
+
export type { LinkProps, LinkColor, LinkSize, LinkWeight, } from './components/typography/link/Link.component';
|
|
58
|
+
export { Spinner } from './components/feedback/spinner/Spinner.component';
|
|
59
|
+
export type { SpinnerProps, SpinnerSize, SpinnerColor, } from './components/feedback/spinner/Spinner.component';
|
|
43
60
|
export { cn, generateId } from './lib';
|
|
44
61
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,YAAY,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,oDAAoD,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAE1F,OAAO,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAC7F,YAAY,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAEvG,OAAO,EACL,IAAI,EACJ,cAAc,EACd,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,aAAa,GACd,MAAM,uCAAuC,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAE3F,OAAO,EAAE,aAAa,EAAE,MAAM,2DAA2D,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAEjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AACtG,YAAY,EAAE,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAEhH,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAC1E,YAAY,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAEpF,OAAO,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,eAAe,GAChB,MAAM,4CAA4C,CAAC;AACpD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EACL,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,qDAAqD,CAAC;AAC7D,YAAY,EACV,eAAe,EACf,OAAO,EACP,SAAS,GACV,MAAM,qDAAqD,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAElG,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,YAAY,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,GACZ,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,6CAA6C,CAAC;AACpE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,yDAAyD,CAAC;AACpF,YAAY,EACV,cAAc,EACd,eAAe,GAChB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,+CAA+C,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,0DAA0D,CAAC;AACrF,YAAY,EACV,cAAc,EACd,aAAa,GACd,MAAM,0DAA0D,CAAC;AAGlE,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,+CAA+C,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,GAChB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,KAAK,EAAE,MAAM,2CAA2C,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC9E,YAAY,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAExF,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,UAAU,EAAE,MAAM,sDAAsD,CAAC;AAClF,YAAY,EAAE,eAAe,EAAE,MAAM,sDAAsD,CAAC;AAE5F,OAAO,EAAE,IAAI,EAAE,MAAM,yCAAyC,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGzE,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,YAAY,EACV,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,GACV,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,mDAAmD,CAAC;AAC5E,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACb,MAAM,mDAAmD,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,YAAY,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,GACX,MAAM,6CAA6C,CAAC;AAGrD,OAAO,EAAE,OAAO,EAAE,MAAM,iDAAiD,CAAC;AAC1E,YAAY,EACV,YAAY,EACZ,WAAW,EACX,YAAY,GACb,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.divider{flex-shrink:0;background-color:var(--color-border);border:none}.divider--horizontal{width:100%;height:.0625rem}.divider--vertical{width:.0625rem;height:100%;align-self:stretch}.divider--horizontal.divider--spacing-0{margin-block:0}.divider--horizontal.divider--spacing-1{margin-block:var(--spacing-1)}.divider--horizontal.divider--spacing-2{margin-block:var(--spacing-2)}.divider--horizontal.divider--spacing-3{margin-block:var(--spacing-3)}.divider--horizontal.divider--spacing-4{margin-block:var(--spacing-4)}.divider--horizontal.divider--spacing-5{margin-block:var(--spacing-5)}.divider--horizontal.divider--spacing-6{margin-block:var(--spacing-6)}.divider--horizontal.divider--spacing-8{margin-block:var(--spacing-8)}.divider--horizontal.divider--spacing-10{margin-block:var(--spacing-10)}.divider--horizontal.divider--spacing-12{margin-block:var(--spacing-12)}.divider--vertical.divider--spacing-0{margin-inline:0}.divider--vertical.divider--spacing-1{margin-inline:var(--spacing-1)}.divider--vertical.divider--spacing-2{margin-inline:var(--spacing-2)}.divider--vertical.divider--spacing-3{margin-inline:var(--spacing-3)}.divider--vertical.divider--spacing-4{margin-inline:var(--spacing-4)}.divider--vertical.divider--spacing-5{margin-inline:var(--spacing-5)}.divider--vertical.divider--spacing-6{margin-inline:var(--spacing-6)}.divider--vertical.divider--spacing-8{margin-inline:var(--spacing-8)}.divider--vertical.divider--spacing-10{margin-inline:var(--spacing-10)}.divider--vertical.divider--spacing-12{margin-inline:var(--spacing-12)}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.heading{margin:0;font-family:var(--font-family-default);line-height:1.2;color:var(--color-text)}.heading--size-2xl{font-size:var(--font-size-1);line-height:1.15}.heading--size-xl{font-size:var(--font-size-2);line-height:1.2}.heading--size-lg{font-size:var(--font-size-3);line-height:1.2}.heading--size-md{font-size:var(--font-size-4);line-height:1.25}.heading--size-sm{font-size:var(--font-size-5);line-height:1.3}.heading--size-xs{font-size:var(--font-size-6);line-height:1.35}.heading--weight-medium{font-weight:500}.heading--weight-semibold{font-weight:600}.heading--weight-bold{font-weight:700}.heading--color-text{color:var(--color-text)}.heading--color-action{color:var(--color-action)}.heading--color-clickable{color:var(--color-clickable)}.heading--color-popup{color:var(--color-popup)}.heading--color-error{color:var(--color-error)}.heading--color-secondary{color:var(--color-secondary)}.heading--color-system-text{color:var(--color-system-text)}.heading--color-grey-07{color:var(--color-grey-07)}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}@media (min-width: 768px){.heading--size-2xl{line-height:1.2}.heading--size-xl{line-height:1.25}}@media (min-width: 1024px){.heading--size-2xl{line-height:1.25}.heading--size-xl{line-height:1.3}.heading--size-lg{line-height:1.25}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}
|
|
1
|
+
.btn{display:inline-flex;align-items:center;justify-content:center;block-size:3rem;padding-block:.625rem;padding-inline:2rem;gap:.75rem;font-family:var(--font-family-default);font-weight:700;font-size:var(--font-size-7);line-height:1;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-lg);transition-property:background-color,color,border-color,-webkit-text-decoration;transition-property:background-color,color,border-color,text-decoration;transition-property:background-color,color,border-color,text-decoration,-webkit-text-decoration;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:var(--border-width-md) solid;outline-offset:var(--border-width-md)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--main-orange{position:relative;background-color:var(--color-button-orange);color:var(--color-card);border:none;outline-color:var(--color-button-orange);overflow:hidden}.btn--main-orange:hover:not(:disabled){background-image:linear-gradient(90deg,var(--color-overlay-dark-10) 0%,var(--color-overlay-dark-10) 100%),linear-gradient(90deg,var(--color-button-orange) 0%,var(--color-button-orange) 100%)}.btn--main-orange:active:not(:disabled){background-color:var(--color-button-orange);background-image:none}.btn--main-orange:active:not(:disabled):before{content:"";position:absolute;width:6.375rem;height:5.5rem;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 51% 80% at center,var(--color-overlay-dark-10) 0%,transparent 100%);pointer-events:none}.btn--main-orange:disabled{background-color:var(--color-icon-secondary);color:var(--color-card)}.btn--main-blue{position:relative;background-color:var(--color-button-blue);color:var(--color-card);border:none;outline-color:var(--color-button-blue);overflow:hidden}.btn--main-blue:hover:not(:disabled){background-image:linear-gradient(90deg,var(--color-overlay-dark-10) 0%,var(--color-overlay-dark-10) 100%),linear-gradient(90deg,var(--color-button-blue) 0%,var(--color-button-blue) 100%)}.btn--main-blue:active:not(:disabled){background-color:var(--color-button-blue);background-image:none}.btn--main-blue:active:not(:disabled):before{content:"";position:absolute;width:6.375rem;height:5.5rem;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 51% 80% at center,var(--color-overlay-dark-10) 0%,transparent 100%);pointer-events:none}.btn--main-blue:disabled{background-color:var(--color-icon-secondary);color:var(--color-card)}.btn--secondary-orange{position:relative;background-color:var(--color-card);color:var(--color-button-orange-border);border:1px solid var(--color-button-orange-border);outline-color:var(--color-button-orange-border);overflow:hidden}.btn--secondary-orange:hover:not(:disabled){background-color:var(--color-overlay-orange-15)}.btn--secondary-orange:active:not(:disabled){background-color:var(--color-overlay-orange-15)}.btn--secondary-orange:active:not(:disabled):before{content:"";position:absolute;width:6.375rem;height:5.5rem;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 51% 80% at center,var(--color-overlay-orange-border-12) 0%,transparent 100%);pointer-events:none}.btn--secondary-orange:disabled{background-color:var(--color-card);color:var(--color-icon-secondary);border-color:var(--color-border)}.btn--secondary-blue{position:relative;background-color:var(--color-card);color:var(--color-button-blue);border:1px solid var(--color-button-blue);outline-color:var(--color-button-blue);overflow:hidden}.btn--secondary-blue:hover:not(:disabled){background-color:var(--color-overlay-blue-15)}.btn--secondary-blue:active:not(:disabled){background-color:var(--color-overlay-blue-15)}.btn--secondary-blue:active:not(:disabled):before{content:"";position:absolute;width:6.375rem;height:5.5rem;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 51% 80% at center,var(--color-overlay-blue-12) 0%,transparent 100%);pointer-events:none}.btn--secondary-blue:disabled{background-color:var(--color-card);color:var(--color-icon-secondary);border-color:var(--color-border)}.btn--link{background-color:transparent;color:var(--color-button-blue);border:none;outline-color:var(--color-button-blue);block-size:auto;padding-block:0;padding-inline:0;font-weight:400}.btn--link:hover:not(:disabled){text-decoration:underline;text-decoration-skip-ink:none}.btn--link:disabled{background-color:transparent;color:var(--color-system-text)}.btn--no-stroke{background-color:transparent;color:var(--color-button-orange-border);border:none;outline-color:var(--color-button-orange-border);block-size:auto;padding-block:0;padding-inline:0}.btn--no-stroke:hover:not(:disabled){text-decoration:underline;text-decoration-skip-ink:none}.btn--no-stroke:disabled{background-color:transparent;color:var(--color-system-text)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:.875rem;block-size:.875rem;flex-shrink:0}@media (max-width: 767px){.btn{padding-inline:1.5rem}.btn--link,.btn--no-stroke{padding-inline:0}}.icon-btn{margin:0;padding:0;border:none;background:none;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex-shrink:0;color:var(--color-text);border-radius:var(--radius-md);background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.icon-btn:hover:not(:disabled){background-color:var(--color-bg-secondary)}.icon-btn:active:not(:disabled){background-color:var(--color-overlay-black-10)}.icon-btn:focus-visible{outline:var(--spacing-0-5) solid var(--color-text);outline-offset:var(--spacing-0-5)}.icon-btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.4}.icon-btn--sm{padding:var(--spacing-1-5);font-size:var(--font-size-9)}.icon-btn--md{padding:var(--spacing-2);font-size:var(--font-size-8)}.icon-btn--lg{padding:var(--spacing-3);font-size:var(--font-size-7)}.icon-btn__text{color:var(--color-system-text);font-weight:400;white-space:nowrap}@media (max-width: 767px){.icon-btn--sm{min-inline-size:var(--spacing-11);min-block-size:var(--spacing-11)}}.menu-icon-btn{margin:0;padding:0;border:none;background:none;font:inherit;display:inline-flex;align-items:center;justify-content:center;inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;border-radius:50%;background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.menu-icon-btn__icon{display:flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;color:var(--color-text);transition:color .2s ease-in-out}.menu-icon-btn__initials{font-family:var(--font-family-default);font-size:var(--font-size-7);font-weight:700;line-height:1;text-align:center;color:var(--color-text);transition:color .2s ease-in-out}.menu-icon-btn:hover:not(:disabled){background-color:var(--color-bg-secondary)}.menu-icon-btn:hover:not(:disabled) .menu-icon-btn__icon{color:var(--color-button-blue)}.menu-icon-btn:hover:not(:disabled) .menu-icon-btn__initials{color:var(--color-button-blue)}.menu-icon-btn--selected{background-color:var(--color-bg-secondary);box-shadow:0 .25rem 1.03125rem #0065732b}.menu-icon-btn--selected .menu-icon-btn__icon,.menu-icon-btn--selected .menu-icon-btn__initials{color:var(--color-text)}.menu-icon-btn--selected:hover:not(:disabled){background-color:var(--color-border)}.menu-icon-btn:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.menu-icon-btn:active:not(:disabled){background-color:var(--color-border);transform:scale(.95)}.menu-icon-btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.4}@media (max-width: 767px){.menu-icon-btn{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (prefers-reduced-motion: reduce){.menu-icon-btn,.menu-icon-btn__icon,.menu-icon-btn__initials{transition:none}.menu-icon-btn:active:not(:disabled){transform:none}}.input-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__label-row{display:flex;align-items:center;justify-content:space-between;block-size:1rem;inline-size:100%}.input__tooltip-trigger{padding:var(--spacing-0-5);margin:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-secondary);cursor:pointer;border-radius:var(--radius-default);transition:color .15s ease-in-out}.input__tooltip-trigger:hover{color:var(--color-system-text)}.input__tooltip-trigger:focus{outline:2px solid var(--color-clickable);outline-offset:1px}.input__tooltip-trigger:focus:not(:focus-visible){outline:none}.input__tooltip-trigger svg{inline-size:.75rem;block-size:.75rem}.input__tooltip-content{max-inline-size:18.75rem;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-text);border-radius:var(--radius-md);box-shadow:0 .25rem .75rem #00000026;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1.4;color:var(--color-card);animation-duration:.15s;animation-timing-function:ease-out}.input__tooltip-content[data-state=delayed-open][data-side=top]{animation-name:tooltip-slide-up}.input__tooltip-content[data-state=delayed-open][data-side=bottom]{animation-name:tooltip-slide-down}.input__tooltip-arrow{fill:var(--color-text)}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-down{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-2-5);inline-size:100%;block-size:var(--spacing-11);padding:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-4);block-size:var(--spacing-4);padding:0;background:transparent;border:none;color:var(--color-icon-secondary);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-11);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:.5;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-action)}.radio__input:disabled:checked:before{background-color:var(--color-clickable)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative;inline-size:auto}.select-wrapper--full-width{inline-size:100%}.select__label{font-family:var(--font-family-default);font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.select__label--error{color:var(--color-error)}.select__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-default);font-size:var(--font-size-8);line-height:1;color:var(--color-text);text-align:start;cursor:pointer;transition:border-color .2s ease-in-out}.select-trigger--full-width{inline-size:100%}.select-trigger--placeholder{color:var(--color-icon-secondary)}.select-trigger:hover:not(:disabled){border-color:var(--color-button-blue)}.select-trigger:focus{outline:none;border-color:var(--color-button-blue)}.select-trigger[data-state=open]{border-color:var(--color-button-blue)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__value{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-5);block-size:var(--spacing-5);color:var(--color-text);transition:transform .2s ease-in-out}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-trigger[data-state=open] .select-trigger__icon{transform:rotate(180deg)}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-1)}.select-item{display:flex;align-items:center;gap:var(--spacing-4);block-size:2.5rem;padding-inline:var(--spacing-2);border-radius:var(--spacing-1-5);font-family:var(--font-family-default);font-size:var(--font-size-8);line-height:1;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .15s ease-in-out}.select-item:hover,.select-item[data-highlighted]{background-color:var(--color-bg)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:var(--font-family-default);font-size:var(--font-size-10);font-weight:500;color:var(--color-grey-07)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:var(--font-family-default);font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.select__error{font-family:var(--font-family-default);font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (max-width: 767px){.select-item{min-block-size:var(--spacing-11)}}.phone-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative;inline-size:auto}.phone-input-wrapper--full-width{inline-size:100%}.phone-input__label{font-family:var(--font-family-default);font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.phone-input__container{display:flex;align-items:center;gap:var(--spacing-4);block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;cursor:text}.phone-input__container--focus{border-color:var(--color-button-blue)}.phone-input__container--error{border-color:var(--color-error)}.phone-input__container--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.phone-input__container:hover:not(.phone-input__container--focus):not(.phone-input__container--disabled):not(.phone-input__container--error){border-color:var(--color-button-blue)}.phone-input__country-trigger{margin:0;padding:0;border:none;background:none;display:inline-flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;cursor:pointer}.phone-input__country-trigger:focus-visible{outline:2px solid var(--color-button-blue);outline-offset:2px;border-radius:var(--radius-sm)}.phone-input__country-trigger:disabled{cursor:not-allowed}.phone-input__flag{display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);font-size:1.25rem;line-height:1}.phone-input__dial-code{font-family:var(--font-family-default);font-size:var(--font-size-8);color:var(--color-text);white-space:nowrap;flex-shrink:0}.phone-input__input{margin:0;padding:0;border:none;background:transparent;flex:1;min-inline-size:0;font-family:var(--font-family-default);font-size:var(--font-size-8);color:var(--color-text);line-height:1}.phone-input__input:focus{outline:none}.phone-input__input::placeholder{color:var(--color-icon-secondary)}.phone-input__dropdown{position:absolute;inset-block-start:100%;inset-inline-start:0;inset-inline-end:0;z-index:50;margin-block-start:var(--spacing-1);display:flex;flex-direction:column;padding:var(--spacing-1);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation:phone-dropdown-enter .15s ease-out}@keyframes phone-dropdown-enter{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.phone-input__option{display:flex;align-items:center;gap:var(--spacing-4);block-size:2.5rem;padding-inline:var(--spacing-2);border-radius:var(--spacing-1-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease-in-out}.phone-input__option--highlighted{background-color:var(--color-bg)}.phone-input__option--selected,.phone-input__option:hover{background-color:var(--color-bg-secondary)}.phone-input__option-flag{display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);font-size:1.25rem;line-height:1;flex-shrink:0}.phone-input__option-name{font-family:var(--font-family-default);font-size:var(--font-size-8);color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone-input__option-dial-code{font-family:var(--font-family-default);font-size:var(--font-size-8);color:var(--color-text);opacity:.5;flex-shrink:0;text-align:end}.phone-input__error{font-family:var(--font-family-default);font-size:var(--font-size-10);color:var(--color-error);line-height:1;padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.phone-input__helper{font-family:var(--font-family-default);font-size:var(--font-size-10);color:var(--color-grey-07);line-height:1;padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (max-width: 767px){.phone-input__country-trigger{min-inline-size:var(--spacing-11);min-block-size:var(--spacing-11);margin-inline-start:calc(-1 * var(--spacing-2))}.phone-input__option{min-block-size:var(--spacing-11)}}[dir=rtl] .phone-input__input{text-align:start}.otp-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);position:relative;inline-size:fit-content}.otp-input-wrapper--full-width{inline-size:100%}.otp-input__label{font-family:var(--font-family-default);font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.otp-input__label--error{color:var(--color-error)}.otp-input__label--disabled{opacity:.5}.otp-input__container{display:flex;align-items:center;gap:var(--spacing-6)}.otp-input__container--centered{justify-content:center}.otp-input__digit{margin:0;padding:0;border:none;background:none;font:inherit;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;inline-size:3.75rem;block-size:4rem;padding-inline:var(--spacing-6);padding-block:var(--spacing-3);background-color:var(--color-card);border:1px solid var(--color-icon-secondary);border-radius:var(--radius-md);font-family:var(--font-family-default);font-size:2rem;font-weight:400;color:var(--color-text);text-align:center;line-height:1;transition:border-color .2s ease-in-out;caret-color:var(--color-text)}.otp-input__digit::-webkit-inner-spin-button,.otp-input__digit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input__digit::placeholder{color:transparent}.otp-input__digit:hover:not(:disabled):not(:focus){border-color:var(--color-button-blue)}.otp-input__digit:focus{outline:none;border-color:var(--color-button-blue)}.otp-input__digit--filled{border-color:var(--color-icon-secondary)}.otp-input__digit--filled:focus{border-color:var(--color-button-blue)}.otp-input__digit:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.otp-input__digit--error{border-color:var(--color-error)}.otp-input__digit--error:hover:not(:disabled),.otp-input__digit--error:focus{border-color:var(--color-error)}.otp-input__helper{font-family:var(--font-family-default);font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);text-align:center}.otp-input__error{font-family:var(--font-family-default);font-size:var(--font-size-11);line-height:1;color:var(--color-error);text-align:center}@media (max-width: 767px){.otp-input__container{gap:var(--spacing-4)}.otp-input__digit{inline-size:3rem;block-size:3.5rem;padding-inline:var(--spacing-4);font-size:1.5rem}}@media (max-width: 374px){.otp-input__container{gap:var(--spacing-2)}.otp-input__digit{inline-size:2.5rem;block-size:3rem;padding-inline:var(--spacing-2);font-size:1.25rem}}.toggle-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-1-5)}.toggle-wrapper--disabled{opacity:.5;cursor:not-allowed}.toggle__container{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.toggle__container--label-start{flex-direction:row-reverse}.toggle-wrapper--disabled .toggle__container{cursor:not-allowed}.toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle__track{position:relative;display:flex;align-items:center;flex-shrink:0;background-color:var(--color-icon-secondary);border-radius:1rem;transition:background-color .2s ease-in-out,background-image .2s ease-in-out}.toggle__track--sm{width:2.25rem;height:1.125rem;padding:.0625rem}.toggle__track--md{width:2.75rem;height:1.375rem;padding:.125rem}.toggle__track--lg{width:3.25rem;height:1.625rem;padding:.1875rem}.toggle__track--hover{background-image:linear-gradient(90deg,#191a393d,#191a393d),linear-gradient(90deg,var(--color-icon-secondary) 0%,var(--color-icon-secondary) 100%)}.toggle__input:checked+.toggle__track{background-color:var(--color-clickable);justify-content:flex-end}.toggle__input:checked+.toggle__track.toggle__track--hover{background-image:linear-gradient(90deg,#191a3966,#191a3966),linear-gradient(90deg,var(--color-clickable) 0%,var(--color-clickable) 100%)}.toggle__input:disabled+.toggle__track{background-color:var(--color-border);background-image:none}.toggle__input:disabled:checked+.toggle__track{background-color:var(--color-icon-secondary);background-image:none}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--color-clickable);outline-offset:2px}.toggle__knob{background-color:var(--color-card);border-radius:50%;transition:box-shadow .2s ease-in-out}.toggle__knob--sm{width:1rem;height:1rem}.toggle__knob--md{width:1.125rem;height:1.125rem}.toggle__knob--lg{width:1.25rem;height:1.25rem}.toggle__knob--hover{box-shadow:0 .125rem .25rem #00230b33}.toggle__label{font-family:var(--font-family-default);font-size:var(--font-size-9);font-weight:400;color:var(--color-text);line-height:1.5;-webkit-user-select:none;user-select:none}.toggle-wrapper--disabled .toggle__label{color:var(--color-system-text)}.toggle__helper{font-family:var(--font-family-default);font-size:var(--font-size-10);font-weight:400;color:var(--color-system-text);line-height:1.4;margin-inline-start:0}@media (max-width: 767px){.toggle__container{min-block-size:var(--spacing-11)}}@media (prefers-reduced-motion: reduce){.toggle__track,.toggle__knob{transition:none}}@media (prefers-contrast: high){.toggle__track{border:2px solid var(--color-text)}}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#7d7e8033;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;inline-size:100%;max-inline-size:40.625rem;padding-inline:var(--spacing-8);padding-block-start:var(--spacing-8);padding-block-end:3.75rem;background-color:var(--color-card);border:none;border-radius:1rem;box-shadow:0 .6875rem 2.5rem #191a390d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-close-button{margin:0;padding:0;border:none;background:none;font:inherit;position:absolute;inset-block-start:var(--spacing-4);inset-inline-end:var(--spacing-4);z-index:1;display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-system-text);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.dialog-close-button:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.dialog-close-button:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-icon{display:flex;align-items:center;justify-content:center;align-self:center;inline-size:6.25rem;block-size:6.25rem;flex-shrink:0}.dialog-icon svg{inline-size:3rem;block-size:3rem}.dialog-icon--default{color:var(--color-clickable)}.dialog-icon--success{color:var(--color-success)}.dialog-icon--warning{color:var(--color-button-orange)}.dialog-icon--error{color:var(--color-error)}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-4);text-align:center;inline-size:100%}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-header--centered{text-align:center;align-items:center}@media (min-width: 640px){.dialog-header--centered{text-align:center;align-items:center}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:2rem;font-weight:900;line-height:1;color:var(--color-text);letter-spacing:0}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:400;line-height:1;color:var(--color-text)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{top:0;right:0;bottom:0;left:0;transform:none;inline-size:100%;max-inline-size:100%;block-size:100%;max-block-size:100%;border-radius:0;border:none;padding-inline:var(--spacing-6);padding-block-start:var(--spacing-10);padding-block-end:var(--spacing-10);gap:var(--spacing-6)}.dialog-content[data-state=open]{animation-name:dialog-content-show-mobile}.dialog-content[data-state=closed]{animation-name:dialog-content-hide-mobile}.dialog-close-button{inset-block-start:var(--spacing-6);inset-inline-end:var(--spacing-4)}.dialog-icon{inline-size:5rem;block-size:5rem}.dialog-title{font-size:1.5rem}.dialog-description{font-size:var(--font-size-8)}}@keyframes dialog-content-show-mobile{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-content-hide-mobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.divider{flex-shrink:0;background-color:var(--color-border);border:none}.divider--horizontal{width:100%;height:.0625rem}.divider--vertical{width:.0625rem;height:100%;align-self:stretch}.divider--horizontal.divider--spacing-0{margin-block:0}.divider--horizontal.divider--spacing-1{margin-block:var(--spacing-1)}.divider--horizontal.divider--spacing-2{margin-block:var(--spacing-2)}.divider--horizontal.divider--spacing-3{margin-block:var(--spacing-3)}.divider--horizontal.divider--spacing-4{margin-block:var(--spacing-4)}.divider--horizontal.divider--spacing-5{margin-block:var(--spacing-5)}.divider--horizontal.divider--spacing-6{margin-block:var(--spacing-6)}.divider--horizontal.divider--spacing-8{margin-block:var(--spacing-8)}.divider--horizontal.divider--spacing-10{margin-block:var(--spacing-10)}.divider--horizontal.divider--spacing-12{margin-block:var(--spacing-12)}.divider--vertical.divider--spacing-0{margin-inline:0}.divider--vertical.divider--spacing-1{margin-inline:var(--spacing-1)}.divider--vertical.divider--spacing-2{margin-inline:var(--spacing-2)}.divider--vertical.divider--spacing-3{margin-inline:var(--spacing-3)}.divider--vertical.divider--spacing-4{margin-inline:var(--spacing-4)}.divider--vertical.divider--spacing-5{margin-inline:var(--spacing-5)}.divider--vertical.divider--spacing-6{margin-inline:var(--spacing-6)}.divider--vertical.divider--spacing-8{margin-inline:var(--spacing-8)}.divider--vertical.divider--spacing-10{margin-inline:var(--spacing-10)}.divider--vertical.divider--spacing-12{margin-inline:var(--spacing-12)}.auth-layout{position:relative;display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;inline-size:100%;background-color:var(--color-bg);overflow-x:hidden}.auth-layout__background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--color-bg-auth);background-image:var(--gradient-auth-bg);pointer-events:none}.auth-layout__header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;block-size:5.3125rem;padding-inline:var(--spacing-8);background:transparent}.auth-layout__logo{display:flex;align-items:center;flex-shrink:0;block-size:1.875rem;max-inline-size:11.875rem}.auth-layout__logo img,.auth-layout__logo svg{block-size:100%;inline-size:auto;max-inline-size:100%;object-fit:contain}.auth-layout__menu{display:flex;align-items:center;gap:var(--spacing-2)}.auth-layout__menu .menu-icon-btn{background-color:#ffffff6e;backdrop-filter:blur(60px);-webkit-backdrop-filter:blur(60px);inline-size:3.125rem;block-size:3.125rem}.auth-layout__menu .menu-icon-btn:hover:not(:disabled){background-color:#fff9}.auth-layout__menu .menu-icon-btn--selected{background-color:#ffffffb3}.auth-layout__main{position:relative;z-index:10;display:flex;flex:1;align-items:center;justify-content:center;padding:var(--spacing-8)}.auth-layout__card{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:0 .6875rem 2.5rem -2.5rem #191a390d;padding-block-start:3.75rem;padding-block-end:var(--spacing-12);padding-inline:var(--spacing-12);inline-size:100%;max-inline-size:37.5rem}.auth-layout__card--sm{max-inline-size:25rem}.auth-layout__card--md{max-inline-size:31.25rem}.auth-layout__card--lg{max-inline-size:37.5rem}.auth-layout__card--xl{max-inline-size:43.75rem}.auth-layout__card--auto{max-inline-size:none;inline-size:auto}@media (max-width: 1023px){.auth-layout__header{block-size:4.25rem;padding-inline:var(--spacing-6)}.auth-layout__logo{block-size:1.75rem;max-inline-size:10rem}.auth-layout__menu .menu-icon-btn{inline-size:2.75rem;block-size:2.75rem}.auth-layout__card{padding-block-start:var(--spacing-10);padding-block-end:var(--spacing-10);padding-inline:var(--spacing-8)}}@media (max-width: 767px){.auth-layout{block-size:100dvh;min-block-size:auto;overflow-y:auto}.auth-layout__header{block-size:auto;padding-inline:var(--spacing-4);padding-block:var(--spacing-5)}.auth-layout__logo{block-size:1.75rem;max-inline-size:9.875rem}.auth-layout__menu{gap:var(--spacing-3)}.auth-layout__menu .menu-icon-btn{inline-size:3.125rem;block-size:3.125rem}.auth-layout__main{padding-block-start:var(--spacing-10);padding-block-end:var(--spacing-6);padding-inline:var(--spacing-10);align-items:flex-start;justify-content:flex-start}.auth-layout__card{background-color:transparent;border-radius:0;box-shadow:none;padding:0;max-inline-size:100%;inline-size:100%;display:flex;flex-direction:column;flex:1}.auth-layout__card--sm,.auth-layout__card--md,.auth-layout__card--lg,.auth-layout__card--xl,.auth-layout__card--auto{max-inline-size:100%}}@media (max-width: 767px){.auth-layout__mobile-footer{margin-block-start:auto;padding-block-start:var(--spacing-6)}}@media (prefers-reduced-motion: reduce){.auth-layout__menu .menu-icon-btn{transition:none}}@media (prefers-contrast: high){.auth-layout__card{border:2px solid var(--color-text)}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.heading{margin:0;font-family:var(--font-family-default);line-height:1.2;color:var(--color-text)}.heading--size-2xl{font-size:var(--font-size-1);line-height:1.15}.heading--size-xl{font-size:var(--font-size-2);line-height:1.2}.heading--size-lg{font-size:var(--font-size-3);line-height:1.2}.heading--size-md{font-size:var(--font-size-4);line-height:1.25}.heading--size-sm{font-size:var(--font-size-5);line-height:1.3}.heading--size-xs{font-size:var(--font-size-6);line-height:1.35}.heading--weight-medium{font-weight:500}.heading--weight-semibold{font-weight:600}.heading--weight-bold{font-weight:700}.heading--weight-black{font-weight:900}.heading--color-text{color:var(--color-text)}.heading--color-action{color:var(--color-action)}.heading--color-clickable{color:var(--color-clickable)}.heading--color-popup{color:var(--color-popup)}.heading--color-error{color:var(--color-error)}.heading--color-secondary{color:var(--color-secondary)}.heading--color-system-text{color:var(--color-system-text)}.heading--color-grey-07{color:var(--color-grey-07)}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}.heading--align-responsive{text-align:center}@media (min-width: 768px){.heading--align-responsive{text-align:start}}.heading--size-xl{font-size:var(--font-size-3)}@media (min-width: 768px){.heading--size-xl{font-size:var(--font-size-2-5)}.heading--size-2xl{line-height:1.2}.heading--size-xl{line-height:1.25}}@media (min-width: 1024px){.heading--size-2xl{line-height:1.25}.heading--size-xl{line-height:1.3}.heading--size-lg{line-height:1.25}}.link{background:none;border:none;padding:0;margin:0;font-family:Almoni DL AAA,sans-serif;text-decoration:none;cursor:pointer;transition:color .15s ease-in-out,opacity .15s ease-in-out}.link:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:2px}.link:hover:not(.link--disabled){opacity:.8}.link:active:not(.link--disabled){opacity:.6}.link--color-action{color:var(--color-action)}.link--color-clickable{color:var(--color-clickable)}.link--color-orange{color:var(--color-button-orange)}.link--color-text{color:var(--color-text)}.link--color-system-text{color:var(--color-system-text)}.link--size-sm{font-size:var(--font-size-10);line-height:1.4}.link--size-md{font-size:var(--font-size-8);line-height:1.5}.link--size-lg{font-size:var(--font-size-6);line-height:1.4}.link--weight-regular{font-weight:400}.link--weight-medium{font-weight:500}.link--weight-semibold{font-weight:600}.link--weight-bold{font-weight:700}.link--underline{text-decoration:underline;text-underline-offset:2px}.link--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__svg{animation:spinner-rotate 1s linear infinite}.spinner__track{opacity:.2}.spinner__indicator{transform-origin:center}.spinner__label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner--size-sm .spinner__svg{inline-size:1rem;block-size:1rem}.spinner--size-md .spinner__svg{inline-size:1.5rem;block-size:1.5rem}.spinner--size-lg .spinner__svg{inline-size:2rem;block-size:2rem}.spinner--size-xl .spinner__svg{inline-size:3rem;block-size:3rem}.spinner--color-action{color:var(--color-action)}.spinner--color-orange{color:var(--color-button-orange)}.spinner--color-white{color:var(--color-card)}.spinner--color-text{color:var(--color-text)}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner__svg{animation-duration:2s}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adam-milo/ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.34",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Adam Milo Design System - UI Component Library",
|
|
6
6
|
"keywords": [
|
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
"@radix-ui/react-select": "^2.2.6",
|
|
66
66
|
"@radix-ui/react-separator": "1.1.0",
|
|
67
67
|
"@radix-ui/react-tabs": "^1.0.4",
|
|
68
|
+
"@radix-ui/react-tooltip": "^1.2.8",
|
|
68
69
|
"clsx": "^2.1.0",
|
|
69
70
|
"email-validator": "^2.0.4",
|
|
70
71
|
"tailwind-merge": "^3.4.0"
|
|
File without changes
|
|
File without changes
|