cattle-care-ui 0.1.21 → 0.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button.d.ts +27 -12
- package/dist/components/Calendar.d.ts +23 -0
- package/dist/components/Checkbox.d.ts +8 -0
- package/dist/components/DatePicker.d.ts +33 -0
- package/dist/components/Dropdown.d.ts +40 -4
- package/dist/components/MenuItem.d.ts +3 -1
- package/dist/components/Spinner.d.ts +5 -1
- package/dist/components/Tag.d.ts +35 -6
- package/dist/components/TextArea.d.ts +22 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1129 -491
- package/dist/index.js.map +1 -1
- package/dist/utils/date.d.ts +25 -0
- package/package.json +3 -2
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
-
|
|
3
|
-
type
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
size?: ButtonSize;
|
|
7
|
-
/** Icon shown before the label. Omit `children` to render an icon-only square button — pass `aria-label` in that case. */
|
|
8
|
-
leadingIcon?: ReactNode;
|
|
9
|
-
/** Icon shown after the label. */
|
|
10
|
-
trailingIcon?: ReactNode;
|
|
11
|
-
/** Stretch to the width of the container. */
|
|
12
|
-
fullWidth?: boolean;
|
|
2
|
+
/** `onDark` is for buttons placed on dark surfaces. `link` is inline text in a flow of copy, not a block button. */
|
|
3
|
+
type BlockButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'onDark' | 'dangerous';
|
|
4
|
+
type ButtonSize = 'xs' | 'sm' | 'base';
|
|
5
|
+
interface ButtonBaseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'children'> {
|
|
13
6
|
children?: ReactNode;
|
|
14
7
|
/**
|
|
15
8
|
* Extra classes for layout around the button — responsive visibility,
|
|
@@ -18,5 +11,27 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
18
11
|
className?: string;
|
|
19
12
|
ref?: Ref<HTMLButtonElement>;
|
|
20
13
|
}
|
|
21
|
-
|
|
14
|
+
interface BlockButtonProps extends ButtonBaseProps {
|
|
15
|
+
variant?: BlockButtonVariant;
|
|
16
|
+
size?: ButtonSize;
|
|
17
|
+
/** Icon shown before the label. Omit `children` to render an icon-only square button — pass `aria-label` in that case. */
|
|
18
|
+
leadingIcon?: ReactNode;
|
|
19
|
+
/** Icon shown after the label. */
|
|
20
|
+
trailingIcon?: ReactNode;
|
|
21
|
+
/** Stretch to the width of the container. */
|
|
22
|
+
fullWidth?: boolean;
|
|
23
|
+
underline?: never;
|
|
24
|
+
}
|
|
25
|
+
interface LinkButtonProps extends ButtonBaseProps {
|
|
26
|
+
/** Inline text that inherits font size and line height from its parent and wraps with the surrounding copy. */
|
|
27
|
+
variant: 'link';
|
|
28
|
+
/** When to underline the text. */
|
|
29
|
+
underline?: 'always' | 'hover';
|
|
30
|
+
size?: never;
|
|
31
|
+
leadingIcon?: never;
|
|
32
|
+
trailingIcon?: never;
|
|
33
|
+
fullWidth?: never;
|
|
34
|
+
}
|
|
35
|
+
type ButtonProps = BlockButtonProps | LinkButtonProps;
|
|
36
|
+
export declare function Button({ variant, size, leadingIcon, trailingIcon, fullWidth, underline, children, className, ref, ...rest }: ButtonProps): import("react").JSX.Element;
|
|
22
37
|
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { WeekStart } from '../utils/date';
|
|
2
|
+
interface CalendarProps {
|
|
3
|
+
value: Date | null;
|
|
4
|
+
/** Receives the picked day as a Date at local midnight. */
|
|
5
|
+
onChange: (date: Date) => void;
|
|
6
|
+
minDate?: Date;
|
|
7
|
+
maxDate?: Date;
|
|
8
|
+
/** BCP 47 tag, e.g. 'en' or 'es'. Names of months and weekdays follow it. */
|
|
9
|
+
locale?: string;
|
|
10
|
+
/** 0 = Sunday, 1 = Monday. */
|
|
11
|
+
weekStartsOn?: WeekStart;
|
|
12
|
+
/** Move keyboard focus to the selected (or today's) day on mount. */
|
|
13
|
+
autoFocus?: boolean;
|
|
14
|
+
/** Accessible name of the previous-month button. */
|
|
15
|
+
previousMonthLabel?: string;
|
|
16
|
+
/** Accessible name of the next-month button. */
|
|
17
|
+
nextMonthLabel?: string;
|
|
18
|
+
/** Extra classes for layout around the calendar. */
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
/** Month grid with keyboard navigation. Has no surface of its own; a popup or card supplies it. */
|
|
22
|
+
export declare function Calendar({ value, onChange, minDate, maxDate, locale, weekStartsOn, autoFocus, previousMonthLabel, nextMonthLabel, className, }: CalendarProps): import("react").JSX.Element;
|
|
23
|
+
export {};
|
|
@@ -11,6 +11,14 @@ interface CheckboxProps {
|
|
|
11
11
|
ref?: Ref<HTMLInputElement>;
|
|
12
12
|
}
|
|
13
13
|
export declare function Checkbox({ checked, onChange, onBlur, name, label, ariaLabel, disabled, className, ref, }: CheckboxProps): import("react").JSX.Element;
|
|
14
|
+
/**
|
|
15
|
+
* The checkbox visual without an input, for rows that already carry the state
|
|
16
|
+
* themselves (e.g. multi-select menu options). Purely decorative.
|
|
17
|
+
*/
|
|
18
|
+
export declare function CheckboxIndicator({ checked, disabled }: {
|
|
19
|
+
checked: boolean;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
}): import("react").JSX.Element;
|
|
14
22
|
interface CheckboxGroupItem {
|
|
15
23
|
value: string;
|
|
16
24
|
label: ReactNode;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { WeekStart } from '../utils/date';
|
|
2
|
+
type DatePickerSize = 'sm' | 'base';
|
|
3
|
+
interface DatePickerProps {
|
|
4
|
+
value: Date | null;
|
|
5
|
+
/** Receives the picked day as a Date at local midnight. */
|
|
6
|
+
onChange: (date: Date | null) => void;
|
|
7
|
+
minDate?: Date;
|
|
8
|
+
maxDate?: Date;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
/** BCP 47 tag, e.g. 'en' or 'es'. Names of months and weekdays follow it. */
|
|
11
|
+
locale?: string;
|
|
12
|
+
/** 0 = Sunday, 1 = Monday. */
|
|
13
|
+
weekStartsOn?: WeekStart;
|
|
14
|
+
/** How the picked date reads in the field. Defaults to month + two-digit day, e.g. "Oct 03". */
|
|
15
|
+
formatValue?: (date: Date) => string;
|
|
16
|
+
/** Which edge of the field the popup lines up with. It flips above the field when there is no room below. */
|
|
17
|
+
placement?: 'bottom-start' | 'bottom-end';
|
|
18
|
+
label?: string;
|
|
19
|
+
helperText?: string;
|
|
20
|
+
error?: string;
|
|
21
|
+
size?: DatePickerSize;
|
|
22
|
+
/** Accessible name of the chevron button in the field. */
|
|
23
|
+
openLabel?: string;
|
|
24
|
+
placeholder?: string;
|
|
25
|
+
/** Accessible name of the popup. */
|
|
26
|
+
dialogLabel?: string;
|
|
27
|
+
/** Extra classes for layout around the field — width and the like. */
|
|
28
|
+
className?: string;
|
|
29
|
+
id?: string;
|
|
30
|
+
}
|
|
31
|
+
/** A date field that opens a `Calendar` in a popup. The popup is portalled to <body> so no parent can clip it. */
|
|
32
|
+
export declare function DatePicker({ value, onChange, minDate, maxDate, disabled, locale, weekStartsOn, formatValue, placement, label, helperText, error, size, openLabel, placeholder, dialogLabel, className, id, }: DatePickerProps): import("react").JSX.Element;
|
|
33
|
+
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
type DropdownSize = 'sm' | 'base';
|
|
3
|
+
type DropdownVariant = 'field' | 'secondary' | 'tertiary' | 'pill';
|
|
3
4
|
interface DropdownOption<T extends string> {
|
|
4
5
|
value: T;
|
|
5
6
|
label: ReactNode;
|
|
@@ -8,15 +9,24 @@ interface DropdownOption<T extends string> {
|
|
|
8
9
|
/** Text matched by search when `label` is not a plain string. */
|
|
9
10
|
searchText?: string;
|
|
10
11
|
}
|
|
11
|
-
interface
|
|
12
|
+
interface CommonProps<T extends string> {
|
|
13
|
+
/**
|
|
14
|
+
* What opens the menu: a text-field-style trigger (`field`), a secondary or
|
|
15
|
+
* tertiary `Button`, or a `pill` styled like a pill `Tag`.
|
|
16
|
+
* `label`, `helperText` and `error` only apply to `field`.
|
|
17
|
+
*/
|
|
18
|
+
variant?: DropdownVariant;
|
|
19
|
+
/** Fixed trigger text (e.g. "Actions"). Defaults to the selected option's label, or the placeholder. */
|
|
20
|
+
triggerLabel?: ReactNode;
|
|
21
|
+
/** Which trigger edge the menu lines up with. Ignored for `field`, where the menu spans the trigger. */
|
|
22
|
+
menuAlign?: 'start' | 'end';
|
|
12
23
|
label?: string;
|
|
13
24
|
helperText?: string;
|
|
14
25
|
error?: string;
|
|
26
|
+
/** Applies to `field`, `secondary` and `tertiary`; `pill` has a single size. */
|
|
15
27
|
size?: DropdownSize;
|
|
16
28
|
placeholder?: string;
|
|
17
29
|
options: DropdownOption<T>[];
|
|
18
|
-
value?: T;
|
|
19
|
-
onChange: (value: T) => void;
|
|
20
30
|
disabled?: boolean;
|
|
21
31
|
/** Show a search field at the top of the open menu that filters options by their text. */
|
|
22
32
|
searchable?: boolean;
|
|
@@ -39,5 +49,31 @@ interface DropdownProps<T extends string> {
|
|
|
39
49
|
'aria-label'?: string;
|
|
40
50
|
'data-testid'?: string;
|
|
41
51
|
}
|
|
42
|
-
|
|
52
|
+
/**
|
|
53
|
+
* `multiple` switches the dropdown to multi-select: `value` becomes an array in the
|
|
54
|
+
* order options were picked, and the menu stays open while options are toggled.
|
|
55
|
+
*/
|
|
56
|
+
type DropdownProps<T extends string> = CommonProps<T> & ({
|
|
57
|
+
multiple?: false;
|
|
58
|
+
value?: T;
|
|
59
|
+
onChange: (value: T) => void;
|
|
60
|
+
triggerPrefix?: never;
|
|
61
|
+
renderTriggerLabel?: never;
|
|
62
|
+
moreText?: never;
|
|
63
|
+
} | {
|
|
64
|
+
multiple: true;
|
|
65
|
+
value?: T[];
|
|
66
|
+
onChange: (value: T[]) => void;
|
|
67
|
+
/** Static, muted text before the value in the trigger, e.g. "Compare with:". */
|
|
68
|
+
triggerPrefix?: ReactNode;
|
|
69
|
+
/**
|
|
70
|
+
* Trigger content when at least one option is selected, in selection order.
|
|
71
|
+
* Defaults to the label of a single selection, or "First and N more".
|
|
72
|
+
* An empty selection always shows the placeholder.
|
|
73
|
+
*/
|
|
74
|
+
renderTriggerLabel?: (selected: DropdownOption<T>[]) => ReactNode;
|
|
75
|
+
/** Builds the "and N more" suffix of the default trigger label. */
|
|
76
|
+
moreText?: (count: number) => string;
|
|
77
|
+
});
|
|
78
|
+
export declare function Dropdown<T extends string>(props: DropdownProps<T>): import("react").JSX.Element;
|
|
43
79
|
export {};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
interface MenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
|
|
3
|
+
/** Raw content before the icon and label, e.g. a checkbox indicator. */
|
|
4
|
+
leading?: ReactNode;
|
|
3
5
|
icon?: ReactNode;
|
|
4
6
|
trailing?: ReactNode;
|
|
5
7
|
selected?: boolean;
|
|
6
8
|
destructive?: boolean;
|
|
7
9
|
children: ReactNode;
|
|
8
10
|
}
|
|
9
|
-
export declare function MenuItem({ icon, trailing, selected, destructive, children, ...rest }: MenuItemProps): import("react").JSX.Element;
|
|
11
|
+
export declare function MenuItem({ leading, icon, trailing, selected, destructive, children, ...rest }: MenuItemProps): import("react").JSX.Element;
|
|
10
12
|
export {};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
type SpinnerVariant = 'default' | 'subtle';
|
|
2
|
+
/**
|
|
3
|
+
* Always centered (vertically and horizontally) in its parent container.
|
|
4
|
+
* The parent must be positioned (`position: relative`, `absolute` or `fixed`) and have a size.
|
|
5
|
+
*/
|
|
2
6
|
interface SpinnerProps {
|
|
3
7
|
/** `default` uses the brand logo blues; `subtle` uses a faint depth tint for busy surfaces. */
|
|
4
8
|
variant?: SpinnerVariant;
|
|
@@ -6,7 +10,7 @@ interface SpinnerProps {
|
|
|
6
10
|
size?: number;
|
|
7
11
|
/** Accessible name announced by screen readers. */
|
|
8
12
|
label?: string;
|
|
9
|
-
/** Extra classes
|
|
13
|
+
/** Extra classes appended after the variant classes. Do not override the centering position. */
|
|
10
14
|
className?: string;
|
|
11
15
|
'data-testid'?: string;
|
|
12
16
|
}
|
package/dist/components/Tag.d.ts
CHANGED
|
@@ -1,8 +1,37 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
type TagVariant = 'neutral' | 'pill' | 'accent' | 'success' | 'danger' | 'count';
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { HTMLAttributes, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
type TagVariant = 'neutral' | 'pill' | 'accent' | 'success' | 'warning' | 'danger' | 'count' | 'chip';
|
|
3
|
+
type InteractiveVariant = Exclude<TagVariant, 'count'>;
|
|
4
|
+
type NativeProps = Omit<HTMLAttributes<HTMLElement>, 'className' | 'onClick' | 'children'>;
|
|
5
|
+
type RemoveProps = {
|
|
6
|
+
onRemove?: undefined;
|
|
7
|
+
removeLabel?: undefined;
|
|
8
|
+
} | {
|
|
9
|
+
/** Shows a × button on the right. */
|
|
10
|
+
onRemove: () => void;
|
|
11
|
+
/** Accessible name of the × button. */
|
|
12
|
+
removeLabel: string;
|
|
13
|
+
};
|
|
14
|
+
type CountTagProps = NativeProps & {
|
|
15
|
+
variant: 'count';
|
|
5
16
|
children: ReactNode;
|
|
6
|
-
|
|
7
|
-
|
|
17
|
+
onClick?: never;
|
|
18
|
+
pressed?: never;
|
|
19
|
+
disabled?: never;
|
|
20
|
+
leading?: never;
|
|
21
|
+
onRemove?: never;
|
|
22
|
+
removeLabel?: never;
|
|
23
|
+
};
|
|
24
|
+
type RegularTagProps = NativeProps & RemoveProps & {
|
|
25
|
+
variant?: InteractiveVariant;
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
/** Makes the tag pressable: renders a <button type="button"> instead of a <span>. */
|
|
28
|
+
onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
29
|
+
/** Toggle state, exposed as aria-pressed. Ignored without onClick. */
|
|
30
|
+
pressed?: boolean;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/** Slot before the text, e.g. a colour dot in a legend. */
|
|
33
|
+
leading?: ReactNode;
|
|
34
|
+
};
|
|
35
|
+
export type TagProps = CountTagProps | RegularTagProps;
|
|
36
|
+
export declare function Tag(props: TagProps): import("react").JSX.Element;
|
|
8
37
|
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Ref, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
type TextAreaSize = 'sm' | 'base';
|
|
3
|
+
interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'size'> {
|
|
4
|
+
label?: string;
|
|
5
|
+
helperText?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
size?: TextAreaSize;
|
|
8
|
+
/** Manual resize handle. Ignored (forced to 'none') when `autoResize` is on. */
|
|
9
|
+
resize?: 'none' | 'vertical';
|
|
10
|
+
/** The field grows as the text grows. */
|
|
11
|
+
autoResize?: boolean;
|
|
12
|
+
/** Growth ceiling for `autoResize`, in rows. Past it the field scrolls internally. */
|
|
13
|
+
maxRows?: number;
|
|
14
|
+
/** Shows a character counter under the field, on the right. */
|
|
15
|
+
showCount?: boolean;
|
|
16
|
+
/** Extra classes for layout around the field — width, flex growth. Appended after its own class. */
|
|
17
|
+
className?: string;
|
|
18
|
+
/** Reaches the <textarea>, e.g. for a form library to focus a field that failed validation. */
|
|
19
|
+
ref?: Ref<HTMLTextAreaElement>;
|
|
20
|
+
}
|
|
21
|
+
export declare function TextArea({ label, helperText, error, size, resize, autoResize, maxRows, showCount, id, className, ref, rows, value, defaultValue, maxLength, disabled, readOnly, onChange, onInput, 'aria-describedby': ariaDescribedBy, ...rest }: TextAreaProps): import("react").JSX.Element;
|
|
22
|
+
export {};
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._primary_12k4r_1,._secondary_12k4r_2,._tertiary_12k4r_3,._dangerous_12k4r_4{isolation:isolate;font-family:inherit;font-weight:var(--font-weight-regular);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;transition:color .2s,transform .2s ease-out;display:inline-flex;position:relative;overflow:hidden}._primary_12k4r_1:focus-visible,._secondary_12k4r_2:focus-visible,._tertiary_12k4r_3:focus-visible,._dangerous_12k4r_4:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._primary_12k4r_1:active:not(:disabled),._secondary_12k4r_2:active:not(:disabled),._tertiary_12k4r_3:active:not(:disabled),._dangerous_12k4r_4:active:not(:disabled){transform:scale(.95)}._sm_12k4r_35{height:var(--control-height-sm);border-radius:var(--radius-sm);padding:0 12px;font-size:.9rem}._base_12k4r_41{height:var(--control-height-base);border-radius:var(--radius-base);padding:0 16px;font-size:.9rem}._icon_12k4r_47{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}._leadingIcon_12k4r_55{margin-left:-4px}._trailingIcon_12k4r_58{margin-right:-4px}._icon_12k4r_47 svg{width:100%;height:100%}._iconOnly_12k4r_66{box-sizing:border-box;padding:0}._iconOnly_12k4r_66._sm_12k4r_35{width:var(--control-height-sm)}._iconOnly_12k4r_66._base_12k4r_41{width:var(--control-height-base)}._fullWidth_12k4r_76{width:100%}._primary_12k4r_1:before,._secondary_12k4r_2:before,._tertiary_12k4r_3:before,._dangerous_12k4r_4:before{content:"";aspect-ratio:1;z-index:-1;pointer-events:none;border-radius:50%;width:24%;transition:transform .3s cubic-bezier(.39,.575,.565,1);position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)scale(1)}._primary_12k4r_1:hover:before,._secondary_12k4r_2:hover:before,._tertiary_12k4r_3:hover:before,._dangerous_12k4r_4:hover:before{transform:translate(-50%,15%)scale(8)}._primary_12k4r_1{background:var(--brand-dark);color:#fff;font-weight:var(--font-weight-regular);letter-spacing:.02em}._primary_12k4r_1:before{background:#ffffff14}._primary_12k4r_1:active:not(:disabled):before{background:#00000014}._secondary_12k4r_2{background:var(--depth-5);color:var(--text-primary)}._secondary_12k4r_2 ._icon_12k4r_47{color:var(--text-secondary)}._secondary_12k4r_2:before{background:rgba(var(--brand-main-rgb), .08)}._secondary_12k4r_2:active:not(:disabled):before{background:rgba(var(--brand-main-rgb), .28)}._secondary_12k4r_2:hover ._icon_12k4r_47,._secondary_12k4r_2:hover{color:var(--brand-main)}._tertiary_12k4r_3{color:var(--text-secondary);background:0 0}._tertiary_12k4r_3:before{background:rgba(var(--brand-main-rgb), .16)}._tertiary_12k4r_3:active:not(:disabled):before{background:rgba(var(--brand-main-rgb), .28)}._tertiary_12k4r_3:hover,._tertiary_12k4r_3:active:not(:disabled){background:var(--bg)}._tertiary_12k4r_3:hover{color:var(--brand-main)}._dangerous_12k4r_4{background:var(--danger-bg);color:var(--danger-text-dark)}._dangerous_12k4r_4:before{background:rgba(var(--danger-rgb), .16)}._dangerous_12k4r_4:active:not(:disabled):before{background:rgba(var(--danger-rgb), .28)}._primary_12k4r_1:disabled,._secondary_12k4r_2:disabled,._tertiary_12k4r_3:disabled,._dangerous_12k4r_4:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}._primary_12k4r_1:disabled:hover,._secondary_12k4r_2:disabled:hover,._tertiary_12k4r_3:disabled:hover,._dangerous_12k4r_4:disabled:hover{color:var(--disabled-text)}._primary_12k4r_1:disabled:before,._secondary_12k4r_2:disabled:before,._tertiary_12k4r_3:disabled:before,._dangerous_12k4r_4:disabled:before{display:none}._wrap_1spnu_1{flex:0 0 220px;width:220px;position:relative}._wrap_1spnu_1:hover{z-index:10}._fluid_1spnu_9{flex:none;width:100%}._backing_1spnu_14{background:var(--card-surface);height:10px;box-shadow:inset 0 0 0 1px var(--border);z-index:0;border-radius:0 0 14px 14px;position:absolute;bottom:-4px;left:6px;right:6px}._backing_1spnu_14._completed_1spnu_25{background:var(--success-bg);box-shadow:inset 0 0 0 1px #bfe3cc}._card_1spnu_30{z-index:1;box-sizing:border-box;background:var(--card-surface);cursor:default;border-radius:16px;width:100%;padding:12px 14px;transition:box-shadow .2s,transform .1s;position:relative;box-shadow:inset 0 0 0 1px #efefef,0 1px 2px #1018200a}._card_1spnu_30._interactive_1spnu_46{cursor:pointer}._card_1spnu_30._interactive_1spnu_46:active{transform:scale(.98,.95)}._card_1spnu_30._grabbable_1spnu_52{cursor:grab}._card_1spnu_30._grabbable_1spnu_52:active{cursor:grabbing}._card_1spnu_30._dragging_1spnu_58,._card_1spnu_30._dragging_1spnu_58:hover{box-shadow:inset 0 0 0 1px #efefef,0 1px 2px #1018200a}._card_1spnu_30._interactive_1spnu_46:hover{box-shadow:inset 0 0 0 1px #efefef, 0 0 0 2px var(--brand-main)}._card_1spnu_30._completed_1spnu_25{background:var(--success-bg);box-shadow:inset 0 0 0 1px #bfe3cc,0 1px 2px #1018200a,0 2px 8px #1018200f}._neutral_1h6kq_1,._pill_1h6kq_2,._accent_1h6kq_3,._success_1h6kq_4,._danger_1h6kq_5,._count_1h6kq_6{font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}._neutral_1h6kq_1{color:var(--text-tertiary);background:var(--depth-5);border-radius:6px;padding:2px 7px;font-size:.75rem}._pill_1h6kq_2{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-tertiary);border-radius:999px;padding:3px 11px;font-size:.8rem}._accent_1h6kq_3{background:var(--brand-bg);color:var(--brand-dark);border-radius:999px;padding:3px 11px;font-size:.8rem}._success_1h6kq_4{background:var(--success-bg);color:var(--success-text);border-radius:999px;padding:3px 11px;font-size:.8rem}._danger_1h6kq_5{color:var(--danger-text);background:var(--danger-bg);border-radius:6px;padding:2px 7px;font-size:.75rem}._count_1h6kq_6{background:var(--brand-main);color:#fff;text-align:center;border-radius:999px;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;line-height:16px}._group_jl3nf_1{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:inline-flex}._group_jl3nf_1._sm_jl3nf_9{gap:6px}._chip_jl3nf_13{appearance:none;font-family:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;background:var(--depth-5);color:var(--text-primary);border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out;display:inline-flex}._group_jl3nf_1._base_jl3nf_33 ._chip_jl3nf_13{height:36px;padding:0 14px;font-size:.85rem}._group_jl3nf_1._sm_jl3nf_9 ._chip_jl3nf_13{height:24px;padding:0 9px;font-size:.75rem}._chip_jl3nf_13:hover:not(:disabled){background:var(--surface-muted)}._chip_jl3nf_13:active:not(:disabled){background:var(--surface-muted);transform:scale(.95)}._chip_jl3nf_13:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._chip_jl3nf_13._selected_jl3nf_59{background:var(--brand-bg);color:var(--brand-main)}._chip_jl3nf_13._selected_jl3nf_59:hover:not(:disabled){background:var(--brand-main-20)}._chip_jl3nf_13._selected_jl3nf_59:active:not(:disabled){background:var(--brand-main-30)}._chip_jl3nf_13:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}._group_16vyf_1{flex-direction:column;gap:0;display:inline-flex}._groupLabel_16vyf_7{margin-bottom:6px}._label_10zsm_1{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-primary);padding-left:4px}._toolbar_1s82l_1{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border), 0 1px 2px #1018200a, 0 2px 8px #1018200f;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:0 8px;display:flex}._searchWrap_1s82l_14{flex:1;min-width:0;position:relative}._searchWrap_1s82l_14:after{content:"";background:var(--brand-main);opacity:0;pointer-events:none;height:2px;position:absolute;bottom:0;left:36px;right:0}._searchWrap_1s82l_14:focus-within:after{opacity:1}._searchIcon_1s82l_33{width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-53%)}._searchIcon_1s82l_33 svg{width:100%;height:100%}._search_1s82l_14{box-sizing:border-box;width:100%;color:var(--text-primary);box-shadow:inset -1px 0 0 var(--border);background:0 0;border:none;padding:16px 52px 16px 36px;font-family:inherit;font-size:1rem}._search_1s82l_14:focus{outline:none}._searchShortcut_1s82l_61{background:var(--bg);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em;pointer-events:none;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}._controls_1s82l_78{flex:none;align-items:center;display:flex}._checkbox_54v1q_1{cursor:pointer;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}._control_54v1q_8{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}._labelText_54v1q_17{color:var(--text-primary);font-size:.85rem;transition:color .2s ease-out}._checkbox_54v1q_1:hover ._labelText_54v1q_17{color:var(--brand-main)}._input_54v1q_25{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._box_54v1q_32{background:var(--depth-5);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--border);border-radius:6px;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);display:flex}._checkbox_54v1q_1:hover ._box_54v1q_32{box-shadow:0 0 0 1px var(--brand-main)}._input_54v1q_25:focus-visible+._box_54v1q_32{outline:2px solid var(--brand-main);outline-offset:2px}._input_54v1q_25:active+._box_54v1q_32{transform:scale(.88)}._input_54v1q_25:checked+._box_54v1q_32{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._checkbox_54v1q_1:hover ._input_54v1q_25:checked+._box_54v1q_32{box-shadow:0 0 0 1px var(--brand-main)}._icon_54v1q_63{width:10px;height:10px;overflow:visible}._icon_54v1q_63 polyline{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .2s cubic-bezier(.4,0,.2,1)}._input_54v1q_25:checked+._box_54v1q_32 ._icon_54v1q_63 polyline{stroke-dashoffset:0}._input_54v1q_25:disabled{cursor:not-allowed}._checkbox_54v1q_1:has(._input_54v1q_25:disabled){cursor:not-allowed}._checkbox_54v1q_1:has(._input_54v1q_25:disabled) ._labelText_54v1q_17{color:var(--disabled-text)}._checkbox_54v1q_1:has(._input_54v1q_25:disabled) ._box_54v1q_32{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);transform:none}._checkbox_54v1q_1:has(._input_54v1q_25:disabled) ._input_54v1q_25:checked+._box_54v1q_32{background:var(--disabled-bg);box-shadow:inset 0 0 0 1px var(--disabled-bg)}._radio_wj7kb_1{cursor:pointer;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}._control_wj7kb_8{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}._labelText_wj7kb_17{color:var(--text-primary);font-size:.85rem;transition:color .2s ease-out}._radio_wj7kb_1:hover ._labelText_wj7kb_17{color:var(--brand-main)}._input_wj7kb_25{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._circle_wj7kb_32{background:var(--depth-5);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);display:flex}._radio_wj7kb_1:hover ._circle_wj7kb_32{box-shadow:0 0 0 1px var(--brand-main)}._input_wj7kb_25:focus-visible+._circle_wj7kb_32{outline:2px solid var(--brand-main);outline-offset:2px}._input_wj7kb_25:active+._circle_wj7kb_32{transform:scale(.88)}._input_wj7kb_25:checked+._circle_wj7kb_32{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._radio_wj7kb_1:hover ._input_wj7kb_25:checked+._circle_wj7kb_32{box-shadow:0 0 0 1px var(--brand-main)}._dot_wj7kb_63{background:#fff;border-radius:50%;width:6px;height:6px;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:scale(0)}._input_wj7kb_25:checked+._circle_wj7kb_32 ._dot_wj7kb_63{transform:scale(1)}._input_wj7kb_25:disabled{cursor:not-allowed}._radio_wj7kb_1:has(._input_wj7kb_25:disabled){cursor:not-allowed}._radio_wj7kb_1:has(._input_wj7kb_25:disabled) ._labelText_wj7kb_17{color:var(--disabled-text)}._radio_wj7kb_1:has(._input_wj7kb_25:disabled) ._circle_wj7kb_32{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);transform:none}._radio_wj7kb_1:has(._input_wj7kb_25:disabled) ._input_wj7kb_25:checked+._circle_wj7kb_32{background:var(--disabled-bg);box-shadow:inset 0 0 0 1px var(--disabled-bg)}._switch_1uo9k_1{cursor:pointer;align-items:center;gap:8px;display:inline-flex}._switch_1uo9k_1:has(._input_1uo9k_7:disabled){cursor:not-allowed}._control_1uo9k_10{flex-shrink:0;align-items:center;display:inline-flex;position:relative}._input_1uo9k_7{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._input_1uo9k_7:disabled{cursor:not-allowed}._track_1uo9k_26{background:var(--depth-5);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);position:relative}._switch_1uo9k_1:hover ._track_1uo9k_26{box-shadow:inset 0 0 0 1px var(--brand-main)}._input_1uo9k_7:focus-visible+._track_1uo9k_26{outline:2px solid var(--brand-main);outline-offset:2px}._input_1uo9k_7:checked+._track_1uo9k_26{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._input_1uo9k_7:disabled+._track_1uo9k_26{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}._thumb_1uo9k_52{background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:2px;transform:translateY(-50%)}._input_1uo9k_7:checked+._track_1uo9k_26 ._thumb_1uo9k_52{transform:translateY(-50%) translateX(var(--switch-thumb-travel))}._sm_1uo9k_65{--switch-thumb-travel:14px;width:32px;height:18px}._sm_1uo9k_65 ._thumb_1uo9k_52{width:14px;height:14px}._base_1uo9k_74{--switch-thumb-travel:18px;width:40px;height:22px}._base_1uo9k_74 ._thumb_1uo9k_52{width:18px;height:18px}._labelText_1uo9k_84{color:var(--text-primary);font-size:.85rem;transition:color .2s ease-out}._switch_1uo9k_1:hover ._labelText_1uo9k_84{color:var(--brand-main)}._switch_1uo9k_1:has(._input_1uo9k_7:disabled) ._labelText_1uo9k_84{color:var(--disabled-text)}._field_p41tk_1{flex-direction:column;gap:6px;display:flex}._inputWrap_p41tk_6{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);align-items:center;transition:box-shadow .2s ease-out;display:flex;position:relative}._inputWrap_p41tk_6:focus-within{box-shadow:inset 0 0 0 0 var(--border-input), 0 0 0 2px var(--brand-main)}._errorWrap_p41tk_19,._errorWrap_p41tk_19:focus-within{box-shadow:inset 0 0 0 1px var(--danger-text)}._inputWrap_p41tk_6:has(._input_p41tk_6:disabled){background:var(--surface-muted)}._toolbar_p41tk_27{box-shadow:none;background:0 0}._toolbar_p41tk_27:after{content:"";background:var(--brand-main);opacity:0;height:2px;transition:opacity .2s ease-out;position:absolute;bottom:0;left:0;right:0}._toolbar_p41tk_27:focus-within{box-shadow:none}._toolbar_p41tk_27:focus-within:after{opacity:1}._toolbar_p41tk_27._errorWrap_p41tk_19,._toolbar_p41tk_27._errorWrap_p41tk_19:focus-within{box-shadow:none}._toolbar_p41tk_27._errorWrap_p41tk_19:after{background:var(--danger-text);opacity:1}._sm_p41tk_57{height:var(--control-height-sm);border-radius:var(--radius-sm)}._sm_p41tk_57 ._input_p41tk_6{padding:0 12px;font-size:.9rem}._base_p41tk_65{height:var(--control-height-base);border-radius:var(--radius-base)}._base_p41tk_65 ._input_p41tk_6{padding:0 14px;font-size:.9rem}._inputWrap_p41tk_6:has(._icon_p41tk_73) ._input_p41tk_6{padding-left:8px}._icon_p41tk_73{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex}._icon_p41tk_73 svg{width:100%;height:100%}._input_p41tk_6{box-sizing:border-box;min-width:0;color:var(--text-primary);font-family:inherit;font-weight:var(--font-weight-regular);background:0 0;border:none;flex:1}._input_p41tk_6:focus{outline:none}._input_p41tk_6::placeholder{color:var(--text-tertiary)}._input_p41tk_6:disabled{color:var(--disabled-text);cursor:not-allowed}._helperText_p41tk_111{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_p41tk_116{color:var(--danger-text);font-size:.78rem}._trailing_p41tk_120{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:0;transition:color .15s ease-out,background .15s ease-out;display:flex}._trailing_p41tk_120 svg{width:16px;height:16px}._trailing_p41tk_120:hover:not(:disabled){color:var(--brand-main);background:var(--brand-main-5)}._trailing_p41tk_120:focus-visible{outline:2px solid var(--brand-main);outline-offset:-2px}._trailing_p41tk_120:disabled{cursor:not-allowed}._pickerInput_p41tk_151{cursor:pointer;caret-color:#0000}._pickerInput_p41tk_151:disabled{cursor:not-allowed}._field_tr8ir_1{flex-direction:column;gap:6px;display:flex}._inputWrap_tr8ir_6{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);align-items:center;transition:box-shadow .2s ease-out;display:flex;position:relative}._inputWrap_tr8ir_6:focus-within{box-shadow:inset 0 0 0 0 var(--border-input), 0 0 0 2px var(--brand-main)}._errorWrap_tr8ir_19,._errorWrap_tr8ir_19:focus-within{box-shadow:inset 0 0 0 1px var(--danger-text)}._inputWrap_tr8ir_6:has(._input_tr8ir_6:disabled){background:var(--surface-muted)}._sm_tr8ir_27{height:var(--control-height-sm);border-radius:var(--radius-sm)}._sm_tr8ir_27 ._input_tr8ir_6{padding:0 8px;font-size:.85rem}._base_tr8ir_35{height:var(--control-height-base);border-radius:var(--radius-base)}._base_tr8ir_35 ._input_tr8ir_6{padding:0 10px;font-size:.9rem}._inputWrap_tr8ir_6:has(._prefix_tr8ir_43) ._input_tr8ir_6{padding-left:4px}._inputWrap_tr8ir_6:has(._suffix_tr8ir_46) ._input_tr8ir_6{padding-right:4px}._prefix_tr8ir_43,._suffix_tr8ir_46{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;font-size:.78rem;display:flex}._prefix_tr8ir_43{margin-left:10px}._suffix_tr8ir_46{margin-right:10px}._input_tr8ir_6{box-sizing:border-box;min-width:0;color:var(--text-primary);font-family:inherit;font-weight:var(--font-weight-regular);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:none;flex:1}._input_tr8ir_6::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_tr8ir_6::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_tr8ir_6:focus{outline:none}._input_tr8ir_6::placeholder{color:var(--text-tertiary)}._input_tr8ir_6:disabled{color:var(--disabled-text);cursor:not-allowed}._helperText_tr8ir_94{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_tr8ir_99{color:var(--danger-text);font-size:.78rem}._menu_471l2_1{box-sizing:border-box;background:var(--card-surface);width:fit-content;min-width:180px;box-shadow:inset 0 0 0 1px var(--border), 0 8px 24px #0000001f;border-radius:12px;flex-direction:column;gap:2px;padding:4px;display:flex}._divider_471l2_15{background:var(--border);height:1px;margin:4px 6px}._item_manci_1{width:100%;min-height:var(--control-height-sm);box-sizing:border-box;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.9rem;transition:background .15s ease-out,color .15s ease-out;display:flex}._item_manci_1:hover:not(:disabled){background:var(--brand-bg);color:var(--brand-dark)}._item_manci_1:hover:not(:disabled) ._icon_manci_25,._item_manci_1:hover:not(:disabled) ._check_manci_26{color:var(--brand-dark)}._item_manci_1:active:not(:disabled){background:var(--brand-main-20)}._item_manci_1:focus-visible{outline:2px solid var(--brand-main);outline-offset:-2px}._item_manci_1:disabled{color:var(--disabled-text);cursor:not-allowed}._icon_manci_25{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-left:-2px;display:flex}._icon_manci_25 svg{width:100%;height:100%}._label_manci_54{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._trailing_manci_61{color:var(--text-tertiary);flex-shrink:0;margin-right:-2px;font-size:.8rem}._selected_manci_67{background:var(--depth-5);color:var(--text-primary);font-weight:var(--font-weight-medium)}._selected_manci_67 ._icon_manci_25{color:var(--text-primary)}._check_manci_26{width:16px;height:16px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}._selected_manci_67 ._check_manci_26{color:var(--brand-main)}._check_manci_26 svg{width:100%;height:100%}._destructive_manci_92,._destructive_manci_92 ._icon_manci_25{color:var(--danger-text)}._destructive_manci_92:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}._destructive_manci_92:hover:not(:disabled) ._icon_manci_25{color:var(--danger-text)}._field_ynqml_1{flex-direction:column;gap:6px;display:flex;position:relative}._trigger_ynqml_7{box-sizing:border-box;background:var(--card-surface);width:100%;box-shadow:inset 0 0 0 1px var(--border-input);color:var(--text-primary);cursor:pointer;border:none;align-items:center;font-family:inherit;transition:box-shadow .2s ease-out;display:flex}._trigger_ynqml_7:focus-visible{box-shadow:inset 0 0 0 0 var(--border-input), 0 0 0 2px var(--brand-main)}._errorWrap_ynqml_25{box-shadow:inset 0 0 0 1px var(--danger-text)}._trigger_ynqml_7:disabled{background:var(--surface-muted);color:var(--disabled-text);cursor:not-allowed}._sm_ynqml_34{border-radius:var(--radius-sm)}._sm_ynqml_34._trigger_ynqml_7{height:var(--control-height-sm);padding:0 12px;font-size:.9rem}._base_ynqml_42{border-radius:var(--radius-base)}._base_ynqml_42._trigger_ynqml_7{height:var(--control-height-base);padding:0 14px;font-size:.9rem}._icon_ynqml_51{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:flex}._icon_ynqml_51 svg{width:100%;height:100%}._value_ynqml_65{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._placeholder_ynqml_73{color:var(--text-tertiary)}._chevron_ynqml_76{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:transform .15s ease-out;display:flex}._chevron_ynqml_76 svg{width:100%;height:100%}._chevronOpen_ynqml_91{transform:rotate(180deg)}._menuWrap_ynqml_95{z-index:10;position:absolute;top:calc(100% + 4px);left:0;right:0}._menuWrapUp_ynqml_102{top:auto;bottom:calc(100% + 4px)}._list_ynqml_106{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}._search_ynqml_113{width:100%;height:var(--control-height-sm);box-sizing:border-box;background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);color:var(--text-primary);border:none;border-radius:8px;outline:none;margin-bottom:4px;padding:0 10px;font-family:inherit;font-size:.9rem}._search_ynqml_113:focus{box-shadow:inset 0 0 0 1.5px var(--brand-main)}._noResults_ynqml_131{color:var(--text-tertiary);padding:8px 12px;font-size:.9rem}._helperText_ynqml_136{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_ynqml_141{color:var(--danger-text);font-size:.78rem}._highlight_1anli_1{background:var(--brand-bg);color:var(--brand-dark);border-radius:3px;padding:0 1px}._group_10t2j_1{position:relative}._btn_10t2j_4{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px;font-family:inherit;font-size:1rem;transition:background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;display:flex}._btn_10t2j_4:hover{background:#0a0a0b0a}._btn_10t2j_4:active{background:var(--brand-bg);transform:scale(.95);box-shadow:inset 0 2px 1px #008cd840}._caret_10t2j_29{color:var(--text-tertiary);align-items:center;display:flex}._caret_10t2j_29 svg{width:14px;height:14px}._label_10t2j_38{color:var(--text-secondary)}._badge_10t2j_41{background:var(--brand-main,#0a84d8);color:#fff;min-width:16px;height:16px;font-size:.65rem;font-weight:var(--font-weight-semibold);text-align:center;border-radius:999px;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px}._value_10t2j_56{color:var(--text-primary);font-weight:var(--font-weight-medium)}._panel_10t2j_60{width:fit-content;min-width:220px;max-height:280px;box-shadow:inset 0 0 0 1px var(--border), 0 8px 24px #0000001f;z-index:50;background:#fff;border-radius:12px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}._panel_10t2j_60._open_10t2j_76{display:block}._panelRight_10t2j_79{left:auto;right:0}._panelWide_10t2j_83{min-width:260px;padding-bottom:4px}._sectionHeader_10t2j_87{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 4px;display:flex}._sectionLabel_10t2j_94{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}._allToggle_10t2j_101{font-family:inherit;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--brand-main,#0a84d8);cursor:pointer;background:0 0;border:none;padding:0}._allToggle_10t2j_101:hover{text-decoration:underline}._allToggle_10t2j_101:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px;border-radius:4px}._divider_10t2j_119{background:var(--border);height:1px;margin:4px 0}._option_10t2j_124{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:1rem;display:flex}._option_10t2j_124:hover{background:var(--bg)}._search_10t2j_136{box-sizing:border-box;width:calc(100% - 16px);box-shadow:inset 0 0 0 1px var(--border-input);border:none;border-radius:8px;margin:8px 8px 0;padding:8px 12px;font-family:inherit;font-size:1rem}._search_10t2j_136:focus{box-shadow:inset 0 0 0 1px var(--brand-main);outline:none}._optionsList_10t2j_152{padding:4px}._empty_10t2j_155{color:var(--text-tertiary);padding:7px 8px;font-size:.85rem}._line_z2201_1,._box_z2201_2{align-items:center;gap:4px;display:inline-flex;position:relative}._indicator_z2201_9{pointer-events:none;transition:translate .25s cubic-bezier(.39,.575,.565,1),width .25s,scale .125s cubic-bezier(.39,.575,.565,1);position:absolute;left:0}._indicator_z2201_9._settling_z2201_17{transition:scale .1s linear}._indicatorLine_z2201_21{background:var(--brand-main);height:2px;bottom:0}._indicatorBox_z2201_27{background:var(--card-surface);box-shadow:0 0 1px .5px var(--border);border-radius:8px;top:4px;bottom:4px}._tab_z2201_35{isolation:isolate;font-family:inherit;font-weight:var(--font-weight-regular);cursor:pointer;white-space:nowrap;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;transition:color .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative;overflow:hidden}._tab_z2201_35:before{content:"";aspect-ratio:1;z-index:-1;pointer-events:none;background:rgba(var(--brand-main-rgb), .08);border-radius:50%;width:40%;transition:transform .3s cubic-bezier(.39,.575,.565,1);position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)scale(1)}._tab_z2201_35:hover:not(:disabled):before{transform:translate(-50%,15%)scale(4)}._tab_z2201_35:active:not(:disabled):before{background:rgba(var(--brand-main-rgb), .28)}._tab_z2201_35:disabled{color:var(--disabled-text);cursor:not-allowed}._tab_z2201_35:disabled:before,._tab_z2201_35._selected_z2201_80:hover:before{display:none}._tab_z2201_35:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._icon_z2201_89{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:-4px;display:flex}._icon_z2201_89 svg{width:100%;height:100%}._tab_z2201_35._iconOnly_z2201_103{justify-content:center}._tab_z2201_35._iconOnly_z2201_103 ._icon_z2201_89{margin-left:0}._tab_z2201_35._iconOnly_z2201_103:before{width:60%}._line_z2201_1{box-shadow:inset 0 -1px 0 0 var(--border)}._line_z2201_1 ._tab_z2201_35{color:var(--text-secondary);background:0 0;padding:12px 8px;font-size:1rem}._line_z2201_1 ._tab_z2201_35:hover:not(:disabled){color:var(--brand-main)}._line_z2201_1 ._tab_z2201_35._selected_z2201_80{color:var(--text-primary);font-weight:var(--font-weight-medium)}._box_z2201_2{box-sizing:border-box;height:var(--control-height-base);background:var(--depth-5);border-radius:var(--radius-base);gap:4px;padding:4px;box-shadow:inset 0 0 .5px 1px #e3e3e3}._box_z2201_2 ._tab_z2201_35{height:calc(var(--control-height-base) - 8px);color:var(--text-secondary);background:0 0;border-radius:8px;padding:0 14px;font-size:.9rem}._box_z2201_2 ._tab_z2201_35:hover:not(:disabled){color:var(--brand-main)}._box_z2201_2 ._tab_z2201_35._selected_z2201_80{color:var(--text-primary);font-weight:var(--font-weight-medium)}._box_z2201_2._sm_z2201_163{height:var(--control-height-sm);border-radius:var(--radius-sm)}._box_z2201_2._sm_z2201_163 ._tab_z2201_35{height:calc(var(--control-height-sm) - 8px);border-radius:6px;padding:0 14px}._box_z2201_2 ._tab_z2201_35._iconOnly_z2201_103{width:calc(var(--control-height-base) - 8px);padding:0}._box_z2201_2._sm_z2201_163 ._tab_z2201_35._iconOnly_z2201_103{width:calc(var(--control-height-sm) - 8px);padding:0}._box_z2201_2._sm_z2201_163 ._indicatorBox_z2201_27{border-radius:6px}._root_17koe_1{align-items:center;gap:12px;display:inline-flex}._label_17koe_7{color:var(--text-secondary);font-size:.9rem;font-weight:var(--font-weight-regular);white-space:nowrap}._spinner_1lfif_1{flex-shrink:0;display:block;position:relative}._inner_1lfif_7,._outer_1lfif_8{display:block;position:absolute;top:0;left:0}._inner_1lfif_7{animation:1s cubic-bezier(.5,0,.4,1) infinite _spin_1lfif_1}._outer_1lfif_8{animation:1s ease-in-out infinite _spinReverse_1lfif_1}._default_1lfif_24 ._inner_1lfif_7{fill:#008cd8}._default_1lfif_24 ._outer_1lfif_8{fill:#4cd5ff}._subtle_1lfif_31 ._inner_1lfif_7,._subtle_1lfif_31 ._outer_1lfif_8{fill:var(--depth-5)}@media (prefers-reduced-motion:reduce){._inner_1lfif_7,._outer_1lfif_8{animation-duration:3s}}@keyframes _spin_1lfif_1{to{transform:rotate(360deg)}}@keyframes _spinReverse_1lfif_1{to{transform:rotate(-360deg)}}:root{--brand-main:#0090d9;--brand-dark:#007ebd;--brand-bg:#e0f5ff;--brand-main-rgb:0, 144, 217;--brand-main-5:rgba(var(--brand-main-rgb), .05);--brand-main-10:rgba(var(--brand-main-rgb), .1);--brand-main-20:rgba(var(--brand-main-rgb), .2);--brand-main-30:rgba(var(--brand-main-rgb), .3);--brand-main-50:rgba(var(--brand-main-rgb), .5);--brand-main-75:rgba(var(--brand-main-rgb), .75);--text-primary:#090b0b;--text-secondary:#5c5f61;--text-tertiary:#666e73;--bg:#f7f7f7;--card-surface:#fff;--surface-sunken:#f8f9fa;--surface-muted:#e5e7e9;--border:#e0e0e0;--border-input:#e0e0e0;--depth-base:16, 24, 32;--depth-2:rgba(var(--depth-base), .02);--depth-5:rgba(var(--depth-base), .05);--depth-10:rgba(var(--depth-base), .1);--depth-20:rgba(var(--depth-base), .2);--depth-50:rgba(var(--depth-base), .5);--depth-75:rgba(var(--depth-base), .75);--danger-bg:#fdeaea;--danger-text:#c8281c;--danger-text-dark:#b91c1c;--danger-rgb:200, 40, 28;--success-bg:#e3f6ea;--success-text:#27794a;--warning-bg:#fff1d6;--warning-text:#8f5d00;--disabled-bg:#c4c4c4;--disabled-text:#8a8a8a;--control-height-sm:36px;--control-height-base:44px;--radius-sm:10px;--radius-base:12px;--font-family-base:"Inter", sans-serif;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-lg:1rem;--font-weight-regular:450;--font-weight-medium:550;--font-weight-semibold:650;--line-height-base:1.5;--line-height-tight:1.25}.text-base{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-medium{font-weight:var(--font-weight-medium)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-2-line{line-height:var(--line-height-tight)}
|
|
1
|
+
._primary_9y79v_1,._secondary_9y79v_2,._tertiary_9y79v_3,._onDark_9y79v_4,._dangerous_9y79v_5{font-family:inherit;font-weight:var(--font-weight-regular);letter-spacing:-.01em;cursor:pointer;box-shadow:0 0 0 0 var(--btn-glow,transparent);border:none;justify-content:center;align-items:center;gap:8px;transition:background .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative}._primary_9y79v_1:focus-visible,._secondary_9y79v_2:focus-visible,._tertiary_9y79v_3:focus-visible,._onDark_9y79v_4:focus-visible,._dangerous_9y79v_5:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._primary_9y79v_1:hover:not(:disabled),._secondary_9y79v_2:hover:not(:disabled),._tertiary_9y79v_3:hover:not(:disabled),._onDark_9y79v_4:hover:not(:disabled),._dangerous_9y79v_5:hover:not(:disabled){box-shadow:0 0 0 2px var(--btn-glow,transparent)}._primary_9y79v_1:active:not(:disabled),._secondary_9y79v_2:active:not(:disabled),._tertiary_9y79v_3:active:not(:disabled),._onDark_9y79v_4:active:not(:disabled),._dangerous_9y79v_5:active:not(:disabled){box-shadow:0 0 0 0 var(--btn-glow,transparent)}._xs_9y79v_45{height:var(--control-height-xs);border-radius:var(--radius-xs);font-size:var(--control-font-size);padding:0 16px}._sm_9y79v_51{height:var(--control-height-sm);border-radius:var(--radius-sm);font-size:var(--control-font-size);padding:0 16px}._base_9y79v_57{height:var(--control-height-base);border-radius:var(--radius-base);font-size:var(--control-font-size);padding:0 20px}._icon_9y79v_63{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}._leadingIcon_9y79v_71{margin-left:-4px}._trailingIcon_9y79v_74{margin-right:-4px}._icon_9y79v_63 svg{width:100%;height:100%}._iconOnly_9y79v_82{box-sizing:border-box;padding:0}._iconOnly_9y79v_82._xs_9y79v_45{width:var(--control-height-xs)}._iconOnly_9y79v_82._sm_9y79v_51{width:var(--control-height-sm)}._iconOnly_9y79v_82._base_9y79v_57{width:var(--control-height-base)}._fullWidth_9y79v_95{width:100%}._primary_9y79v_1:after,._secondary_9y79v_2:after,._tertiary_9y79v_3:after,._onDark_9y79v_4:after,._dangerous_9y79v_5:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--btn-ring-width,1px) var(--btn-ring,transparent);pointer-events:none;position:absolute;inset:0}._primary_9y79v_1{--btn-ring:#0000001a;--btn-glow:var(--brand-main-30);background:var(--brand-dark);color:#fff}._primary_9y79v_1:hover:not(:disabled){background:var(--brand-main)}._primary_9y79v_1:active:not(:disabled){background:var(--brand-dark)}._tertiary_9y79v_3{--btn-glow:var(--brand-main-10);color:var(--text-secondary);background:0 0}._tertiary_9y79v_3:hover:not(:disabled){background:var(--brand-main-10);color:var(--brand-main)}._tertiary_9y79v_3:active:not(:disabled){background:var(--brand-main-15)}._secondary_9y79v_2{--btn-ring:#00000014;--btn-ring-width:1.5px;--btn-glow:var(--brand-main-30);color:var(--text-primary);background:0 0}._secondary_9y79v_2 ._icon_9y79v_63{color:var(--text-secondary)}._secondary_9y79v_2:hover:not(:disabled){background:var(--brand-main-5);color:var(--brand-main)}._secondary_9y79v_2:hover:not(:disabled) ._icon_9y79v_63{color:var(--brand-main)}._secondary_9y79v_2:active:not(:disabled){background:var(--brand-main-15)}._onDark_9y79v_4{--btn-ring:#ffffff0d;--btn-glow:#ffffff4d;color:#fff;background:#ffffff1f}._onDark_9y79v_4:hover:not(:disabled){background:#fff3}._onDark_9y79v_4:active:not(:disabled){background:#ffffff29}._dangerous_9y79v_5{--btn-ring:rgba(var(--danger-rgb), .2);--btn-ring-width:1.5px;--btn-glow:rgba(var(--danger-rgb), .3);color:var(--danger-text-dark);background:0 0}._dangerous_9y79v_5:hover:not(:disabled){background:rgba(var(--danger-rgb), .05)}._dangerous_9y79v_5:active:not(:disabled){background:rgba(var(--danger-rgb), .15)}._primary_9y79v_1:disabled,._secondary_9y79v_2:disabled,._tertiary_9y79v_3:disabled,._onDark_9y79v_4:disabled,._dangerous_9y79v_5:disabled{--btn-ring:transparent;background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}._link_9y79v_197{color:var(--brand-main);font:inherit;letter-spacing:inherit;text-align:inherit;white-space:normal;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;border-radius:0;margin:0;padding:0;text-decoration:underline;display:inline}._link_9y79v_197:hover:not(:disabled){color:var(--brand-dark)}._link_9y79v_197:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px;border-radius:2px}._link_9y79v_197._underlineHover_9y79v_221{text-decoration:none}._link_9y79v_197._underlineHover_9y79v_221:hover:not(:disabled),._link_9y79v_197._underlineHover_9y79v_221:focus-visible{text-underline-offset:2px;text-decoration:underline}._link_9y79v_197:disabled{color:var(--disabled-text);cursor:not-allowed;text-decoration:none}._wrap_1spnu_1{flex:0 0 220px;width:220px;position:relative}._wrap_1spnu_1:hover{z-index:10}._fluid_1spnu_9{flex:none;width:100%}._backing_1spnu_14{background:var(--card-surface);height:10px;box-shadow:inset 0 0 0 1px var(--border);z-index:0;border-radius:0 0 14px 14px;position:absolute;bottom:-4px;left:6px;right:6px}._backing_1spnu_14._completed_1spnu_25{background:var(--success-bg);box-shadow:inset 0 0 0 1px #bfe3cc}._card_1spnu_30{z-index:1;box-sizing:border-box;background:var(--card-surface);cursor:default;border-radius:16px;width:100%;padding:12px 14px;transition:box-shadow .2s,transform .1s;position:relative;box-shadow:inset 0 0 0 1px #efefef,0 1px 2px #1018200a}._card_1spnu_30._interactive_1spnu_46{cursor:pointer}._card_1spnu_30._interactive_1spnu_46:active{transform:scale(.98,.95)}._card_1spnu_30._grabbable_1spnu_52{cursor:grab}._card_1spnu_30._grabbable_1spnu_52:active{cursor:grabbing}._card_1spnu_30._dragging_1spnu_58,._card_1spnu_30._dragging_1spnu_58:hover{box-shadow:inset 0 0 0 1px #efefef,0 1px 2px #1018200a}._card_1spnu_30._interactive_1spnu_46:hover{box-shadow:inset 0 0 0 1px #efefef, 0 0 0 2px var(--brand-main)}._card_1spnu_30._completed_1spnu_25{background:var(--success-bg);box-shadow:inset 0 0 0 1px #bfe3cc,0 1px 2px #1018200a,0 2px 8px #1018200f}._neutral_kgxl4_1,._pill_kgxl4_2,._accent_kgxl4_3,._success_kgxl4_4,._warning_kgxl4_5,._danger_kgxl4_6,._count_kgxl4_7,._chip_kgxl4_8{font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}._neutral_kgxl4_1{color:var(--text-tertiary);background:var(--depth-5);border-radius:6px;padding:2px 7px;font-size:.75rem}._pill_kgxl4_2{box-shadow:inset 0 0 0 1px var(--border);color:var(--text-tertiary);background:0 0;border-radius:999px;padding:3px 11px;font-size:.8rem}._pill_kgxl4_2._pressed_kgxl4_34{box-shadow:inset 0 0 0 1px var(--brand-main);color:var(--brand-main)}._accent_kgxl4_3{background:var(--brand-bg);color:var(--brand-dark);border-radius:999px;padding:3px 11px;font-size:.8rem}._success_kgxl4_4{background:var(--success-bg);color:var(--success-text);border-radius:999px;padding:3px 11px;font-size:.8rem}._warning_kgxl4_5{background:var(--warning-bg);color:var(--warning-text);border-radius:999px;padding:3px 11px;font-size:.8rem}._chip_kgxl4_8{border-radius:999px;justify-content:center;height:36px;padding:0 14px;font-size:.85rem}._danger_kgxl4_6{color:var(--danger-text);background:var(--danger-bg);border-radius:6px;padding:2px 7px;font-size:.75rem}._count_kgxl4_7{background:var(--brand-main);color:#fff;text-align:center;border-radius:999px;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;line-height:16px}._slots_kgxl4_100{gap:6px}._leading_kgxl4_104{align-items:center;display:inline-flex}._interactive_kgxl4_110{font-family:inherit;transition:background-color .15s ease-out,box-shadow .15s ease-out,color .15s ease-out,transform .1s ease-out}._button_kgxl4_120{appearance:none;line-height:inherit;cursor:pointer;border:none;margin:0}._interactive_kgxl4_110:not(._chip_kgxl4_8){cursor:pointer}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._neutral_kgxl4_1{background:var(--depth-10)}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._accent_kgxl4_3{background:color-mix(in srgb, var(--brand-main) 12%, var(--brand-bg))}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._success_kgxl4_4{background:color-mix(in srgb, var(--success-text) 12%, var(--success-bg))}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._warning_kgxl4_5{background:color-mix(in srgb, var(--warning-text) 12%, var(--warning-bg))}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._danger_kgxl4_6{background:color-mix(in srgb, var(--danger-text) 12%, var(--danger-bg))}._interactive_kgxl4_110:not(._disabled_kgxl4_132):hover._pill_kgxl4_2{background:var(--depth-5)}._interactive_kgxl4_110:not(._disabled_kgxl4_132):active{transform:scale(.97)}._button_kgxl4_120:focus-visible,._main_kgxl4_161:focus-visible,._remove_kgxl4_162:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._disabled_kgxl4_132{background:var(--disabled-bg);box-shadow:none;color:var(--disabled-text);cursor:not-allowed}._disabled_kgxl4_132._interactive_kgxl4_110:hover{background:var(--disabled-bg)}._removable_kgxl4_179{align-items:center}._main_kgxl4_161{appearance:none;font:inherit;color:inherit;cursor:pointer;border-radius:inherit;background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex}._main_kgxl4_161:disabled,._remove_kgxl4_162:disabled{cursor:not-allowed}._remove_kgxl4_162{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0 -4px 0 0;padding:2px;display:inline-flex}._remove_kgxl4_162:hover:not(:disabled){background:color-mix(in srgb, currentColor 15%, transparent)}._pill_kgxl4_2._pressed_kgxl4_34._disabled_kgxl4_132{box-shadow:none;color:var(--disabled-text)}._chip_uk2l3_3:hover:not(:disabled):not(._disabled_uk2l3_12),._chip_uk2l3_3:active:not(:disabled):not(._disabled_uk2l3_12){background:var(--surface-muted)}._chip_uk2l3_3{background:var(--depth-5);color:var(--text-primary);transition:background-color .15s ease-out,color .15s ease-out,transform .1s ease-out}._chip_uk2l3_3:hover:not(:disabled):not(._disabled_uk2l3_12),._chip_uk2l3_3:active:not(:disabled):not(._disabled_uk2l3_12){background:var(--surface-muted)}._chip_uk2l3_3:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._chip_uk2l3_3._selected_uk2l3_25{background:var(--brand-bg);color:var(--brand-main)}._chip_uk2l3_3._selected_uk2l3_25:hover:not(:disabled):not(._disabled_uk2l3_12){background:var(--brand-main-20)}._chip_uk2l3_3._selected_uk2l3_25:active:not(:disabled):not(._disabled_uk2l3_12){background:var(--brand-main-30)}._chip_uk2l3_3:disabled,._chip_uk2l3_3._disabled_uk2l3_12{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}._group_1s11w_1{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:inline-flex}._group_1s11w_1._sm_1s11w_9{gap:6px}._chip_1s11w_13{appearance:none;font-family:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;display:inline-flex}._group_1s11w_1._base_1s11w_28 ._chip_1s11w_13{height:36px;padding:0 14px;font-size:.85rem}._group_1s11w_1._sm_1s11w_9 ._chip_1s11w_13{height:24px;padding:0 9px;font-size:.75rem}._chip_1s11w_13:active:not(:disabled){transform:scale(.95)}._group_16vyf_1{flex-direction:column;gap:0;display:inline-flex}._groupLabel_16vyf_7{margin-bottom:6px}._label_10zsm_1{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-primary);padding-left:4px}._toolbar_1s82l_1{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border), 0 1px 2px #1018200a, 0 2px 8px #1018200f;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:0 8px;display:flex}._searchWrap_1s82l_14{flex:1;min-width:0;position:relative}._searchWrap_1s82l_14:after{content:"";background:var(--brand-main);opacity:0;pointer-events:none;height:2px;position:absolute;bottom:0;left:36px;right:0}._searchWrap_1s82l_14:focus-within:after{opacity:1}._searchIcon_1s82l_33{width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-53%)}._searchIcon_1s82l_33 svg{width:100%;height:100%}._search_1s82l_14{box-sizing:border-box;width:100%;color:var(--text-primary);box-shadow:inset -1px 0 0 var(--border);background:0 0;border:none;padding:16px 52px 16px 36px;font-family:inherit;font-size:1rem}._search_1s82l_14:focus{outline:none}._searchShortcut_1s82l_61{background:var(--bg);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.02em;pointer-events:none;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}._controls_1s82l_78{flex:none;align-items:center;display:flex}._checkbox_fknu2_1{cursor:pointer;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}._control_fknu2_8{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}._labelText_fknu2_17{font-size:var(--control-font-size);color:var(--text-primary);transition:color .2s ease-out}._checkbox_fknu2_1:hover ._labelText_fknu2_17{color:var(--brand-main)}._input_fknu2_25{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._box_fknu2_32{background:var(--depth-5);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--border);border-radius:6px;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);display:flex}._checkbox_fknu2_1:hover ._box_fknu2_32{box-shadow:0 0 0 1px var(--brand-main)}._input_fknu2_25:focus-visible+._box_fknu2_32{outline:2px solid var(--brand-main);outline-offset:2px}._input_fknu2_25:active+._box_fknu2_32{transform:scale(.88)}._input_fknu2_25:checked+._box_fknu2_32{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._checkbox_fknu2_1:hover ._input_fknu2_25:checked+._box_fknu2_32{box-shadow:0 0 0 1px var(--brand-main)}._icon_fknu2_63{width:10px;height:10px;overflow:visible}._icon_fknu2_63 polyline{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .2s cubic-bezier(.4,0,.2,1)}._input_fknu2_25:checked+._box_fknu2_32 ._icon_fknu2_63 polyline{stroke-dashoffset:0}._input_fknu2_25:disabled{cursor:not-allowed}._checkbox_fknu2_1:has(._input_fknu2_25:disabled){cursor:not-allowed}._checkbox_fknu2_1:has(._input_fknu2_25:disabled) ._labelText_fknu2_17{color:var(--disabled-text)}._checkbox_fknu2_1:has(._input_fknu2_25:disabled) ._box_fknu2_32{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);transform:none}._checkbox_fknu2_1:has(._input_fknu2_25:disabled) ._input_fknu2_25:checked+._box_fknu2_32{background:var(--disabled-bg);box-shadow:inset 0 0 0 1px var(--disabled-bg)}._indicator_fknu2_99[data-checked=true]{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._indicator_fknu2_99[data-checked=true] ._icon_fknu2_63 polyline{stroke-dashoffset:0}button:is(:hover,:focus-visible):not(:disabled) ._indicator_fknu2_99{box-shadow:0 0 0 1px var(--brand-main)}._indicator_fknu2_99[data-disabled]{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}._indicator_fknu2_99[data-disabled][data-checked=true]{background:var(--disabled-bg);box-shadow:inset 0 0 0 1px var(--disabled-bg)}._radio_46a3j_1{cursor:pointer;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}._control_46a3j_8{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}._labelText_46a3j_17{font-size:var(--control-font-size);color:var(--text-primary);transition:color .2s ease-out}._radio_46a3j_1:hover ._labelText_46a3j_17{color:var(--brand-main)}._input_46a3j_25{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._circle_46a3j_32{background:var(--depth-5);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1),transform .1s cubic-bezier(0,0,.2,1);display:flex}._radio_46a3j_1:hover ._circle_46a3j_32{box-shadow:0 0 0 1px var(--brand-main)}._input_46a3j_25:focus-visible+._circle_46a3j_32{outline:2px solid var(--brand-main);outline-offset:2px}._input_46a3j_25:active+._circle_46a3j_32{transform:scale(.88)}._input_46a3j_25:checked+._circle_46a3j_32{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._radio_46a3j_1:hover ._input_46a3j_25:checked+._circle_46a3j_32{box-shadow:0 0 0 1px var(--brand-main)}._dot_46a3j_63{background:#fff;border-radius:50%;width:6px;height:6px;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:scale(0)}._input_46a3j_25:checked+._circle_46a3j_32 ._dot_46a3j_63{transform:scale(1)}._input_46a3j_25:disabled{cursor:not-allowed}._radio_46a3j_1:has(._input_46a3j_25:disabled){cursor:not-allowed}._radio_46a3j_1:has(._input_46a3j_25:disabled) ._labelText_46a3j_17{color:var(--disabled-text)}._radio_46a3j_1:has(._input_46a3j_25:disabled) ._circle_46a3j_32{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border);transform:none}._radio_46a3j_1:has(._input_46a3j_25:disabled) ._input_46a3j_25:checked+._circle_46a3j_32{background:var(--disabled-bg);box-shadow:inset 0 0 0 1px var(--disabled-bg)}._switch_2mkka_1{cursor:pointer;align-items:center;gap:8px;display:inline-flex}._switch_2mkka_1:has(._input_2mkka_7:disabled){cursor:not-allowed}._control_2mkka_10{flex-shrink:0;align-items:center;display:inline-flex;position:relative}._input_2mkka_7{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}._input_2mkka_7:disabled{cursor:not-allowed}._track_2mkka_26{background:var(--depth-5);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:999px;transition:background-color .2s cubic-bezier(0,0,.2,1),box-shadow .2s cubic-bezier(0,0,.2,1);position:relative}._switch_2mkka_1:hover ._track_2mkka_26{box-shadow:inset 0 0 0 1px var(--brand-main)}._input_2mkka_7:focus-visible+._track_2mkka_26{outline:2px solid var(--brand-main);outline-offset:2px}._input_2mkka_7:checked+._track_2mkka_26{background:var(--brand-main);box-shadow:inset 0 0 0 1px var(--brand-main)}._input_2mkka_7:disabled+._track_2mkka_26{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}._thumb_2mkka_52{background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:2px;transform:translateY(-50%)}._input_2mkka_7:checked+._track_2mkka_26 ._thumb_2mkka_52{transform:translateY(-50%) translateX(var(--switch-thumb-travel))}._sm_2mkka_65{--switch-thumb-travel:14px;width:32px;height:18px}._sm_2mkka_65 ._thumb_2mkka_52{width:14px;height:14px}._base_2mkka_74{--switch-thumb-travel:18px;width:40px;height:22px}._base_2mkka_74 ._thumb_2mkka_52{width:18px;height:18px}._labelText_2mkka_84{font-size:var(--control-font-size);color:var(--text-primary);transition:color .2s ease-out}._switch_2mkka_1:hover ._labelText_2mkka_84{color:var(--brand-main)}._switch_2mkka_1:has(._input_2mkka_7:disabled) ._labelText_2mkka_84{color:var(--disabled-text)}._field_t8ugp_1{flex-direction:column;gap:6px;display:flex}._inputWrap_t8ugp_6{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);align-items:center;transition:box-shadow .2s ease-out;display:flex;position:relative}._inputWrap_t8ugp_6:hover:not(:focus-within,:has(._input_t8ugp_6:disabled),._toolbar_t8ugp_14){box-shadow:inset 0 0 0 1px var(--border-input), 0 0 0 2px var(--brand-main-30)}._inputWrap_t8ugp_6:focus-within{box-shadow:inset 0 0 0 1.5px var(--brand-main), 0 0 0 2px var(--border-input)}._errorWrap_t8ugp_24{box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb), .2)}._errorWrap_t8ugp_24:focus-within{box-shadow:inset 0 0 0 1.5px var(--danger-text), 0 0 0 2px rgba(var(--danger-rgb), .3)}._inputWrap_t8ugp_6._errorWrap_t8ugp_24:hover:not(:focus-within,:has(._input_t8ugp_6:disabled),._toolbar_t8ugp_14){box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb), .2), 0 0 0 2px rgba(var(--danger-rgb), .3)}._inputWrap_t8ugp_6:has(._input_t8ugp_6:disabled){background:var(--surface-muted)}._toolbar_t8ugp_14{box-shadow:none;background:0 0}._toolbar_t8ugp_14:after{content:"";background:var(--brand-main);opacity:0;height:2px;transition:opacity .2s ease-out;position:absolute;bottom:0;left:0;right:0}._toolbar_t8ugp_14:focus-within{box-shadow:none}._toolbar_t8ugp_14:focus-within:after{opacity:1}._toolbar_t8ugp_14._errorWrap_t8ugp_24,._toolbar_t8ugp_14._errorWrap_t8ugp_24:focus-within{box-shadow:none}._toolbar_t8ugp_14._errorWrap_t8ugp_24:after{background:var(--danger-text);opacity:1}._sm_t8ugp_71{height:var(--control-height-sm);border-radius:var(--radius-sm)}._sm_t8ugp_71 ._input_t8ugp_6{font-size:var(--control-font-size);padding:0 12px}._base_t8ugp_79{height:var(--control-height-base);border-radius:var(--radius-base)}._base_t8ugp_79 ._input_t8ugp_6{font-size:var(--control-font-size);padding:0 14px}._inputWrap_t8ugp_6:has(._icon_t8ugp_87) ._input_t8ugp_6{padding-left:8px}._icon_t8ugp_87{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;display:flex}._icon_t8ugp_87 svg{width:100%;height:100%}._input_t8ugp_6{box-sizing:border-box;min-width:0;color:var(--text-primary);font-family:inherit;font-weight:var(--font-weight-regular);background:0 0;border:none;flex:1}._input_t8ugp_6:focus{outline:none}._input_t8ugp_6::placeholder{color:var(--text-tertiary)}._input_t8ugp_6:disabled{color:var(--disabled-text);cursor:not-allowed}._helperText_t8ugp_125{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_t8ugp_130{color:var(--danger-text);font-size:.78rem}._trailing_t8ugp_134{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:0;transition:color .15s ease-out,background .15s ease-out;display:flex}._trailing_t8ugp_134 svg{width:16px;height:16px}._trailing_t8ugp_134:hover:not(:disabled){color:var(--brand-main);background:var(--brand-main-5)}._trailing_t8ugp_134:focus-visible{outline:2px solid var(--brand-main);outline-offset:-2px}._trailing_t8ugp_134:disabled{cursor:not-allowed}._pickerInput_t8ugp_165{cursor:pointer;caret-color:#0000}._pickerInput_t8ugp_165:disabled{cursor:not-allowed}._field_fz8o2_3{flex-direction:column;gap:6px;display:flex}._wrap_fz8o2_1{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);transition:box-shadow .2s ease-out;display:flex}._wrap_fz8o2_1:focus-within:not(._readOnly_fz8o2_14){box-shadow:inset 0 0 0 0 var(--border-input), 0 0 0 2px var(--brand-main)}._errorWrap_fz8o2_1,._errorWrap_fz8o2_1:focus-within:not(._readOnly_fz8o2_14){box-shadow:inset 0 0 0 1px var(--danger-text)}._disabled_fz8o2_1{background:var(--surface-muted)}._sm_fz8o2_27{border-radius:var(--radius-sm)}._sm_fz8o2_27 ._textarea_fz8o2_30{padding:8px 12px}._base_fz8o2_33{border-radius:var(--radius-base)}._base_fz8o2_33 ._textarea_fz8o2_30{padding:12px 14px}._textarea_fz8o2_30{box-sizing:border-box;border-radius:inherit;min-width:0;font-family:inherit;font-size:var(--control-font-size);color:var(--text-primary);line-height:1.4;font-weight:var(--font-weight-regular);background:0 0;border:none;flex:1}._textarea_fz8o2_30:focus{outline:none}._textarea_fz8o2_30::placeholder{color:var(--text-tertiary)}._textarea_fz8o2_30:disabled{color:var(--disabled-text);cursor:not-allowed}._textarea_fz8o2_30:read-only:not(:disabled){cursor:text}._resize-none_fz8o2_66{resize:none}._resize-vertical_fz8o2_69{resize:vertical}._footer_fz8o2_73{justify-content:space-between;gap:8px;display:flex}._helperText_fz8o2_78{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_fz8o2_83{color:var(--danger-text);font-size:.78rem}._count_fz8o2_87{color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem}._countNear_fz8o2_93{color:var(--warning-text)}._countLimit_fz8o2_96{color:var(--danger-text)}._calendar_fwh07_1{width:100%;max-width:100%;color:var(--text-primary);font-family:inherit}._header_fwh07_7{grid-template-columns:var(--control-height-sm) 1fr var(--control-height-sm);align-items:center;margin-bottom:8px;display:grid}._header_fwh07_7 ._navButton_fwh07_13{border-radius:50%}._header_fwh07_7 ._navButton_fwh07_13:disabled{box-shadow:none;background:0 0}._title_fwh07_21{text-align:center;font-size:.9rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}._grid_fwh07_27{flex-direction:column;display:flex}._row_fwh07_31{grid-template-columns:repeat(7,1fr);display:grid}._weekday_fwh07_35{height:28px;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.75rem;display:flex}._day_fwh07_44{border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-family:inherit;font-size:.9rem;transition:background .15s ease-out;display:flex}._day_fwh07_44:hover:not(._selected_fwh07_61,._disabled_fwh07_61){background:var(--brand-main-5)}._day_fwh07_44:focus-visible{outline:2px solid var(--brand-main);outline-offset:1px}._outside_fwh07_68{color:var(--text-tertiary)}._today_fwh07_71{color:var(--brand-main)}._selected_fwh07_61,._selected_fwh07_61._outside_fwh07_68,._selected_fwh07_61._today_fwh07_71{background:var(--brand-main);color:#fff;font-weight:var(--font-weight-medium)}._day_fwh07_44._disabled_fwh07_61{color:var(--disabled-text);cursor:not-allowed}@media (prefers-reduced-motion:reduce){._day_fwh07_44{transition:none}}._popup_hem3z_1{z-index:var(--z-popover);box-sizing:border-box;border-radius:var(--radius-base);background:var(--card-surface);width:276px;max-width:calc(100vw - 16px);box-shadow:inset 0 0 0 1px var(--border), 0 8px 24px var(--depth-10);padding:12px;position:fixed;top:0;left:0}@media (width<=480px){._popup_hem3z_1{width:auto;max-width:none;inset:auto 8px 8px}}._field_14eal_1{flex-direction:column;gap:6px;display:flex}._inputWrap_14eal_6{background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);align-items:center;transition:box-shadow .2s ease-out;display:flex;position:relative}._inputWrap_14eal_6:focus-within{box-shadow:inset 0 0 0 0 var(--border-input), 0 0 0 2px var(--brand-main)}._errorWrap_14eal_19,._errorWrap_14eal_19:focus-within{box-shadow:inset 0 0 0 1px var(--danger-text)}._inputWrap_14eal_6:has(._input_14eal_6:disabled){background:var(--surface-muted)}._sm_14eal_27{height:var(--control-height-sm);border-radius:var(--radius-sm)}._sm_14eal_27 ._input_14eal_6{font-size:var(--control-font-size);padding:0 8px}._base_14eal_35{height:var(--control-height-base);border-radius:var(--radius-base)}._base_14eal_35 ._input_14eal_6{font-size:var(--control-font-size);padding:0 10px}._inputWrap_14eal_6:has(._prefix_14eal_43) ._input_14eal_6{padding-left:4px}._inputWrap_14eal_6:has(._suffix_14eal_46) ._input_14eal_6{padding-right:4px}._prefix_14eal_43,._suffix_14eal_46{color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;font-size:.78rem;display:flex}._prefix_14eal_43{margin-left:10px}._suffix_14eal_46{margin-right:10px}._input_14eal_6{box-sizing:border-box;min-width:0;color:var(--text-primary);font-family:inherit;font-weight:var(--font-weight-regular);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:none;flex:1}._input_14eal_6::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._input_14eal_6::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_14eal_6:focus{outline:none}._input_14eal_6::placeholder{color:var(--text-tertiary)}._input_14eal_6:disabled{color:var(--disabled-text);cursor:not-allowed}._helperText_14eal_94{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_14eal_99{color:var(--danger-text);font-size:.78rem}._menu_471l2_1{box-sizing:border-box;background:var(--card-surface);width:fit-content;min-width:180px;box-shadow:inset 0 0 0 1px var(--border), 0 8px 24px #0000001f;border-radius:12px;flex-direction:column;gap:2px;padding:4px;display:flex}._divider_471l2_15{background:var(--border);height:1px;margin:4px 6px}._item_1q8ai_1{width:100%;min-height:var(--control-height-sm);box-sizing:border-box;font-family:inherit;font-size:var(--control-font-size);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .15s ease-out,color .15s ease-out;display:flex}._item_1q8ai_1:hover:not(:disabled){background:var(--brand-bg);color:var(--brand-dark)}._item_1q8ai_1:hover:not(:disabled) ._icon_1q8ai_25,._item_1q8ai_1:hover:not(:disabled) ._check_1q8ai_26{color:var(--brand-dark)}._item_1q8ai_1:active:not(:disabled){background:var(--brand-main-20)}._item_1q8ai_1:focus-visible{outline:2px solid var(--brand-main);outline-offset:-2px}._item_1q8ai_1:disabled{color:var(--disabled-text);cursor:not-allowed}._leading_1q8ai_40{flex-shrink:0;align-items:center;margin-left:-2px;display:flex}._icon_1q8ai_25{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-left:-2px;display:flex}._icon_1q8ai_25 svg{width:100%;height:100%}._label_1q8ai_60{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._trailing_1q8ai_67{color:var(--text-tertiary);flex-shrink:0;margin-right:-2px;font-size:.8rem}._selected_1q8ai_73{background:var(--depth-5);color:var(--text-primary);font-weight:var(--font-weight-medium)}._selected_1q8ai_73 ._icon_1q8ai_25{color:var(--text-primary)}._check_1q8ai_26{width:16px;height:16px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}._selected_1q8ai_73 ._check_1q8ai_26{color:var(--brand-main)}._check_1q8ai_26 svg{width:100%;height:100%}._destructive_1q8ai_98,._destructive_1q8ai_98 ._icon_1q8ai_25{color:var(--danger-text)}._destructive_1q8ai_98:hover:not(:disabled){background:var(--danger-bg);color:var(--danger-text)}._destructive_1q8ai_98:hover:not(:disabled) ._icon_1q8ai_25{color:var(--danger-text)}._field_15vgr_1,._fieldInline_15vgr_2{--ease-out:cubic-bezier(.22, 1, .36, 1)}._field_15vgr_1{flex-direction:column;gap:6px;display:flex;position:relative}._fieldInline_15vgr_2{vertical-align:top;flex-direction:column;display:inline-flex;position:relative}._trigger_15vgr_17{box-sizing:border-box;background:var(--card-surface);width:100%;box-shadow:inset 0 0 0 1px var(--border-input);color:var(--text-primary);cursor:pointer;border:none;align-items:center;font-family:inherit;transition:box-shadow .2s ease-out;display:flex}._trigger_15vgr_17:hover:not(:disabled,:focus-visible){box-shadow:inset 0 0 0 1px var(--border-input), 0 0 0 2px var(--brand-main-30)}._trigger_15vgr_17:focus-visible{box-shadow:inset 0 0 0 1.5px var(--brand-main), 0 0 0 2px var(--border-input);outline:none}._errorWrap_15vgr_41{box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb), .2)}._trigger_15vgr_17._errorWrap_15vgr_41:focus-visible{box-shadow:inset 0 0 0 1.5px var(--danger-text), 0 0 0 2px rgba(var(--danger-rgb), .3)}._trigger_15vgr_17._errorWrap_15vgr_41:hover:not(:disabled,:focus-visible){box-shadow:inset 0 0 0 1px rgba(var(--danger-rgb), .2), 0 0 0 2px rgba(var(--danger-rgb), .3)}._trigger_15vgr_17:disabled{background:var(--surface-muted);color:var(--disabled-text);cursor:not-allowed}._sm_15vgr_60{border-radius:var(--radius-sm)}._sm_15vgr_60._trigger_15vgr_17{height:var(--control-height-sm);font-size:var(--control-font-size);padding:0 12px}._base_15vgr_68{border-radius:var(--radius-base)}._base_15vgr_68._trigger_15vgr_17{height:var(--control-height-base);font-size:var(--control-font-size);padding:0 14px}._icon_15vgr_77{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;display:flex}._icon_15vgr_77 svg{width:100%;height:100%}._value_15vgr_91{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._placeholder_15vgr_99{color:var(--text-tertiary)}._chevron_15vgr_102{width:16px;height:16px;color:var(--text-tertiary);transition:transform .3s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}._chevron_15vgr_102 svg{width:100%;height:100%}._chevronOpen_15vgr_117{transform:rotate(180deg)}._menuWrap_15vgr_121{--menu-dy:-6px;z-index:10;transform-origin:top;animation:_menuIn_15vgr_1 .28s var(--ease-out) both;position:absolute;top:calc(100% + 4px);left:0;right:0}._menuWrapAuto_15vgr_131{transform-origin:0 0;width:max-content;min-width:100%;right:auto}._menuWrapEnd_15vgr_137{transform-origin:100% 0;left:auto;right:0}._menuWrapUp_15vgr_142{--menu-dy:6px;transform-origin:bottom;top:auto;bottom:calc(100% + 4px)}._menuWrapUp_15vgr_142._menuWrapAuto_15vgr_131{transform-origin:0 100%}._menuWrapUp_15vgr_142._menuWrapEnd_15vgr_137{transform-origin:100% 100%}._menuWrapClosing_15vgr_154{pointer-events:none;animation:.12s ease-in both _menuOut_15vgr_1}@keyframes _menuIn_15vgr_1{0%{opacity:0;transform:translateY(var(--menu-dy)) scale(.92)}to{opacity:1;transform:none}}@keyframes _menuOut_15vgr_1{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--menu-dy) / 2)) scale(.96)}}._list_15vgr_178>button{z-index:1;animation:_itemIn_15vgr_1 .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 18ms + 40ms);position:relative}._menuWrapClosing_15vgr_154 ._list_15vgr_178>button{animation:none}._list_15vgr_178>button:hover:not(:disabled),._list_15vgr_178>button:focus-visible:not(:disabled){background:0 0}._list_15vgr_178>button:focus-visible{outline:none}._highlight_15vgr_195{z-index:0;background:var(--brand-bg);pointer-events:none;transition:transform .28s var(--ease-out), height .2s ease-out;border-radius:8px;position:absolute;top:0;left:0;right:0}._highlightInstant_15vgr_208{transition:none}@keyframes _itemIn_15vgr_1{0%{opacity:0;transform:translateY(calc(var(--menu-dy) * .75))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){._menuWrap_15vgr_121,._menuWrapClosing_15vgr_154{animation-duration:.01ms}._list_15vgr_178>button{animation:none}._highlight_15vgr_195,._chevron_15vgr_102,._pillChevron_15vgr_233,._buttonChevron_15vgr_234{transition:none}}._pillTrigger_15vgr_240{box-sizing:border-box;background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border);color:var(--text-tertiary);font-family:inherit;font-size:.8rem;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 11px;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out;display:inline-flex}._pillTrigger_15vgr_240:hover:not(:disabled){background:var(--brand-bg);color:var(--brand-dark)}._pillTrigger_15vgr_240:active:not(:disabled){transform:scale(.96)}._pillTrigger_15vgr_240:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._pillTrigger_15vgr_240:disabled{color:var(--disabled-text);cursor:not-allowed}._pillIcon_15vgr_276{width:14px;height:14px;margin-left:-4px;display:flex}._pillChevron_15vgr_233{width:14px;height:14px;transition:transform .3s var(--ease-out);display:flex}._buttonChevron_15vgr_234{width:100%;height:100%;transition:transform .3s var(--ease-out);display:flex}._pillIcon_15vgr_276 svg,._pillChevron_15vgr_233 svg,._buttonChevron_15vgr_234 svg{width:100%;height:100%}._list_15vgr_178{flex-direction:column;gap:2px;max-height:320px;display:flex;position:relative;overflow-y:auto}._search_15vgr_308{width:100%;height:var(--control-height-sm);box-sizing:border-box;background:var(--card-surface);box-shadow:inset 0 0 0 1px var(--border-input);font-family:inherit;font-size:var(--control-font-size);color:var(--text-primary);border:none;border-radius:8px;outline:none;margin-bottom:4px;padding:0 10px}._search_15vgr_308:focus{box-shadow:inset 0 0 0 1.5px var(--brand-main)}._noResults_15vgr_326{font-size:var(--control-font-size);color:var(--text-tertiary);padding:8px 12px}._helperText_15vgr_331{color:var(--text-tertiary);padding-left:8px;font-size:.78rem}._errorText_15vgr_336{color:var(--danger-text);font-size:.78rem}._prefix_15vgr_341{color:var(--text-tertiary)}._menuWrapMultiple_15vgr_345{min-width:max(100%,240px)}._highlight_1anli_1{background:var(--brand-bg);color:var(--brand-dark);border-radius:3px;padding:0 1px}._group_10t2j_1{position:relative}._btn_10t2j_4{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:6px;padding:12px;font-family:inherit;font-size:1rem;transition:background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;display:flex}._btn_10t2j_4:hover{background:#0a0a0b0a}._btn_10t2j_4:active{background:var(--brand-bg);transform:scale(.95);box-shadow:inset 0 2px 1px #008cd840}._caret_10t2j_29{color:var(--text-tertiary);align-items:center;display:flex}._caret_10t2j_29 svg{width:14px;height:14px}._label_10t2j_38{color:var(--text-secondary)}._badge_10t2j_41{background:var(--brand-main,#0a84d8);color:#fff;min-width:16px;height:16px;font-size:.65rem;font-weight:var(--font-weight-semibold);text-align:center;border-radius:999px;padding:0 4px;line-height:16px;position:absolute;top:2px;right:2px}._value_10t2j_56{color:var(--text-primary);font-weight:var(--font-weight-medium)}._panel_10t2j_60{width:fit-content;min-width:220px;max-height:280px;box-shadow:inset 0 0 0 1px var(--border), 0 8px 24px #0000001f;z-index:50;background:#fff;border-radius:12px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}._panel_10t2j_60._open_10t2j_76{display:block}._panelRight_10t2j_79{left:auto;right:0}._panelWide_10t2j_83{min-width:260px;padding-bottom:4px}._sectionHeader_10t2j_87{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 4px;display:flex}._sectionLabel_10t2j_94{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}._allToggle_10t2j_101{font-family:inherit;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--brand-main,#0a84d8);cursor:pointer;background:0 0;border:none;padding:0}._allToggle_10t2j_101:hover{text-decoration:underline}._allToggle_10t2j_101:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px;border-radius:4px}._divider_10t2j_119{background:var(--border);height:1px;margin:4px 0}._option_10t2j_124{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px;font-size:1rem;display:flex}._option_10t2j_124:hover{background:var(--bg)}._search_10t2j_136{box-sizing:border-box;width:calc(100% - 16px);box-shadow:inset 0 0 0 1px var(--border-input);border:none;border-radius:8px;margin:8px 8px 0;padding:8px 12px;font-family:inherit;font-size:1rem}._search_10t2j_136:focus{box-shadow:inset 0 0 0 1px var(--brand-main);outline:none}._optionsList_10t2j_152{padding:4px}._empty_10t2j_155{color:var(--text-tertiary);padding:7px 8px;font-size:.85rem}._line_1myai_1,._box_1myai_2{align-items:center;gap:4px;display:inline-flex;position:relative}._indicator_1myai_9{pointer-events:none;transition:translate .25s cubic-bezier(.39,.575,.565,1),width .25s,scale .125s cubic-bezier(.39,.575,.565,1);position:absolute;left:0}._indicator_1myai_9._settling_1myai_17{transition:scale .1s linear}._indicatorLine_1myai_21{background:var(--brand-main);height:2px;bottom:0}._indicatorBox_1myai_27{background:var(--card-surface);box-shadow:0 0 1px .5px var(--border);border-radius:8px;top:4px;bottom:4px}._tab_1myai_35{isolation:isolate;font-family:inherit;font-weight:var(--font-weight-regular);cursor:pointer;white-space:nowrap;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;transition:color .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;display:inline-flex;position:relative;overflow:hidden}._tab_1myai_35:before{content:"";border-radius:inherit;opacity:0;z-index:-1;pointer-events:none;background:rgba(var(--brand-main-rgb), .08);transition:opacity .15s ease-out;position:absolute;inset:0}._tab_1myai_35:hover:not(:disabled):before{opacity:1}._tab_1myai_35:active:not(:disabled):before{background:rgba(var(--brand-main-rgb), .28)}._tab_1myai_35:disabled{color:var(--disabled-text);cursor:not-allowed}._tab_1myai_35:disabled:before,._tab_1myai_35._selected_1myai_77:hover:before{display:none}._tab_1myai_35:focus-visible{outline:2px solid var(--brand-main);outline-offset:2px}._icon_1myai_86{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:-4px;display:flex}._icon_1myai_86 svg{width:100%;height:100%}._tab_1myai_35._iconOnly_1myai_100{justify-content:center}._tab_1myai_35._iconOnly_1myai_100 ._icon_1myai_86{margin-left:0}._line_1myai_1{box-shadow:inset 0 -1px 0 0 var(--border)}._line_1myai_1 ._tab_1myai_35{font-size:var(--control-font-size);color:var(--text-secondary);background:0 0;padding:12px 8px}._line_1myai_1 ._tab_1myai_35:hover:not(:disabled){color:var(--brand-main)}._line_1myai_1 ._tab_1myai_35._selected_1myai_77{color:var(--text-primary);font-weight:var(--font-weight-medium)}._box_1myai_2{box-sizing:border-box;height:var(--control-height-base);background:var(--depth-5);border-radius:var(--radius-base);gap:4px;padding:4px;box-shadow:inset 0 0 .5px 1px #e3e3e3}._box_1myai_2 ._tab_1myai_35{height:calc(var(--control-height-base) - 8px);font-size:var(--control-font-size);color:var(--text-secondary);background:0 0;border-radius:8px;padding:0 14px}._box_1myai_2 ._tab_1myai_35:hover:not(:disabled){color:var(--brand-main)}._box_1myai_2 ._tab_1myai_35._selected_1myai_77{color:var(--text-primary);font-weight:var(--font-weight-medium)}._box_1myai_2._sm_1myai_156{height:var(--control-height-sm);border-radius:var(--radius-sm)}._box_1myai_2._sm_1myai_156 ._tab_1myai_35{height:calc(var(--control-height-sm) - 8px);border-radius:6px;padding:0 14px}._box_1myai_2 ._tab_1myai_35._iconOnly_1myai_100{width:calc(var(--control-height-base) - 8px);padding:0}._box_1myai_2._sm_1myai_156 ._tab_1myai_35._iconOnly_1myai_100{width:calc(var(--control-height-sm) - 8px);padding:0}._box_1myai_2._sm_1myai_156 ._indicatorBox_1myai_27{border-radius:6px}._root_1605f_1{align-items:center;gap:12px;display:inline-flex}._label_1605f_7{font-size:var(--control-font-size);color:var(--text-secondary);font-weight:var(--font-weight-regular);white-space:nowrap}._spinner_9jjxr_3{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._inner_9jjxr_11,._outer_9jjxr_12{display:block;position:absolute;top:0;left:0}._inner_9jjxr_11{animation:1s cubic-bezier(.5,0,.4,1) infinite _spin_9jjxr_3}._outer_9jjxr_12{animation:1s ease-in-out infinite _spinReverse_9jjxr_1}._default_9jjxr_28 ._inner_9jjxr_11{fill:#008cd8}._default_9jjxr_28 ._outer_9jjxr_12{fill:#4cd5ff}._subtle_9jjxr_35 ._inner_9jjxr_11,._subtle_9jjxr_35 ._outer_9jjxr_12{fill:var(--depth-10)}@media (prefers-reduced-motion:reduce){._inner_9jjxr_11,._outer_9jjxr_12{animation-duration:3s}}@keyframes _spin_9jjxr_3{to{transform:rotate(360deg)}}@keyframes _spinReverse_9jjxr_1{to{transform:rotate(-360deg)}}:root{--brand-main:#0090d9;--brand-dark:#007ebd;--brand-bg:#e0f5ff;--brand-main-rgb:0, 144, 217;--brand-main-5:rgba(var(--brand-main-rgb), .05);--brand-main-10:rgba(var(--brand-main-rgb), .1);--brand-main-15:rgba(var(--brand-main-rgb), .15);--brand-main-20:rgba(var(--brand-main-rgb), .2);--brand-main-30:rgba(var(--brand-main-rgb), .3);--brand-main-50:rgba(var(--brand-main-rgb), .5);--brand-main-75:rgba(var(--brand-main-rgb), .75);--text-primary:#090b0b;--text-secondary:#5c5f61;--text-tertiary:#666e73;--bg:#f7f7f7;--card-surface:#fff;--surface-sunken:#f8f9fa;--surface-muted:#e5e7e9;--border:#e0e0e0;--border-input:#e0e0e0;--depth-base:16, 24, 32;--depth-2:rgba(var(--depth-base), .02);--depth-5:rgba(var(--depth-base), .05);--depth-10:rgba(var(--depth-base), .1);--depth-20:rgba(var(--depth-base), .2);--depth-50:rgba(var(--depth-base), .5);--depth-75:rgba(var(--depth-base), .75);--danger-bg:#fdeaea;--danger-text:#c8281c;--danger-text-dark:#b91c1c;--danger-rgb:200, 40, 28;--success-bg:#e3f6ea;--success-text:#27794a;--warning-bg:#fff1d6;--warning-text:#8f5d00;--disabled-bg:#c4c4c4;--disabled-text:#8a8a8a;--control-height-xs:28px;--control-height-sm:36px;--control-height-base:44px;--radius-xs:8px;--radius-sm:10px;--radius-base:12px;--z-popover:1000;--font-family-base:"Inter", sans-serif;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-lg:1rem;--control-font-size:16px;--font-weight-regular:450;--font-weight-medium:550;--font-weight-semibold:650;--line-height-base:1.5;--line-height-tight:1.25}@media (width>=768px){:root{--control-font-size:15px}}.text-base{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}.text-medium{font-weight:var(--font-weight-medium)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-2-line{line-height:var(--line-height-tight)}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index.d.ts
CHANGED
|
@@ -7,8 +7,11 @@ export { Checkbox, CheckboxGroup } from './components/Checkbox';
|
|
|
7
7
|
export { RadioButton, RadioGroup } from './components/RadioButton';
|
|
8
8
|
export { Switch } from './components/Switch';
|
|
9
9
|
export { TextField } from './components/TextField';
|
|
10
|
+
export { TextArea } from './components/TextArea';
|
|
10
11
|
export { PasswordField } from './components/PasswordField';
|
|
11
12
|
export { DateField } from './components/DateField';
|
|
13
|
+
export { DatePicker } from './components/DatePicker';
|
|
14
|
+
export { Calendar } from './components/Calendar';
|
|
12
15
|
export { FieldLabel } from './components/FieldLabel';
|
|
13
16
|
export { NumberField } from './components/NumberField';
|
|
14
17
|
export { Dropdown } from './components/Dropdown';
|