frey-ui 1.0.9 → 1.0.10
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/README.md +191 -26
- package/dist/cjs/Alert/alert.module.css.js +1 -1
- package/dist/cjs/Alert/index.js +10 -7
- package/dist/cjs/Alert/index.js.map +1 -1
- package/dist/cjs/Button/index.js +3 -5
- package/dist/cjs/Button/index.js.map +1 -1
- package/dist/cjs/Checkbox/index.js +2 -1
- package/dist/cjs/Checkbox/index.js.map +1 -1
- package/dist/cjs/Chip/index.js +3 -5
- package/dist/cjs/Chip/index.js.map +1 -1
- package/dist/cjs/Dialog/dialog.module.css.js +9 -0
- package/dist/cjs/Dialog/dialog.module.css.js.map +1 -0
- package/dist/cjs/Dialog/index.js +130 -0
- package/dist/cjs/Dialog/index.js.map +1 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.js +9 -0
- package/dist/cjs/DropdownMenu/dropdownmenu.module.css.js.map +1 -0
- package/dist/cjs/DropdownMenu/index.js +220 -0
- package/dist/cjs/DropdownMenu/index.js.map +1 -0
- package/dist/cjs/Field/field.module.css.js +9 -0
- package/dist/cjs/Field/field.module.css.js.map +1 -0
- package/dist/cjs/Field/index.js +35 -0
- package/dist/cjs/Field/index.js.map +1 -0
- package/dist/cjs/Icons/icons.module.css.js +9 -0
- package/dist/cjs/Icons/icons.module.css.js.map +1 -0
- package/dist/cjs/Icons/index.js +96 -0
- package/dist/cjs/Icons/index.js.map +1 -0
- package/dist/cjs/Popover/index.js +145 -0
- package/dist/cjs/Popover/index.js.map +1 -0
- package/dist/cjs/Popover/popover.module.css.js +9 -0
- package/dist/cjs/Popover/popover.module.css.js.map +1 -0
- package/dist/cjs/Progress/index.js +31 -0
- package/dist/cjs/Progress/index.js.map +1 -0
- package/dist/cjs/Progress/progress.module.css.js +9 -0
- package/dist/cjs/Progress/progress.module.css.js.map +1 -0
- package/dist/cjs/RadioGroup/index.js +44 -0
- package/dist/cjs/RadioGroup/index.js.map +1 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.js +9 -0
- package/dist/cjs/RadioGroup/radiogroup.module.css.js.map +1 -0
- package/dist/cjs/Select/index.js +31 -0
- package/dist/cjs/Select/index.js.map +1 -0
- package/dist/cjs/Select/select.module.css.js +9 -0
- package/dist/cjs/Select/select.module.css.js.map +1 -0
- package/dist/cjs/Skeleton/index.js +5 -3
- package/dist/cjs/Skeleton/index.js.map +1 -1
- package/dist/cjs/Spinner/index.js +29 -0
- package/dist/cjs/Spinner/index.js.map +1 -0
- package/dist/cjs/Spinner/spinner.module.css.js +9 -0
- package/dist/cjs/Spinner/spinner.module.css.js.map +1 -0
- package/dist/cjs/Switch/index.js.map +1 -1
- package/dist/cjs/TextInput/index.js.map +1 -1
- package/dist/cjs/Textarea/index.js +31 -0
- package/dist/cjs/Textarea/index.js.map +1 -0
- package/dist/cjs/Textarea/textarea.module.css.js +9 -0
- package/dist/cjs/Textarea/textarea.module.css.js.map +1 -0
- package/dist/cjs/ThemeProvider/index.js +16 -2
- package/dist/cjs/ThemeProvider/index.js.map +1 -1
- package/dist/cjs/Toast/index.js +111 -0
- package/dist/cjs/Toast/index.js.map +1 -0
- package/dist/cjs/Toast/toast.module.css.js +9 -0
- package/dist/cjs/Toast/toast.module.css.js.map +1 -0
- package/dist/cjs/Tooltip/index.js +165 -0
- package/dist/cjs/Tooltip/index.js.map +1 -0
- package/dist/cjs/Tooltip/tooltip.module.css.js +9 -0
- package/dist/cjs/Tooltip/tooltip.module.css.js.map +1 -0
- package/dist/cjs/index.js +45 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/Alert/alert.module.css.js +1 -1
- package/dist/esm/Alert/index.js +10 -7
- package/dist/esm/Alert/index.js.map +1 -1
- package/dist/esm/Button/index.js +3 -5
- package/dist/esm/Button/index.js.map +1 -1
- package/dist/esm/Checkbox/index.js +2 -1
- package/dist/esm/Checkbox/index.js.map +1 -1
- package/dist/esm/Chip/index.js +3 -5
- package/dist/esm/Chip/index.js.map +1 -1
- package/dist/esm/Dialog/dialog.module.css.js +5 -0
- package/dist/esm/Dialog/dialog.module.css.js.map +1 -0
- package/dist/esm/Dialog/index.js +126 -0
- package/dist/esm/Dialog/index.js.map +1 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.js +5 -0
- package/dist/esm/DropdownMenu/dropdownmenu.module.css.js.map +1 -0
- package/dist/esm/DropdownMenu/index.js +216 -0
- package/dist/esm/DropdownMenu/index.js.map +1 -0
- package/dist/esm/Field/field.module.css.js +5 -0
- package/dist/esm/Field/field.module.css.js.map +1 -0
- package/dist/esm/Field/index.js +31 -0
- package/dist/esm/Field/index.js.map +1 -0
- package/dist/esm/Icons/icons.module.css.js +5 -0
- package/dist/esm/Icons/icons.module.css.js.map +1 -0
- package/dist/esm/Icons/index.js +84 -0
- package/dist/esm/Icons/index.js.map +1 -0
- package/dist/esm/Popover/index.js +141 -0
- package/dist/esm/Popover/index.js.map +1 -0
- package/dist/esm/Popover/popover.module.css.js +5 -0
- package/dist/esm/Popover/popover.module.css.js.map +1 -0
- package/dist/esm/Progress/index.js +27 -0
- package/dist/esm/Progress/index.js.map +1 -0
- package/dist/esm/Progress/progress.module.css.js +5 -0
- package/dist/esm/Progress/progress.module.css.js.map +1 -0
- package/dist/esm/RadioGroup/index.js +40 -0
- package/dist/esm/RadioGroup/index.js.map +1 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.js +5 -0
- package/dist/esm/RadioGroup/radiogroup.module.css.js.map +1 -0
- package/dist/esm/Select/index.js +27 -0
- package/dist/esm/Select/index.js.map +1 -0
- package/dist/esm/Select/select.module.css.js +5 -0
- package/dist/esm/Select/select.module.css.js.map +1 -0
- package/dist/esm/Skeleton/index.js +5 -3
- package/dist/esm/Skeleton/index.js.map +1 -1
- package/dist/esm/Spinner/index.js +25 -0
- package/dist/esm/Spinner/index.js.map +1 -0
- package/dist/esm/Spinner/spinner.module.css.js +5 -0
- package/dist/esm/Spinner/spinner.module.css.js.map +1 -0
- package/dist/esm/Switch/index.js.map +1 -1
- package/dist/esm/TextInput/index.js.map +1 -1
- package/dist/esm/Textarea/index.js +27 -0
- package/dist/esm/Textarea/index.js.map +1 -0
- package/dist/esm/Textarea/textarea.module.css.js +5 -0
- package/dist/esm/Textarea/textarea.module.css.js.map +1 -0
- package/dist/esm/ThemeProvider/index.js +16 -2
- package/dist/esm/ThemeProvider/index.js.map +1 -1
- package/dist/esm/Toast/index.js +108 -0
- package/dist/esm/Toast/index.js.map +1 -0
- package/dist/esm/Toast/toast.module.css.js +5 -0
- package/dist/esm/Toast/toast.module.css.js.map +1 -0
- package/dist/esm/Tooltip/index.js +161 -0
- package/dist/esm/Tooltip/index.js.map +1 -0
- package/dist/esm/Tooltip/tooltip.module.css.js +5 -0
- package/dist/esm/Tooltip/tooltip.module.css.js.map +1 -0
- package/dist/esm/index.js +12 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +246 -11
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/dist/types/src/Alert/index.d.ts +2 -2
- package/dist/types/src/Button/index.d.ts +4 -2
- package/dist/types/src/Chip/index.d.ts +4 -2
- package/dist/types/src/Dialog/index.d.ts +18 -0
- package/dist/types/src/DropdownMenu/index.d.ts +27 -0
- package/dist/types/src/Field/index.d.ts +22 -0
- package/dist/types/src/Icons/index.d.ts +29 -0
- package/dist/types/src/Popover/index.d.ts +20 -0
- package/dist/types/src/Progress/index.d.ts +15 -0
- package/dist/types/src/RadioGroup/index.d.ts +27 -0
- package/dist/types/src/Select/index.d.ts +14 -0
- package/dist/types/src/Skeleton/index.d.ts +2 -2
- package/dist/types/src/Spinner/index.d.ts +10 -0
- package/dist/types/src/Textarea/index.d.ts +13 -0
- package/dist/types/src/ThemeProvider/index.d.ts +3 -2
- package/dist/types/src/Toast/index.d.ts +30 -0
- package/dist/types/src/Tooltip/index.d.ts +17 -0
- package/dist/types/src/index.d.ts +24 -0
- package/package.json +4 -3
package/dist/esm/index.js
CHANGED
|
@@ -3,8 +3,20 @@ export { default as Alert } from './Alert/index.js';
|
|
|
3
3
|
export { default as Button } from './Button/index.js';
|
|
4
4
|
export { default as Checkbox } from './Checkbox/index.js';
|
|
5
5
|
export { default as Chip } from './Chip/index.js';
|
|
6
|
+
export { default as Dialog } from './Dialog/index.js';
|
|
7
|
+
export { default as DropdownMenu } from './DropdownMenu/index.js';
|
|
8
|
+
export { default as Field } from './Field/index.js';
|
|
9
|
+
export { CheckIcon, ChevronDownIcon, CircleCheckIcon, CircleInfoIcon, CircleXIcon, CloseIcon, default as Icons, MinusIcon, TriangleAlertIcon } from './Icons/index.js';
|
|
10
|
+
export { default as Popover } from './Popover/index.js';
|
|
11
|
+
export { default as Progress } from './Progress/index.js';
|
|
12
|
+
export { default as RadioGroup } from './RadioGroup/index.js';
|
|
13
|
+
export { default as Select } from './Select/index.js';
|
|
6
14
|
export { default as Skeleton } from './Skeleton/index.js';
|
|
15
|
+
export { default as Spinner } from './Spinner/index.js';
|
|
7
16
|
export { default as Switch } from './Switch/index.js';
|
|
17
|
+
export { default as Textarea } from './Textarea/index.js';
|
|
8
18
|
export { default as TextInput } from './TextInput/index.js';
|
|
9
19
|
export { default as ThemeProvider } from './ThemeProvider/index.js';
|
|
20
|
+
export { ToastProvider, useToast } from './Toast/index.js';
|
|
21
|
+
export { default as Tooltip } from './Tooltip/index.js';
|
|
10
22
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import React, { ReactNode, CSSProperties } from 'react';
|
|
1
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import React from 'react';
|
|
3
3
|
|
|
4
4
|
type AlertVariant = 'error' | 'success' | 'warning' | 'info';
|
|
5
5
|
type AlertProps = {
|
|
@@ -9,7 +9,7 @@ type AlertProps = {
|
|
|
9
9
|
className?: string;
|
|
10
10
|
style?: React.CSSProperties;
|
|
11
11
|
};
|
|
12
|
-
declare
|
|
12
|
+
declare const Alert: React.ForwardRefExoticComponent<Readonly<AlertProps> & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
|
|
14
14
|
type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';
|
|
15
15
|
type ButtonSize = 'sm' | 'md' | 'lg';
|
|
@@ -25,9 +25,11 @@ type ButtonBaseProps = {
|
|
|
25
25
|
type ButtonProps<E extends ButtonElement = 'button'> = ButtonBaseProps & {
|
|
26
26
|
as?: E;
|
|
27
27
|
} & Omit<React.ComponentPropsWithRef<E>, 'as' | 'className' | 'style' | 'ref' | 'disabled'>;
|
|
28
|
-
type ButtonComponent = <E extends ButtonElement = 'button'>(props: Readonly<ButtonProps<E>> & {
|
|
28
|
+
type ButtonComponent = (<E extends ButtonElement = 'button'>(props: Readonly<ButtonProps<E>> & {
|
|
29
29
|
ref?: React.Ref<E extends 'a' ? HTMLAnchorElement : HTMLButtonElement>;
|
|
30
|
-
}) => React.ReactElement | null
|
|
30
|
+
}) => React.ReactElement | null) & {
|
|
31
|
+
displayName?: string;
|
|
32
|
+
};
|
|
31
33
|
declare const Button: ButtonComponent;
|
|
32
34
|
|
|
33
35
|
type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
@@ -54,11 +56,177 @@ type ChipProps<E extends ChipElement = 'span'> = ChipBaseProps & {
|
|
|
54
56
|
as?: E;
|
|
55
57
|
onClick?: React.MouseEventHandler<ChipElementNode<E>>;
|
|
56
58
|
} & Omit<React.ComponentPropsWithRef<E>, 'as' | 'children' | 'className' | 'style' | 'onClick' | 'ref'>;
|
|
57
|
-
type ChipComponent = <E extends ChipElement = 'span'>(props: Readonly<ChipProps<E>> & {
|
|
59
|
+
type ChipComponent = (<E extends ChipElement = 'span'>(props: Readonly<ChipProps<E>> & {
|
|
58
60
|
ref?: React.Ref<ChipElementNode<E>>;
|
|
59
|
-
}) => React.ReactElement | null
|
|
61
|
+
}) => React.ReactElement | null) & {
|
|
62
|
+
displayName?: string;
|
|
63
|
+
};
|
|
60
64
|
declare const Chip: ChipComponent;
|
|
61
65
|
|
|
66
|
+
type DialogProps = {
|
|
67
|
+
open: boolean;
|
|
68
|
+
title: string;
|
|
69
|
+
children?: React.ReactNode;
|
|
70
|
+
description?: string;
|
|
71
|
+
onOpenChange?: (open: boolean) => void;
|
|
72
|
+
id?: string;
|
|
73
|
+
closeLabel?: string;
|
|
74
|
+
closeOnEscape?: boolean;
|
|
75
|
+
closeOnOverlayClick?: boolean;
|
|
76
|
+
className?: string;
|
|
77
|
+
style?: React.CSSProperties;
|
|
78
|
+
contentClassName?: string;
|
|
79
|
+
contentStyle?: React.CSSProperties;
|
|
80
|
+
};
|
|
81
|
+
declare const Dialog: React.ForwardRefExoticComponent<Readonly<DialogProps> & React.RefAttributes<HTMLDialogElement>>;
|
|
82
|
+
|
|
83
|
+
type DropdownMenuPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
84
|
+
type DropdownMenuItem = {
|
|
85
|
+
value: string;
|
|
86
|
+
label: string;
|
|
87
|
+
disabled?: boolean;
|
|
88
|
+
destructive?: boolean;
|
|
89
|
+
};
|
|
90
|
+
type DropdownMenuProps = {
|
|
91
|
+
trigger: React.ReactElement;
|
|
92
|
+
items: ReadonlyArray<DropdownMenuItem>;
|
|
93
|
+
onSelect?: (value: string) => void;
|
|
94
|
+
open?: boolean;
|
|
95
|
+
defaultOpen?: boolean;
|
|
96
|
+
onOpenChange?: (open: boolean) => void;
|
|
97
|
+
placement?: DropdownMenuPlacement;
|
|
98
|
+
offset?: number;
|
|
99
|
+
closeOnEscape?: boolean;
|
|
100
|
+
closeOnOutsideClick?: boolean;
|
|
101
|
+
id?: string;
|
|
102
|
+
className?: string;
|
|
103
|
+
style?: React.CSSProperties;
|
|
104
|
+
menuClassName?: string;
|
|
105
|
+
menuStyle?: React.CSSProperties;
|
|
106
|
+
};
|
|
107
|
+
declare function DropdownMenu({ trigger, items, onSelect, open, defaultOpen, onOpenChange, placement, offset, closeOnEscape, closeOnOutsideClick, id, className, style, menuClassName, menuStyle }: Readonly<DropdownMenuProps>): react_jsx_runtime.JSX.Element;
|
|
108
|
+
|
|
109
|
+
type FieldRenderProps = {
|
|
110
|
+
inputId: string;
|
|
111
|
+
labelId: string;
|
|
112
|
+
describedBy?: string;
|
|
113
|
+
hasError: boolean;
|
|
114
|
+
};
|
|
115
|
+
type FieldProps = {
|
|
116
|
+
children: (props: Readonly<FieldRenderProps>) => ReactNode;
|
|
117
|
+
label: string;
|
|
118
|
+
hideLabel?: boolean;
|
|
119
|
+
error?: string;
|
|
120
|
+
helperText?: string;
|
|
121
|
+
required?: boolean;
|
|
122
|
+
disabled?: boolean;
|
|
123
|
+
id?: string;
|
|
124
|
+
className?: string;
|
|
125
|
+
style?: CSSProperties;
|
|
126
|
+
labelElement?: 'label' | 'span';
|
|
127
|
+
};
|
|
128
|
+
declare function Field({ children, label, hideLabel, error, helperText, required, disabled, id, className, style, labelElement }: Readonly<FieldProps>): react_jsx_runtime.JSX.Element;
|
|
129
|
+
|
|
130
|
+
type IconSizeToken = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
131
|
+
type IconStrokeToken = 'thin' | 'regular' | 'bold';
|
|
132
|
+
type IconProps = {
|
|
133
|
+
size?: IconSizeToken | number;
|
|
134
|
+
strokeWidth?: IconStrokeToken | number;
|
|
135
|
+
title?: string;
|
|
136
|
+
className?: string;
|
|
137
|
+
style?: React.CSSProperties;
|
|
138
|
+
};
|
|
139
|
+
declare function CloseIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
140
|
+
declare function ChevronDownIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
141
|
+
declare function CheckIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
142
|
+
declare function MinusIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
143
|
+
declare function CircleXIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
144
|
+
declare function CircleCheckIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
145
|
+
declare function TriangleAlertIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
146
|
+
declare function CircleInfoIcon({ size, strokeWidth, title, className, style }: Readonly<IconProps>): react_jsx_runtime.JSX.Element;
|
|
147
|
+
declare const Icons: {
|
|
148
|
+
CloseIcon: typeof CloseIcon;
|
|
149
|
+
ChevronDownIcon: typeof ChevronDownIcon;
|
|
150
|
+
CheckIcon: typeof CheckIcon;
|
|
151
|
+
MinusIcon: typeof MinusIcon;
|
|
152
|
+
CircleXIcon: typeof CircleXIcon;
|
|
153
|
+
CircleCheckIcon: typeof CircleCheckIcon;
|
|
154
|
+
TriangleAlertIcon: typeof TriangleAlertIcon;
|
|
155
|
+
CircleInfoIcon: typeof CircleInfoIcon;
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
type PopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
159
|
+
type PopoverProps = {
|
|
160
|
+
trigger: React.ReactElement;
|
|
161
|
+
children: React.ReactNode;
|
|
162
|
+
open?: boolean;
|
|
163
|
+
defaultOpen?: boolean;
|
|
164
|
+
onOpenChange?: (open: boolean) => void;
|
|
165
|
+
placement?: PopoverPlacement;
|
|
166
|
+
offset?: number;
|
|
167
|
+
closeOnEscape?: boolean;
|
|
168
|
+
closeOnOutsideClick?: boolean;
|
|
169
|
+
id?: string;
|
|
170
|
+
className?: string;
|
|
171
|
+
style?: React.CSSProperties;
|
|
172
|
+
contentClassName?: string;
|
|
173
|
+
contentStyle?: React.CSSProperties;
|
|
174
|
+
};
|
|
175
|
+
declare function Popover({ trigger, children, open, defaultOpen, onOpenChange, placement, offset, closeOnEscape, closeOnOutsideClick, id, className, style, contentClassName, contentStyle }: Readonly<PopoverProps>): react_jsx_runtime.JSX.Element;
|
|
176
|
+
|
|
177
|
+
type ProgressSize = 'sm' | 'md' | 'lg';
|
|
178
|
+
type ProgressProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & {
|
|
179
|
+
value?: number;
|
|
180
|
+
max?: number;
|
|
181
|
+
indeterminate?: boolean;
|
|
182
|
+
label?: string;
|
|
183
|
+
showValue?: boolean;
|
|
184
|
+
size?: ProgressSize;
|
|
185
|
+
className?: string;
|
|
186
|
+
style?: React.CSSProperties;
|
|
187
|
+
barClassName?: string;
|
|
188
|
+
};
|
|
189
|
+
declare const Progress: React.ForwardRefExoticComponent<Readonly<ProgressProps> & React.RefAttributes<HTMLDivElement>>;
|
|
190
|
+
|
|
191
|
+
type RadioGroupOrientation = 'vertical' | 'horizontal';
|
|
192
|
+
type RadioOption = {
|
|
193
|
+
value: string;
|
|
194
|
+
label: string;
|
|
195
|
+
description?: string;
|
|
196
|
+
disabled?: boolean;
|
|
197
|
+
};
|
|
198
|
+
type RadioGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'className' | 'style' | 'children'> & {
|
|
199
|
+
label: string;
|
|
200
|
+
options: ReadonlyArray<RadioOption>;
|
|
201
|
+
value?: string;
|
|
202
|
+
defaultValue?: string;
|
|
203
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
204
|
+
hideLabel?: boolean;
|
|
205
|
+
helperText?: string;
|
|
206
|
+
error?: string;
|
|
207
|
+
disabled?: boolean;
|
|
208
|
+
required?: boolean;
|
|
209
|
+
orientation?: RadioGroupOrientation;
|
|
210
|
+
name?: string;
|
|
211
|
+
id?: string;
|
|
212
|
+
className?: string;
|
|
213
|
+
style?: React.CSSProperties;
|
|
214
|
+
};
|
|
215
|
+
declare const RadioGroup: React.ForwardRefExoticComponent<Readonly<RadioGroupProps> & React.RefAttributes<HTMLDivElement>>;
|
|
216
|
+
|
|
217
|
+
type SelectSize = 'sm' | 'md' | 'lg';
|
|
218
|
+
type SelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'className' | 'style'> & {
|
|
219
|
+
label: string;
|
|
220
|
+
hideLabel?: boolean;
|
|
221
|
+
error?: string;
|
|
222
|
+
helperText?: string;
|
|
223
|
+
placeholder?: string;
|
|
224
|
+
size?: SelectSize;
|
|
225
|
+
className?: string;
|
|
226
|
+
style?: React.CSSProperties;
|
|
227
|
+
};
|
|
228
|
+
declare const Select: React.ForwardRefExoticComponent<Readonly<SelectProps> & React.RefAttributes<HTMLSelectElement>>;
|
|
229
|
+
|
|
62
230
|
type SkeletonShape = 'rectangle' | 'circle';
|
|
63
231
|
type SkeletonProps = {
|
|
64
232
|
width?: string | number;
|
|
@@ -67,7 +235,16 @@ type SkeletonProps = {
|
|
|
67
235
|
className?: string;
|
|
68
236
|
style?: React.CSSProperties;
|
|
69
237
|
};
|
|
70
|
-
declare
|
|
238
|
+
declare const Skeleton: React.ForwardRefExoticComponent<Readonly<SkeletonProps> & React.RefAttributes<HTMLSpanElement>>;
|
|
239
|
+
|
|
240
|
+
type SpinnerSize = 'sm' | 'md' | 'lg';
|
|
241
|
+
type SpinnerProps = {
|
|
242
|
+
size?: SpinnerSize | number;
|
|
243
|
+
label?: string;
|
|
244
|
+
className?: string;
|
|
245
|
+
style?: React.CSSProperties;
|
|
246
|
+
};
|
|
247
|
+
declare const Spinner: React.ForwardRefExoticComponent<Readonly<SpinnerProps> & React.RefAttributes<HTMLOutputElement>>;
|
|
71
248
|
|
|
72
249
|
type SwitchSize = 'sm' | 'md' | 'lg';
|
|
73
250
|
type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'className' | 'style'> & {
|
|
@@ -79,6 +256,18 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 's
|
|
|
79
256
|
};
|
|
80
257
|
declare const Switch: React.ForwardRefExoticComponent<Readonly<SwitchProps> & React.RefAttributes<HTMLInputElement>>;
|
|
81
258
|
|
|
259
|
+
type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
|
|
260
|
+
type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'> & {
|
|
261
|
+
label: string;
|
|
262
|
+
hideLabel?: boolean;
|
|
263
|
+
error?: string;
|
|
264
|
+
helperText?: string;
|
|
265
|
+
resize?: TextareaResize;
|
|
266
|
+
className?: string;
|
|
267
|
+
style?: React.CSSProperties;
|
|
268
|
+
};
|
|
269
|
+
declare const Textarea: React.ForwardRefExoticComponent<Readonly<TextareaProps> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
270
|
+
|
|
82
271
|
type TextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'className' | 'style'> & {
|
|
83
272
|
label: string;
|
|
84
273
|
hideLabel?: boolean;
|
|
@@ -90,15 +279,61 @@ type TextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' |
|
|
|
90
279
|
};
|
|
91
280
|
declare const TextInput: React.ForwardRefExoticComponent<Readonly<TextInputProps> & React.RefAttributes<HTMLInputElement>>;
|
|
92
281
|
|
|
93
|
-
type FreyTheme = 'light' | 'dark';
|
|
282
|
+
type FreyTheme = 'light' | 'dark' | 'system';
|
|
94
283
|
type ThemeProviderProps = {
|
|
95
284
|
children: React.ReactNode;
|
|
96
285
|
theme?: FreyTheme;
|
|
286
|
+
highContrast?: boolean;
|
|
287
|
+
id?: string;
|
|
288
|
+
className?: string;
|
|
289
|
+
style?: React.CSSProperties;
|
|
290
|
+
};
|
|
291
|
+
declare function ThemeProvider({ children, theme, highContrast, id, className, style }: Readonly<ThemeProviderProps>): react_jsx_runtime.JSX.Element;
|
|
292
|
+
|
|
293
|
+
type ToastVariant = 'info' | 'success' | 'warning' | 'error';
|
|
294
|
+
type ToastPlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
295
|
+
type ToastAction = {
|
|
296
|
+
label: string;
|
|
297
|
+
onClick: () => void;
|
|
298
|
+
};
|
|
299
|
+
type ToastOptions = {
|
|
300
|
+
id?: string;
|
|
301
|
+
title?: string;
|
|
302
|
+
description: string;
|
|
303
|
+
variant?: ToastVariant;
|
|
304
|
+
duration?: number;
|
|
305
|
+
action?: ToastAction;
|
|
306
|
+
};
|
|
307
|
+
type ToastProviderProps = {
|
|
308
|
+
children: React.ReactNode;
|
|
309
|
+
placement?: ToastPlacement;
|
|
310
|
+
limit?: number;
|
|
311
|
+
className?: string;
|
|
312
|
+
style?: React.CSSProperties;
|
|
313
|
+
};
|
|
314
|
+
type ToastContextValue = {
|
|
315
|
+
toast: (options: ToastOptions) => string;
|
|
316
|
+
dismiss: (id: string) => void;
|
|
317
|
+
dismissAll: () => void;
|
|
318
|
+
};
|
|
319
|
+
declare function ToastProvider({ children, placement, limit, className, style }: Readonly<ToastProviderProps>): react_jsx_runtime.JSX.Element;
|
|
320
|
+
declare function useToast(): ToastContextValue;
|
|
321
|
+
|
|
322
|
+
type TooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
|
|
323
|
+
type TooltipProps = {
|
|
324
|
+
children: React.ReactElement;
|
|
325
|
+
content: React.ReactNode;
|
|
326
|
+
open?: boolean;
|
|
327
|
+
defaultOpen?: boolean;
|
|
328
|
+
onOpenChange?: (open: boolean) => void;
|
|
329
|
+
placement?: TooltipPlacement;
|
|
330
|
+
offset?: number;
|
|
331
|
+
delay?: number;
|
|
97
332
|
id?: string;
|
|
98
333
|
className?: string;
|
|
99
334
|
style?: React.CSSProperties;
|
|
100
335
|
};
|
|
101
|
-
declare function
|
|
336
|
+
declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, placement, offset, delay, id, className, style }: Readonly<TooltipProps>): react_jsx_runtime.JSX.Element;
|
|
102
337
|
|
|
103
|
-
export { Alert, Button, Checkbox, Chip, Skeleton, Switch, TextInput, ThemeProvider };
|
|
104
|
-
export type { AlertProps, AlertVariant, ButtonElement, ButtonProps, ButtonSize, ButtonVariant, CheckboxProps, CheckboxSize, ChipElement, ChipProps, FreyTheme, SkeletonProps, SkeletonShape, SwitchProps, SwitchSize, TextInputProps, ThemeProviderProps, Variant };
|
|
338
|
+
export { Alert, Button, CheckIcon, Checkbox, ChevronDownIcon, Chip, CircleCheckIcon, CircleInfoIcon, CircleXIcon, CloseIcon, Dialog, DropdownMenu, Field, Icons, MinusIcon, Popover, Progress, RadioGroup, Select, Skeleton, Spinner, Switch, TextInput, Textarea, ThemeProvider, ToastProvider, Tooltip, TriangleAlertIcon, useToast };
|
|
339
|
+
export type { AlertProps, AlertVariant, ButtonElement, ButtonProps, ButtonSize, ButtonVariant, CheckboxProps, CheckboxSize, ChipElement, ChipProps, DialogProps, DropdownMenuItem, DropdownMenuPlacement, DropdownMenuProps, FieldProps, FieldRenderProps, FreyTheme, IconProps, IconSizeToken, IconStrokeToken, PopoverPlacement, PopoverProps, ProgressProps, ProgressSize, RadioGroupOrientation, RadioGroupProps, RadioOption, SelectProps, SelectSize, SkeletonProps, SkeletonShape, SpinnerProps, SpinnerSize, SwitchProps, SwitchSize, TextInputProps, TextareaProps, TextareaResize, ThemeProviderProps, ToastAction, ToastOptions, ToastPlacement, ToastProviderProps, ToastVariant, TooltipPlacement, TooltipProps, Variant };
|
package/dist/styles.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.theme_frey-theme-provider__1RMfb,[data-frey-theme],[data-theme]{--frey-color-surface:#fff;--frey-color-surface-subtle:#f1f1f1;--frey-color-surface-subtle-hover:#e9e9e9;--frey-color-text-primary:#111827;--frey-color-text-secondary:#6b7280;--frey-color-border:#d1d5db;--frey-color-border-muted:#9ca3af;--frey-switch-track-inactive:#e9d5ff;--frey-switch-track-active:#9333ea;--frey-switch-thumb:#fff;--frey-focus-ring:#9333ea;--frey-shadow-thumb:0 0 20px rgba(0,0,0,.4);--frey-button-primary-bg:#9333ea;--frey-button-primary-hover:#7e22ce;--frey-button-primary-text:#fff;--frey-button-secondary-border:#9333ea;--frey-button-secondary-text:#9333ea;--frey-button-secondary-hover-bg:#f3e8ff;--frey-button-ghost-text:#9333ea;--frey-button-ghost-hover-bg:#f3e8ff;--frey-button-destructive-bg:#dc2626;--frey-button-destructive-hover:#b91c1c;--frey-button-destructive-text:#fff;--frey-color-error:#dc2626;--frey-color-error-bg:#fef2f2;--frey-color-error-border:#fca5a5;--frey-color-success:#16a34a;--frey-color-success-bg:#f0fdf4;--frey-color-success-border:#86efac;--frey-color-warning:#d97706;--frey-color-warning-bg:#fffbeb;--frey-color-warning-border:#fcd34d;--frey-color-info:#2563eb;--frey-color-info-bg:#eff6ff;--frey-color-info-border:#93c5fd;--frey-checkbox-border:#9ca3af;--frey-checkbox-checked-bg:#9333ea;--frey-checkbox-checked-border:#9333ea;--frey-checkbox-check-color:#fff;--frey-skeleton-base:#e5e7eb;--frey-skeleton-highlight:#f3f4f6}.theme_frey-theme-provider__1RMfb[data-frey-theme=dark],[data-frey-theme=dark],[data-theme=dark]{--frey-color-surface:#1f2937;--frey-color-surface-subtle:#374151;--frey-color-surface-subtle-hover:#4b5563;--frey-color-text-primary:#f9fafb;--frey-color-text-secondary:#9ca3af;--frey-color-border:#4b5563;--frey-color-border-muted:#6b7280;--frey-switch-track-inactive:#4c1d95;--frey-switch-track-active:#a855f7;--frey-switch-thumb:#f9fafb;--frey-focus-ring:#a855f7;--frey-button-primary-bg:#a855f7;--frey-button-primary-hover:#9333ea;--frey-button-primary-text:#fff;--frey-button-secondary-border:#a855f7;--frey-button-secondary-text:#a855f7;--frey-button-secondary-hover-bg:#3b0764;--frey-button-ghost-text:#a855f7;--frey-button-ghost-hover-bg:#3b0764;--frey-button-destructive-bg:#ef4444;--frey-button-destructive-hover:#dc2626;--frey-button-destructive-text:#fff;--frey-color-error:#f87171;--frey-color-error-bg:#450a0a;--frey-color-error-border:#991b1b;--frey-color-success:#4ade80;--frey-color-success-bg:#052e16;--frey-color-success-border:#166534;--frey-color-warning:#fbbf24;--frey-color-warning-bg:#451a03;--frey-color-warning-border:#92400e;--frey-color-info:#60a5fa;--frey-color-info-bg:#172554;--frey-color-info-border:#1e40af;--frey-checkbox-border:#6b7280;--frey-checkbox-checked-bg:#a855f7;--frey-checkbox-checked-border:#a855f7;--frey-checkbox-check-color:#fff;--frey-skeleton-base:#374151;--frey-skeleton-highlight:#4b5563}.alert-module_alert__j-fLL{align-items:flex-start;border:1px solid;border-radius:.375rem;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;padding:.75rem 1rem}.alert-module_alert-error__U8yC8{background-color:var(--frey-color-error-bg);border-color:var(--frey-color-error-border);color:var(--frey-color-error)}.alert-module_alert-success__FYP1Q{background-color:var(--frey-color-success-bg);border-color:var(--frey-color-success-border);color:var(--frey-color-success)}.alert-module_alert-warning__tuLWQ{background-color:var(--frey-color-warning-bg);border-color:var(--frey-color-warning-border);color:var(--frey-color-warning)}.alert-module_alert-info__d2xVj{background-color:var(--frey-color-info-bg);border-color:var(--frey-color-info-border);color:var(--frey-color-info)}.alert-module_alert-icon__j-8MC{flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.alert-module_alert-content__PUQPc{flex:1;min-width:0}.alert-module_alert-title__3yZS1{font-weight:600;margin:0 0 .25rem}.alert-module_alert-message__0AJ04{margin:0}.button-module_button__umKM2{align-items:center;border:none;border-radius:.375rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;user-select:none;white-space:nowrap}.button-module_button__umKM2:focus-visible{outline:2px solid var(--frey-focus-ring);outline-offset:2px}.button-module_button-sm__TiGU6{font-size:.8125rem;padding:.25rem .75rem}.button-module_button-md__J7V5e{font-size:.875rem;padding:.5rem 1rem}.button-module_button-lg__-SzwA{font-size:1rem;padding:.625rem 1.25rem}.button-module_button-primary__v1Ube{background-color:var(--frey-button-primary-bg);color:var(--frey-button-primary-text)}.button-module_button-primary__v1Ube:hover:not(:disabled){background-color:var(--frey-button-primary-hover)}.button-module_button-secondary__sWT9h{background-color:transparent;border:1px solid var(--frey-button-secondary-border);color:var(--frey-button-secondary-text)}.button-module_button-secondary__sWT9h:hover:not(:disabled){background-color:var(--frey-button-secondary-hover-bg)}.button-module_button-ghost__s0pgs{background-color:transparent;color:var(--frey-button-ghost-text)}.button-module_button-ghost__s0pgs:hover:not(:disabled){background-color:var(--frey-button-ghost-hover-bg)}.button-module_button-destructive__zxYP7{background-color:var(--frey-button-destructive-bg);color:var(--frey-button-destructive-text)}.button-module_button-destructive__zxYP7:hover:not(:disabled){background-color:var(--frey-button-destructive-hover)}.button-module_button__umKM2:disabled{cursor:not-allowed;opacity:.5}.button-module_button-loading__-ye2x{opacity:.7;pointer-events:none}.button-module_spinner__1Wrqa{animation:button-module_spin__kx-T2 .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:1em;width:1em}@keyframes button-module_spin__kx-T2{to{transform:rotate(1turn)}}.checkbox-module_checkbox-container__ljwCZ{align-items:flex-start;display:inline-flex;gap:.5rem}.checkbox-module_checkbox__-voPf{align-items:center;display:inline-flex;flex-shrink:0;height:var(--checkbox-size);justify-content:center;position:relative;width:var(--checkbox-size)}.checkbox-module_checkbox-sm__W4Bsc{--checkbox-size:1rem}.checkbox-module_checkbox-md__GtRQX{--checkbox-size:1.25rem}.checkbox-module_checkbox-lg__Hl7wJ{--checkbox-size:1.5rem}.checkbox-module_checkbox__-voPf input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.checkbox-module_checkbox-box__1KZI9{align-items:center;background-color:var(--frey-color-surface);border:2px solid var(--frey-checkbox-border);border-radius:.1875rem;display:flex;inset:0;justify-content:center;position:absolute;transition:background-color .2s,border-color .2s}.checkbox-module_checkbox-disabled__e9Ufr input{cursor:not-allowed}.checkbox-module_checkbox-disabled__e9Ufr .checkbox-module_checkbox-box__1KZI9{cursor:not-allowed;opacity:.5}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9{background-color:var(--frey-checkbox-checked-bg);border-color:var(--frey-checkbox-checked-border)}.checkbox-module_checkbox__-voPf input:indeterminate+.checkbox-module_checkbox-box__1KZI9{background-color:var(--frey-checkbox-checked-bg);border-color:var(--frey-checkbox-checked-border)}.checkbox-module_checkbox__-voPf input:focus-visible+.checkbox-module_checkbox-box__1KZI9{outline:2px solid var(--frey-focus-ring);outline-offset:2px}.checkbox-module_check-icon__O2v-a{color:var(--frey-checkbox-check-color);height:70%;inset:0;margin:auto;opacity:0;position:absolute;transition:opacity .15s;width:70%}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_check-icon__O2v-a{opacity:1}.checkbox-module_indeterminate-icon__ujYHN{color:var(--frey-checkbox-check-color);height:60%;inset:0;margin:auto;opacity:0;position:absolute;transition:opacity .15s;width:60%}.checkbox-module_checkbox__-voPf input:indeterminate+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_indeterminate-icon__ujYHN{opacity:1}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_indeterminate-icon__ujYHN{opacity:0}.checkbox-module_label__4jx3z{color:var(--frey-color-text-primary);cursor:pointer;font-size:.875rem;padding-top:.0625rem;user-select:none}.checkbox-module_checkbox-disabled__e9Ufr+.checkbox-module_label__4jx3z{cursor:not-allowed;opacity:.5}.checkbox-module_visually-hidden__1AzKx{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chip-module_chip-outlined__nsWch{background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border-muted);border-radius:1rem}.chip-module_chip-default__W71L9,.chip-module_chip-outlined__nsWch{align-items:center;color:var(--frey-color-text-primary);cursor:default;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem;transition:background-color .3s}.chip-module_chip-default__W71L9{background-color:var(--frey-color-surface-subtle);border:none;border-radius:1rem}.chip-module_chip-default-clickable__xqeqN:hover{background-color:var(--frey-color-surface-subtle-hover);cursor:pointer}.chip-module_chip-outlined-clickable__slYmY:hover{background-color:var(--frey-color-surface-subtle);cursor:pointer}.chip-module_chip-default-clickable__xqeqN:focus-visible,.chip-module_chip-outlined-clickable__slYmY:focus-visible{outline:2px solid var(--frey-focus-ring,#6366f1);outline-offset:2px}.chip-module_chip-text__VIJnW{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton-module_skeleton__aiyBZ{animation:skeleton-module_pulse__SFsED 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--frey-skeleton-base) 25%,var(--frey-skeleton-highlight) 50%,var(--frey-skeleton-base) 75%);background-size:200% 100%;display:block}.skeleton-module_skeleton-rectangle__qQlNt{border-radius:.25rem}.skeleton-module_skeleton-circle__wO-AS{border-radius:50%}@keyframes skeleton-module_pulse__SFsED{0%{background-position:200% 0}to{background-position:-200% 0}}.switch-module_switch-container__xDEo5{align-items:center;display:inline-flex;gap:.5em}.switch-module_switch__kA7Xe{display:inline-block;flex-shrink:0;height:var(--switch-height);position:relative;width:var(--switch-width)}.switch-module_switch-sm__7SvPY{--switch-width:2.8em;--switch-height:1.6em;--thumb-size:1.1em;--thumb-padding:0.25em;font-size:14px}.switch-module_switch-md__loKg6{--switch-width:3.5em;--switch-height:2em;--thumb-size:1.4em;--thumb-padding:0.3em;font-size:17px}.switch-module_switch-lg__pU031{--switch-width:4em;--switch-height:2.2em;--thumb-size:1.6em;--thumb-padding:0.3em;font-size:20px}.switch-module_switch__kA7Xe input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.switch-module_slider__fJ2t2{background:var(--switch-track-inactive,var(--frey-switch-track-inactive));border-radius:50px;cursor:pointer;inset:0;position:absolute;transition:all .4s cubic-bezier(.23,1,.32,1)}.switch-module_slider__fJ2t2:before{background-color:var(--switch-thumb,var(--frey-switch-thumb));border-radius:50px;box-shadow:var(--frey-shadow-thumb);content:"";height:var(--thumb-size);left:var(--thumb-padding);position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:var(--thumb-size)}.switch-module_switch-disabled__4YjrP .switch-module_slider__fJ2t2{cursor:not-allowed;opacity:.5}.switch-module_switch-disabled__4YjrP input{cursor:not-allowed}.switch-module_switch__kA7Xe input:checked+.switch-module_slider__fJ2t2{background:var(--switch-track-active,var(--frey-switch-track-active))}.switch-module_switch__kA7Xe input:focus-visible+.switch-module_slider__fJ2t2{outline:2px solid var(--switch-focus-ring,var(--frey-focus-ring));outline-offset:2px}.switch-module_switch__kA7Xe input:checked+.switch-module_slider__fJ2t2:before{left:calc(var(--switch-width) - var(--thumb-size) - var(--thumb-padding));transform:translateY(-50%)}.switch-module_switch-disabled__4YjrP{cursor:not-allowed}.switch-module_label__JDK9V{cursor:pointer;user-select:none}.switch-module_switch-disabled__4YjrP+.switch-module_label__JDK9V{cursor:not-allowed;opacity:.5}.switch-module_visually-hidden__-QPG1{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.textinput-module_text-input-container__LaD6P{display:flex;flex-direction:column;gap:.25rem;width:100%}.textinput-module_label__2iW7l{color:var(--frey-color-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;user-select:none}.textinput-module_label-disabled__Aqrto{cursor:not-allowed;opacity:.5}.textinput-module_input__SmSfZ{background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.375rem;box-sizing:border-box;color:var(--frey-color-text-primary);font-size:.875rem;line-height:1.5;outline:none;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.textinput-module_input__SmSfZ::placeholder{color:var(--frey-color-text-secondary,#6b7280)}.textinput-module_input__SmSfZ:focus-visible{border-color:var(--frey-focus-ring);box-shadow:0 0 0 2px var(--frey-focus-ring)}.textinput-module_input-error__8RSkp{border-color:var(--frey-color-error,#dc2626)}.textinput-module_input-error__8RSkp:focus-visible{border-color:var(--frey-color-error,#dc2626);box-shadow:0 0 0 2px var(--frey-color-error,#dc2626)}.textinput-module_input__SmSfZ:disabled{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:not-allowed;opacity:.5}.textinput-module_input__SmSfZ:read-only{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:default}.textinput-module_input__SmSfZ:read-only:focus-visible{border-color:var(--frey-color-border,#d1d5db);box-shadow:none}.textinput-module_helper-text__nygYX{color:var(--frey-color-text-secondary,#6b7280);font-size:.75rem;margin:0}.textinput-module_error-text__DFYQv{color:var(--frey-color-error,#dc2626);font-size:.75rem;margin:0}.textinput-module_visually-hidden__w42hp{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.themeprovider-module_frey-theme-provider__HZeKb{color:var(--frey-color-text-primary)}
|
|
1
|
+
:root{--frey-palette-white:#fff;--frey-palette-black:#000;--frey-palette-gray-50:#f9fafb;--frey-palette-gray-100:#f3f4f6;--frey-palette-gray-200:#e5e7eb;--frey-palette-gray-300:#d1d5db;--frey-palette-gray-400:#9ca3af;--frey-palette-gray-500:#6b7280;--frey-palette-gray-600:#4b5563;--frey-palette-gray-700:#374151;--frey-palette-gray-800:#1f2937;--frey-palette-gray-900:#111827;--frey-palette-gray-950:#030712;--frey-palette-purple-50:#faf5ff;--frey-palette-purple-100:#f3e8ff;--frey-palette-purple-200:#e9d5ff;--frey-palette-purple-300:#d8b4fe;--frey-palette-purple-400:#c084fc;--frey-palette-purple-500:#a855f7;--frey-palette-purple-600:#9333ea;--frey-palette-purple-700:#7e22ce;--frey-palette-purple-800:#6b21a8;--frey-palette-purple-900:#581c87;--frey-palette-red-50:#fef2f2;--frey-palette-red-100:#fee2e2;--frey-palette-red-300:#fca5a5;--frey-palette-red-400:#f87171;--frey-palette-red-500:#ef4444;--frey-palette-red-600:#dc2626;--frey-palette-red-700:#b91c1c;--frey-palette-green-50:#f0fdf4;--frey-palette-green-300:#86efac;--frey-palette-green-400:#4ade80;--frey-palette-green-600:#16a34a;--frey-palette-yellow-50:#fffbeb;--frey-palette-yellow-300:#fcd34d;--frey-palette-yellow-400:#fbbf24;--frey-palette-yellow-600:#d97706;--frey-palette-blue-50:#eff6ff;--frey-palette-blue-300:#93c5fd;--frey-palette-blue-400:#60a5fa;--frey-palette-blue-600:#2563eb}.theme_frey-theme-provider__1RMfb,[data-frey-theme=light],[data-theme=light]{--frey-color-surface:var(--frey-palette-white);--frey-color-surface-subtle:#f1f1f1;--frey-color-surface-subtle-hover:#e9e9e9;--frey-color-text-primary:var(--frey-palette-gray-900);--frey-color-text-secondary:var(--frey-palette-gray-500);--frey-color-border:var(--frey-palette-gray-300);--frey-color-border-muted:var(--frey-palette-gray-400);--frey-switch-track-inactive:var(--frey-palette-purple-200);--frey-switch-track-active:var(--frey-palette-purple-600);--frey-switch-thumb:var(--frey-palette-white);--frey-focus-ring:var(--frey-palette-purple-600);--frey-shadow-thumb:0 0 20px rgba(0,0,0,.4);--frey-button-primary-bg:var(--frey-palette-purple-600);--frey-button-primary-hover:var(--frey-palette-purple-700);--frey-button-primary-text:var(--frey-palette-white);--frey-button-secondary-border:var(--frey-palette-purple-600);--frey-button-secondary-text:var(--frey-palette-purple-600);--frey-button-secondary-hover-bg:var(--frey-palette-purple-100);--frey-button-ghost-text:var(--frey-palette-purple-600);--frey-button-ghost-hover-bg:var(--frey-palette-purple-100);--frey-button-destructive-bg:var(--frey-palette-red-600);--frey-button-destructive-hover:var(--frey-palette-red-700);--frey-button-destructive-text:var(--frey-palette-white);--frey-color-error:var(--frey-palette-red-600);--frey-color-error-bg:var(--frey-palette-red-50);--frey-color-error-border:var(--frey-palette-red-300);--frey-color-success:var(--frey-palette-green-600);--frey-color-success-bg:var(--frey-palette-green-50);--frey-color-success-border:var(--frey-palette-green-300);--frey-color-warning:var(--frey-palette-yellow-600);--frey-color-warning-bg:var(--frey-palette-yellow-50);--frey-color-warning-border:var(--frey-palette-yellow-300);--frey-color-info:var(--frey-palette-blue-600);--frey-color-info-bg:var(--frey-palette-blue-50);--frey-color-info-border:var(--frey-palette-blue-300);--frey-checkbox-border:var(--frey-palette-gray-400);--frey-checkbox-checked-bg:var(--frey-palette-purple-600);--frey-checkbox-checked-border:var(--frey-palette-purple-600);--frey-checkbox-check-color:var(--frey-palette-white);--frey-skeleton-base:var(--frey-palette-gray-200);--frey-skeleton-highlight:var(--frey-palette-gray-100)}.theme_frey-theme-provider__1RMfb[data-frey-theme=dark],[data-frey-theme=dark],[data-theme=dark]{--frey-color-surface:var(--frey-palette-gray-800);--frey-color-surface-subtle:var(--frey-palette-gray-700);--frey-color-surface-subtle-hover:var(--frey-palette-gray-600);--frey-color-text-primary:var(--frey-palette-gray-50);--frey-color-text-secondary:var(--frey-palette-gray-400);--frey-color-border:var(--frey-palette-gray-600);--frey-color-border-muted:var(--frey-palette-gray-500);--frey-switch-track-inactive:#4c1d95;--frey-switch-track-active:var(--frey-palette-purple-500);--frey-switch-thumb:var(--frey-palette-gray-50);--frey-focus-ring:var(--frey-palette-purple-500);--frey-button-primary-bg:var(--frey-palette-purple-500);--frey-button-primary-hover:var(--frey-palette-purple-600);--frey-button-primary-text:var(--frey-palette-white);--frey-button-secondary-border:var(--frey-palette-purple-500);--frey-button-secondary-text:var(--frey-palette-purple-500);--frey-button-secondary-hover-bg:#3b0764;--frey-button-ghost-text:var(--frey-palette-purple-500);--frey-button-ghost-hover-bg:#3b0764;--frey-button-destructive-bg:var(--frey-palette-red-500);--frey-button-destructive-hover:var(--frey-palette-red-600);--frey-button-destructive-text:var(--frey-palette-white);--frey-color-error:var(--frey-palette-red-400);--frey-color-error-bg:#450a0a;--frey-color-error-border:#991b1b;--frey-color-success:var(--frey-palette-green-400);--frey-color-success-bg:#052e16;--frey-color-success-border:#166534;--frey-color-warning:var(--frey-palette-yellow-400);--frey-color-warning-bg:#451a03;--frey-color-warning-border:#92400e;--frey-color-info:var(--frey-palette-blue-400);--frey-color-info-bg:#172554;--frey-color-info-border:#1e40af;--frey-checkbox-border:var(--frey-palette-gray-500);--frey-checkbox-checked-bg:var(--frey-palette-purple-500);--frey-checkbox-checked-border:var(--frey-palette-purple-500);--frey-checkbox-check-color:var(--frey-palette-white);--frey-skeleton-base:var(--frey-palette-gray-700);--frey-skeleton-highlight:var(--frey-palette-gray-600)}.theme_frey-theme-provider__1RMfb[data-frey-theme=light][data-frey-high-contrast=true],[data-frey-theme=light][data-frey-high-contrast=true]{--frey-color-text-primary:var(--frey-palette-black);--frey-color-text-secondary:var(--frey-palette-gray-900);--frey-color-border:var(--frey-palette-gray-500);--frey-color-border-muted:var(--frey-palette-gray-600);--frey-button-primary-bg:var(--frey-palette-purple-800);--frey-button-primary-hover:var(--frey-palette-purple-900);--frey-button-secondary-border:var(--frey-palette-purple-800);--frey-button-secondary-text:var(--frey-palette-purple-800);--frey-button-ghost-text:var(--frey-palette-purple-800);--frey-color-error:var(--frey-palette-red-700);--frey-color-success:var(--frey-palette-green-800);--frey-color-warning:#b45309;--frey-color-info:var(--frey-palette-blue-800)}.theme_frey-theme-provider__1RMfb[data-frey-theme=dark][data-frey-high-contrast=true],[data-frey-theme=dark][data-frey-high-contrast=true]{--frey-color-surface:var(--frey-palette-black);--frey-color-surface-subtle:var(--frey-palette-gray-900);--frey-color-text-primary:var(--frey-palette-white);--frey-color-text-secondary:var(--frey-palette-gray-200);--frey-color-border:var(--frey-palette-gray-400);--frey-color-border-muted:var(--frey-palette-gray-300);--frey-button-primary-bg:var(--frey-palette-purple-400);--frey-button-primary-hover:var(--frey-palette-purple-300);--frey-button-secondary-border:var(--frey-palette-purple-300);--frey-button-secondary-text:var(--frey-palette-purple-300);--frey-button-ghost-text:var(--frey-palette-purple-300);--frey-color-error:var(--frey-palette-red-300);--frey-color-success:var(--frey-palette-green-300);--frey-color-warning:var(--frey-palette-yellow-300);--frey-color-info:var(--frey-palette-blue-300)}.icons-module_icon_svg__Hev3I{display:inline-block;flex-shrink:0;vertical-align:middle}.alert-module_alert__j-fLL{align-items:flex-start;border:1px solid;border-radius:.375rem;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;padding:.75rem 1rem}.alert-module_alert-error__U8yC8{background-color:var(--frey-color-error-bg);border-color:var(--frey-color-error-border);color:var(--frey-color-error)}.alert-module_alert-success__FYP1Q{background-color:var(--frey-color-success-bg);border-color:var(--frey-color-success-border);color:var(--frey-color-success)}.alert-module_alert-warning__tuLWQ{background-color:var(--frey-color-warning-bg);border-color:var(--frey-color-warning-border);color:var(--frey-color-warning)}.alert-module_alert-info__d2xVj{background-color:var(--frey-color-info-bg);border-color:var(--frey-color-info-border);color:var(--frey-color-info)}.alert-module_alert-icon__j-8MC{align-items:center;display:flex;flex-shrink:0;height:1.3125rem;justify-content:center;width:1.25rem}.alert-module_alert_icon_svg__EBN75{height:1.25rem;width:1.25rem}.alert-module_alert-content__PUQPc{flex:1;min-width:0}.alert-module_alert-title__3yZS1{font-weight:600;margin:0 0 .25rem}.alert-module_alert-message__0AJ04{margin:0}.button-module_button__umKM2{align-items:center;border:none;border-radius:.375rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .2s;user-select:none;white-space:nowrap}.button-module_button__umKM2:focus-visible{outline:2px solid var(--frey-focus-ring);outline-offset:2px}.button-module_button-sm__TiGU6{font-size:.8125rem;padding:.25rem .75rem}.button-module_button-md__J7V5e{font-size:.875rem;padding:.5rem 1rem}.button-module_button-lg__-SzwA{font-size:1rem;padding:.625rem 1.25rem}.button-module_button-primary__v1Ube{background-color:var(--frey-button-primary-bg);color:var(--frey-button-primary-text)}.button-module_button-primary__v1Ube:hover:not(:disabled){background-color:var(--frey-button-primary-hover)}.button-module_button-secondary__sWT9h{background-color:transparent;border:1px solid var(--frey-button-secondary-border);color:var(--frey-button-secondary-text)}.button-module_button-secondary__sWT9h:hover:not(:disabled){background-color:var(--frey-button-secondary-hover-bg)}.button-module_button-ghost__s0pgs{background-color:transparent;color:var(--frey-button-ghost-text)}.button-module_button-ghost__s0pgs:hover:not(:disabled){background-color:var(--frey-button-ghost-hover-bg)}.button-module_button-destructive__zxYP7{background-color:var(--frey-button-destructive-bg);color:var(--frey-button-destructive-text)}.button-module_button-destructive__zxYP7:hover:not(:disabled){background-color:var(--frey-button-destructive-hover)}.button-module_button__umKM2:disabled{cursor:not-allowed;opacity:.5}.button-module_button-loading__-ye2x{opacity:.7;pointer-events:none}.button-module_spinner__1Wrqa{animation:button-module_spin__kx-T2 .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;display:inline-block;height:1em;width:1em}@keyframes button-module_spin__kx-T2{to{transform:rotate(1turn)}}.checkbox-module_checkbox-container__ljwCZ{align-items:flex-start;display:inline-flex;gap:.5rem}.checkbox-module_checkbox__-voPf{align-items:center;display:inline-flex;flex-shrink:0;height:var(--checkbox-size);justify-content:center;position:relative;width:var(--checkbox-size)}.checkbox-module_checkbox-sm__W4Bsc{--checkbox-size:1rem}.checkbox-module_checkbox-md__GtRQX{--checkbox-size:1.25rem}.checkbox-module_checkbox-lg__Hl7wJ{--checkbox-size:1.5rem}.checkbox-module_checkbox__-voPf input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.checkbox-module_checkbox-box__1KZI9{align-items:center;background-color:var(--frey-color-surface);border:2px solid var(--frey-checkbox-border);border-radius:.1875rem;display:flex;inset:0;justify-content:center;position:absolute;transition:background-color .2s,border-color .2s}.checkbox-module_checkbox-disabled__e9Ufr input{cursor:not-allowed}.checkbox-module_checkbox-disabled__e9Ufr .checkbox-module_checkbox-box__1KZI9{cursor:not-allowed;opacity:.5}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9{background-color:var(--frey-checkbox-checked-bg);border-color:var(--frey-checkbox-checked-border)}.checkbox-module_checkbox__-voPf input:indeterminate+.checkbox-module_checkbox-box__1KZI9{background-color:var(--frey-checkbox-checked-bg);border-color:var(--frey-checkbox-checked-border)}.checkbox-module_checkbox__-voPf input:focus-visible+.checkbox-module_checkbox-box__1KZI9{outline:2px solid var(--frey-focus-ring);outline-offset:2px}.checkbox-module_check-icon__O2v-a{color:var(--frey-checkbox-check-color);height:70%;inset:0;margin:auto;opacity:0;position:absolute;transition:opacity .15s;width:70%}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_check-icon__O2v-a{opacity:1}.checkbox-module_indeterminate-icon__ujYHN{color:var(--frey-checkbox-check-color);height:60%;inset:0;margin:auto;opacity:0;position:absolute;transition:opacity .15s;width:60%}.checkbox-module_checkbox__-voPf input:indeterminate+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_indeterminate-icon__ujYHN{opacity:1}.checkbox-module_checkbox__-voPf input:checked+.checkbox-module_checkbox-box__1KZI9 .checkbox-module_indeterminate-icon__ujYHN{opacity:0}.checkbox-module_label__4jx3z{color:var(--frey-color-text-primary);cursor:pointer;font-size:.875rem;padding-top:.0625rem;user-select:none}.checkbox-module_checkbox-disabled__e9Ufr+.checkbox-module_label__4jx3z{cursor:not-allowed;opacity:.5}.checkbox-module_visually-hidden__1AzKx{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chip-module_chip-outlined__nsWch{background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border-muted);border-radius:1rem}.chip-module_chip-default__W71L9,.chip-module_chip-outlined__nsWch{align-items:center;color:var(--frey-color-text-primary);cursor:default;display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin:auto;padding:.5rem .75rem;transition:background-color .3s}.chip-module_chip-default__W71L9{background-color:var(--frey-color-surface-subtle);border:none;border-radius:1rem}.chip-module_chip-default-clickable__xqeqN:hover{background-color:var(--frey-color-surface-subtle-hover);cursor:pointer}.chip-module_chip-outlined-clickable__slYmY:hover{background-color:var(--frey-color-surface-subtle);cursor:pointer}.chip-module_chip-default-clickable__xqeqN:focus-visible,.chip-module_chip-outlined-clickable__slYmY:focus-visible{outline:2px solid var(--frey-focus-ring,#6366f1);outline-offset:2px}.chip-module_chip-text__VIJnW{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-module_dialog_root__jMqkW{background:transparent;border:0;display:grid;height:100vh;inset:0;margin:0;max-height:none;max-width:none;opacity:0;padding:0;place-items:center;position:fixed;transition:opacity .22s ease,overlay allow-discrete .22s ease,display allow-discrete .22s ease;width:100vw}.dialog-module_dialog_root__jMqkW:focus{outline:none}.dialog-module_dialog_root__jMqkW:open,.dialog-module_dialog_root__jMqkW[open]{opacity:1}@starting-style{.dialog-module_dialog_root__jMqkW:open,.dialog-module_dialog_root__jMqkW[open]{opacity:0}}.dialog-module_dialog_root__jMqkW::backdrop{background-color:transparent;transition:background-color .22s ease,overlay allow-discrete .22s ease,display allow-discrete .22s ease}.dialog-module_dialog_root__jMqkW:open::backdrop,.dialog-module_dialog_root__jMqkW[open]::backdrop{background-color:rgba(15,23,42,.48)}@starting-style{.dialog-module_dialog_root__jMqkW:open::backdrop,.dialog-module_dialog_root__jMqkW[open]::backdrop{background-color:transparent}}.dialog-module_dialog_content__0IqkB{background-color:var(--frey-color-surface,#fff);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.75rem;box-shadow:0 20px 40px rgba(0,0,0,.28);color:var(--frey-color-text-primary,#111827);max-height:calc(100vh - 2rem);opacity:0;overflow:auto;padding:1rem;position:relative;transform:translateY(.75rem) scale(.98);transition:opacity .22s ease,transform .22s ease;width:min(32rem,calc(100vw - 2rem))}.dialog-module_dialog_root__jMqkW:open .dialog-module_dialog_content__0IqkB,.dialog-module_dialog_root__jMqkW[open] .dialog-module_dialog_content__0IqkB{opacity:1;transform:translateY(0) scale(1)}@starting-style{.dialog-module_dialog_root__jMqkW:open .dialog-module_dialog_content__0IqkB,.dialog-module_dialog_root__jMqkW[open] .dialog-module_dialog_content__0IqkB{opacity:0;transform:translateY(.75rem) scale(.98)}}.dialog-module_dialog_header__VSRxM{align-items:start;display:flex;gap:.75rem;justify-content:space-between}.dialog-module_dialog_title__Mw7jc{font-size:1.125rem;line-height:1.4;margin:0}.dialog-module_dialog_close__tuhJi{align-items:center;background:var(--frey-color-surface-subtle,#f1f1f1);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.375rem;color:var(--frey-color-text-primary,#111827);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;transition:border-color .2s,box-shadow .2s,background-color .2s;width:2rem}.dialog-module_dialog_close__tuhJi:hover{background:var(--frey-color-surface-subtle-hover,#e9e9e9)}.dialog-module_dialog_close__tuhJi:focus-visible{border-color:var(--frey-focus-ring);box-shadow:0 0 0 2px var(--frey-focus-ring);outline:none}.dialog-module_dialog_close_icon__5hPpw{display:block}.dialog-module_dialog_description__fh-8z{color:var(--frey-color-text-secondary,#6b7280);font-size:.875rem;margin:.5rem 0 0}.dialog-module_dialog_body__5qjkS{margin-top:.875rem}.dropdownmenu-module_dropdown_menu__AHiFI{animation:dropdownmenu-module_dropdown_in__-Xtvb .16s ease;background-color:var(--frey-color-surface,#fff);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.625rem;box-shadow:0 14px 28px rgba(17,24,39,.18);list-style:none;margin:0;min-width:12rem;padding:.25rem;position:fixed;z-index:55}.dropdownmenu-module_dropdown_menu_item_container__FI7MR{list-style:none}.dropdownmenu-module_dropdown_menu_item__ncHAK{background:transparent;border:0;border-radius:.5rem;color:var(--frey-color-text-primary,#111827);cursor:pointer;font-size:.875rem;line-height:1.25;padding:.5rem .625rem;text-align:left;transition:background-color .16s ease;width:100%}.dropdownmenu-module_dropdown_menu_item__ncHAK:hover{background:var(--frey-color-surface-subtle,#f3f4f6)}.dropdownmenu-module_dropdown_menu_item__ncHAK:focus-visible{outline:2px solid var(--frey-focus-ring,#3b82f6);outline-offset:1px}.dropdownmenu-module_dropdown_menu_item__ncHAK:disabled{color:var(--frey-color-text-muted,#9ca3af);cursor:not-allowed}.dropdownmenu-module_dropdown_menu_item_destructive__-QIlU{color:var(--frey-color-error,#b91c1c)}@keyframes dropdownmenu-module_dropdown_in__-Xtvb{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.field-module_field_container__mYSRK{display:flex;flex-direction:column;gap:.25rem;width:100%}.field-module_field_label__HK1Z5{color:var(--frey-color-text-primary);font-size:.875rem;font-weight:500;user-select:none}label.field-module_field_label__HK1Z5{cursor:pointer}.field-module_field_label_disabled__SkdeT{cursor:not-allowed;opacity:.5}.field-module_required_indicator__9eYh0{color:var(--frey-color-error,#dc2626);margin-left:.125rem}.field-module_helper_text__1K3VS{color:var(--frey-color-text-secondary,#6b7280);font-size:.75rem;margin:0}.field-module_error_text__vwYPc{color:var(--frey-color-error,#dc2626);font-size:.75rem;margin:0}.field-module_visually_hidden__ofbl2{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.popover-module_popover_content__3z-pk{animation:popover-module_popover_in__E-CWL .16s ease;background-color:var(--frey-color-surface,#fff);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.625rem;box-shadow:0 14px 28px rgba(17,24,39,.18);color:var(--frey-color-text-primary,#111827);max-width:min(24rem,calc(100vw - 1rem));min-width:12rem;padding:.75rem;position:fixed;z-index:50}@keyframes popover-module_popover_in__E-CWL{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-module_progress_root__-BHgO{display:grid;gap:.5rem;width:100%}.progress-module_progress_header__kR3EO{align-items:center;color:var(--frey-color-text-secondary,#6b7280);display:flex;font-size:.8125rem;gap:.5rem;justify-content:space-between}.progress-module_progress_label__nb1cX,.progress-module_progress_value__DCROR{line-height:1.2}.progress-module_progress_track_wrapper__oQnc6{width:100%}.progress-module_progress_track__cI59j{appearance:none;background:var(--frey-color-border-subtle,#e5e7eb);border:0;border-radius:9999px;margin:0;overflow:hidden;width:100%}.progress-module_progress_track__cI59j::-webkit-progress-bar{background:var(--frey-color-border-subtle,#e5e7eb);border-radius:9999px}.progress-module_progress_track__cI59j::-webkit-progress-value{background:var(--frey-color-primary,#3b82f6);border-radius:9999px;transition:width .24s ease}.progress-module_progress_track__cI59j::-moz-progress-bar{background:var(--frey-color-primary,#3b82f6);border-radius:9999px;transition:width .24s ease}.progress-module_progress_sm__MiAfV .progress-module_progress_track__cI59j{height:.375rem}.progress-module_progress_md__dfv3u .progress-module_progress_track__cI59j{height:.5rem}.progress-module_progress_lg__xety7 .progress-module_progress_track__cI59j{height:.75rem}.progress-module_progress_track_indeterminate__nzvk1{position:relative}.progress-module_progress_track_indeterminate__nzvk1:before{animation:progress-module_indeterminate_slide__6KOnl 1.1s ease-in-out infinite;background:var(--frey-color-primary,#3b82f6);border-radius:inherit;content:"";inset:0;position:absolute;width:35%}@keyframes progress-module_indeterminate_slide__6KOnl{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}.radiogroup-module_radio_group__4jMny{display:flex;gap:.625rem}.radiogroup-module_radio_group_vertical__XAJEg{flex-direction:column}.radiogroup-module_radio_group_horizontal__j5Cho{flex-direction:row;flex-wrap:wrap}.radiogroup-module_radio_group_disabled__u11w7{opacity:.7}.radiogroup-module_radio_option__6D6c2{align-items:flex-start;cursor:pointer;display:inline-flex;gap:.5rem;user-select:none}.radiogroup-module_radio_option_disabled__Mu86W{cursor:not-allowed;opacity:.6}.radiogroup-module_radio_input__ACtm7{accent-color:var(--frey-focus-ring,#9333ea);height:1rem;margin:0;transform:translateY(.125rem);width:1rem}.radiogroup-module_radio_input__ACtm7:focus-visible{outline:2px solid var(--frey-focus-ring,#9333ea);outline-offset:2px}.radiogroup-module_radio_text_content__olJOL{display:inline-flex;flex-direction:column;gap:.125rem}.radiogroup-module_radio_label__13S23{color:var(--frey-color-text-primary);font-size:.875rem}.radiogroup-module_radio_description__C-heS{color:var(--frey-color-text-secondary,#6b7280);font-size:.75rem}.select-module_select_wrapper__ZTCHF{position:relative;width:100%}.select-module_select__wrN11{appearance:none;background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.375rem;box-sizing:border-box;color:var(--frey-color-text-primary);font-family:inherit;outline:none;padding-right:2.25rem;transition:border-color .2s,box-shadow .2s;width:100%}.select-module_select__wrN11:focus-visible{border-color:var(--frey-focus-ring);box-shadow:0 0 0 2px var(--frey-focus-ring)}.select-module_select__wrN11:disabled{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:not-allowed;opacity:.5}.select-module_select_error__KiUxg{border-color:var(--frey-color-error,#dc2626)}.select-module_select_error__KiUxg:focus-visible{border-color:var(--frey-color-error,#dc2626);box-shadow:0 0 0 2px var(--frey-color-error,#dc2626)}.select-module_select_sm__HPXZf{font-size:.8125rem;min-height:2rem;padding-block:.25rem;padding-inline:.5rem 2rem}.select-module_select_md__0qxu6{font-size:.875rem;min-height:2.5rem;padding-block:.5rem;padding-inline:.75rem 2rem}.select-module_select_lg__AZTWy{font-size:.9375rem;min-height:2.875rem;padding-block:.625rem;padding-inline:.875rem 2rem}.select-module_select_multiple__VGqFX{min-height:7rem;padding-right:.75rem}.select-module_select_icon__v7fy6{color:var(--frey-color-text-secondary,#6b7280);height:1rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem}.skeleton-module_skeleton__aiyBZ{animation:skeleton-module_pulse__SFsED 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--frey-skeleton-base) 25%,var(--frey-skeleton-highlight) 50%,var(--frey-skeleton-base) 75%);background-size:200% 100%;display:block}.skeleton-module_skeleton-rectangle__qQlNt{border-radius:.25rem}.skeleton-module_skeleton-circle__wO-AS{border-radius:50%}@keyframes skeleton-module_pulse__SFsED{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner-module_spinner_root__XD8rr{--spinner-size:18px;align-items:center;display:inline-flex;height:var(--spinner-size);justify-content:center;width:var(--spinner-size)}.spinner-module_spinner_circle__vsbTq{animation:spinner-module_spinner_rotate__oeCf9 .75s linear infinite;border:2px solid var(--frey-color-border,#d1d5db);border-radius:50%;border-top-color:var(--frey-color-primary,#3b82f6);height:100%;width:100%}.spinner-module_visually_hidden__p3fyP{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes spinner-module_spinner_rotate__oeCf9{to{transform:rotate(1turn)}}.switch-module_switch-container__xDEo5{align-items:center;display:inline-flex;gap:.5em}.switch-module_switch__kA7Xe{display:inline-block;flex-shrink:0;height:var(--switch-height);position:relative;width:var(--switch-width)}.switch-module_switch-sm__7SvPY{--switch-width:2.8em;--switch-height:1.6em;--thumb-size:1.1em;--thumb-padding:0.25em;font-size:14px}.switch-module_switch-md__loKg6{--switch-width:3.5em;--switch-height:2em;--thumb-size:1.4em;--thumb-padding:0.3em;font-size:17px}.switch-module_switch-lg__pU031{--switch-width:4em;--switch-height:2.2em;--thumb-size:1.6em;--thumb-padding:0.3em;font-size:20px}.switch-module_switch__kA7Xe input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.switch-module_slider__fJ2t2{background:var(--switch-track-inactive,var(--frey-switch-track-inactive));border-radius:50px;cursor:pointer;inset:0;position:absolute;transition:all .4s cubic-bezier(.23,1,.32,1)}.switch-module_slider__fJ2t2:before{background-color:var(--switch-thumb,var(--frey-switch-thumb));border-radius:50px;box-shadow:var(--frey-shadow-thumb);content:"";height:var(--thumb-size);left:var(--thumb-padding);position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:var(--thumb-size)}.switch-module_switch-disabled__4YjrP .switch-module_slider__fJ2t2{cursor:not-allowed;opacity:.5}.switch-module_switch-disabled__4YjrP input{cursor:not-allowed}.switch-module_switch__kA7Xe input:checked+.switch-module_slider__fJ2t2{background:var(--switch-track-active,var(--frey-switch-track-active))}.switch-module_switch__kA7Xe input:focus-visible+.switch-module_slider__fJ2t2{outline:2px solid var(--switch-focus-ring,var(--frey-focus-ring));outline-offset:2px}.switch-module_switch__kA7Xe input:checked+.switch-module_slider__fJ2t2:before{left:calc(var(--switch-width) - var(--thumb-size) - var(--thumb-padding));transform:translateY(-50%)}.switch-module_switch-disabled__4YjrP{cursor:not-allowed}.switch-module_label__JDK9V{cursor:pointer;user-select:none}.switch-module_switch-disabled__4YjrP+.switch-module_label__JDK9V{cursor:not-allowed;opacity:.5}.switch-module_visually-hidden__-QPG1{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.textarea-module_textarea__2ZcDH{background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.375rem;box-sizing:border-box;color:var(--frey-color-text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;min-height:6rem;outline:none;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.textarea-module_textarea__2ZcDH::placeholder{color:var(--frey-color-text-secondary,#6b7280)}.textarea-module_textarea__2ZcDH:focus-visible{border-color:var(--frey-focus-ring);box-shadow:0 0 0 2px var(--frey-focus-ring)}.textarea-module_textarea_error__g--Z6{border-color:var(--frey-color-error,#dc2626)}.textarea-module_textarea_error__g--Z6:focus-visible{border-color:var(--frey-color-error,#dc2626);box-shadow:0 0 0 2px var(--frey-color-error,#dc2626)}.textarea-module_textarea__2ZcDH:disabled{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:not-allowed;opacity:.5}.textarea-module_textarea__2ZcDH:read-only{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:default}.textarea-module_resize_none__91Cdb{resize:none}.textarea-module_resize_vertical__kA0Sk{resize:vertical}.textarea-module_resize_horizontal__YDww4{resize:horizontal}.textarea-module_resize_both__mzsFr{resize:both}.textinput-module_text-input-container__LaD6P{display:flex;flex-direction:column;gap:.25rem;width:100%}.textinput-module_label__2iW7l{color:var(--frey-color-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;user-select:none}.textinput-module_label-disabled__Aqrto{cursor:not-allowed;opacity:.5}.textinput-module_input__SmSfZ{background-color:var(--frey-color-surface);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.375rem;box-sizing:border-box;color:var(--frey-color-text-primary);font-size:.875rem;line-height:1.5;outline:none;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.textinput-module_input__SmSfZ::placeholder{color:var(--frey-color-text-secondary,#6b7280)}.textinput-module_input__SmSfZ:focus-visible{border-color:var(--frey-focus-ring);box-shadow:0 0 0 2px var(--frey-focus-ring)}.textinput-module_input-error__8RSkp{border-color:var(--frey-color-error,#dc2626)}.textinput-module_input-error__8RSkp:focus-visible{border-color:var(--frey-color-error,#dc2626);box-shadow:0 0 0 2px var(--frey-color-error,#dc2626)}.textinput-module_input__SmSfZ:disabled{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:not-allowed;opacity:.5}.textinput-module_input__SmSfZ:read-only{background-color:var(--frey-color-surface-subtle,#f1f1f1);cursor:default}.textinput-module_input__SmSfZ:read-only:focus-visible{border-color:var(--frey-color-border,#d1d5db);box-shadow:none}.textinput-module_helper-text__nygYX{color:var(--frey-color-text-secondary,#6b7280);font-size:.75rem;margin:0}.textinput-module_error-text__DFYQv{color:var(--frey-color-error,#dc2626);font-size:.75rem;margin:0}.textinput-module_visually-hidden__w42hp{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.themeprovider-module_frey-theme-provider__HZeKb{color:var(--frey-color-text-primary)}.toast-module_toast_viewport__vS0tW{pointer-events:none;position:fixed;z-index:70}.toast-module_toast_list__r-4p-{display:grid;gap:.625rem;list-style:none;margin:0;padding:0}.toast-module_toast_viewport_top_right__g8262{right:1rem;top:1rem}.toast-module_toast_viewport_top_left__-aF0V{left:1rem;top:1rem}.toast-module_toast_viewport_bottom_right__haSk0{bottom:1rem;right:1rem}.toast-module_toast_viewport_bottom_left__cqfBb{bottom:1rem;left:1rem}.toast-module_toast_list_item__K2K8r{pointer-events:auto}.toast-module_toast__VCp84{align-items:start;animation:toast-module_toast_in__W0uZk .2s ease;background:var(--frey-color-surface,#fff);border:1px solid var(--frey-color-border,#d1d5db);border-radius:.75rem;box-shadow:0 12px 24px rgba(15,23,42,.16);color:var(--frey-color-text-primary,#111827);display:grid;gap:.625rem;grid-template-columns:auto 1fr auto auto;padding:.75rem;width:min(24rem,calc(100vw - 2rem))}.toast-module_toast_info__OpgDK{border-color:var(--frey-color-info-border,#93c5fd)}.toast-module_toast_success__SS2fN{border-color:var(--frey-color-success-border,#86efac)}.toast-module_toast_warning__2boQF{border-color:var(--frey-color-warning-border,#fcd34d)}.toast-module_toast_error__2d2qC{border-color:var(--frey-color-error-border,#fca5a5)}.toast-module_toast_icon__jYhv5{height:1.25rem;margin-top:.125rem;width:1.25rem}.toast-module_toast_icon_svg__4oFvo{height:100%;width:100%}.toast-module_toast_body__tc8Kq{display:grid;gap:.2rem;min-width:0}.toast-module_toast_title__a5kQQ{font-size:.875rem;line-height:1.35}.toast-module_toast_description__lQu6I{color:var(--frey-color-text-secondary,#4b5563);font-size:.8125rem;line-height:1.45;margin:0}.toast-module_toast_action__BLzqc,.toast-module_toast_close__lipKl{background:transparent;border:1px solid transparent;border-radius:.5rem;color:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.toast-module_toast_action__BLzqc{align-self:center;color:var(--frey-color-primary,#2563eb);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.toast-module_toast_action__BLzqc:hover,.toast-module_toast_close__lipKl:hover{background-color:var(--frey-color-surface-subtle,#f3f4f6)}.toast-module_toast_action__BLzqc:focus-visible,.toast-module_toast_close__lipKl:focus-visible{border-color:var(--frey-focus-ring,#3b82f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--frey-focus-ring,#3b82f6),transparent 55%);outline:none}.toast-module_toast_close__lipKl{align-items:center;display:inline-flex;height:1.75rem;justify-content:center;padding:0;width:1.75rem}@keyframes toast-module_toast_in__W0uZk{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tooltip-module_tooltip__UR2ot{animation:tooltip-module_tooltip_in__sPVh3 .12s ease;background:var(--frey-color-text-primary,#111827);border-radius:.5rem;box-shadow:0 8px 18px rgba(17,24,39,.22);color:var(--frey-color-surface,#fff);font-size:.75rem;line-height:1.4;max-width:min(18rem,calc(100vw - 1rem));padding:.4rem .625rem;pointer-events:none;position:fixed;z-index:60}@keyframes tooltip-module_tooltip_in__sPVh3{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
|
|
2
2
|
/*# sourceMappingURL=styles.css.map */
|
package/dist/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["theme.css","alert.module.css","button.module.css","checkbox.module.css","chip.module.css","skeleton.module.css","switch.module.css","textinput.module.css","themeprovider.module.css"],"names":[],"mappings":"AAAA,iEAGE,yBAA0B,CAC1B,mCAAoC,CACpC,yCAA0C,CAC1C,iCAAkC,CAClC,mCAAoC,CACpC,2BAA4B,CAC5B,iCAAkC,CAClC,oCAAqC,CACrC,kCAAmC,CACnC,wBAAyB,CACzB,yBAA0B,CAC1B,2CAA8C,CAG9C,gCAAiC,CACjC,mCAAoC,CACpC,+BAAgC,CAChC,sCAAuC,CACvC,oCAAqC,CACrC,wCAAyC,CACzC,gCAAiC,CACjC,oCAAqC,CACrC,oCAAqC,CACrC,uCAAwC,CACxC,mCAAoC,CAGpC,0BAA2B,CAC3B,6BAA8B,CAC9B,iCAAkC,CAClC,4BAA6B,CAC7B,+BAAgC,CAChC,mCAAoC,CACpC,4BAA6B,CAC7B,+BAAgC,CAChC,mCAAoC,CACpC,yBAA0B,CAC1B,4BAA6B,CAC7B,gCAAiC,CAGjC,8BAA+B,CAC/B,kCAAmC,CACnC,sCAAuC,CACvC,gCAAiC,CAGjC,4BAA6B,CAC7B,iCACF,CAEA,iGAGE,4BAA6B,CAC7B,mCAAoC,CACpC,yCAA0C,CAC1C,iCAAkC,CAClC,mCAAoC,CACpC,2BAA4B,CAC5B,iCAAkC,CAClC,oCAAqC,CACrC,kCAAmC,CACnC,2BAA4B,CAC5B,yBAA0B,CAG1B,gCAAiC,CACjC,mCAAoC,CACpC,+BAAgC,CAChC,sCAAuC,CACvC,oCAAqC,CACrC,wCAAyC,CACzC,gCAAiC,CACjC,oCAAqC,CACrC,oCAAqC,CACrC,uCAAwC,CACxC,mCAAoC,CAGpC,0BAA2B,CAC3B,6BAA8B,CAC9B,iCAAkC,CAClC,4BAA6B,CAC7B,+BAAgC,CAChC,mCAAoC,CACpC,4BAA6B,CAC7B,+BAAgC,CAChC,mCAAoC,CACpC,yBAA0B,CAC1B,4BAA6B,CAC7B,gCAAiC,CAGjC,8BAA+B,CAC/B,kCAAmC,CACnC,sCAAuC,CACvC,gCAAiC,CAGjC,4BAA6B,CAC7B,iCACF,CCzGA,2BAEE,sBAAuB,CAIvB,gBAAiB,CADjB,qBAAuB,CAJvB,YAAa,CAMb,iBAAmB,CAJnB,UAAY,CAKZ,eAAgB,CAJhB,mBAKF,CAGA,iCAEE,2CAA4C,CAC5C,2CAA4C,CAF5C,6BAGF,CAEA,mCAEE,6CAA8C,CAC9C,6CAA8C,CAF9C,+BAGF,CAEA,mCAEE,6CAA8C,CAC9C,6CAA8C,CAF9C,+BAGF,CAEA,gCAEE,0CAA2C,CAC3C,0CAA2C,CAF3C,4BAGF,CAEA,gCACE,aAAc,CAEd,cAAe,CACf,kBAAoB,CAFpB,aAGF,CAEA,mCACE,MAAO,CACP,WACF,CAEA,iCACE,eAAgB,CAChB,iBACF,CAEA,mCACE,QACF,CCvDA,6BAEE,kBAAmB,CAQnB,WAAY,CADZ,qBAAuB,CAWvB,qBAAsB,CATtB,cAAe,CAVf,mBAAoB,CAKpB,iBAAmB,CACnB,eAAgB,CAHhB,SAAW,CADX,sBAAuB,CAKvB,eAAgB,CAHhB,kBAAoB,CAOpB,oBAAqB,CACrB,sEAIc,CACd,gBAAiB,CACjB,kBAEF,CAEA,2CACE,wCAAyC,CACzC,kBACF,CAGA,gCAEE,kBAAoB,CADpB,qBAEF,CAEA,gCAEE,iBAAmB,CADnB,kBAEF,CAEA,gCAEE,cAAe,CADf,uBAEF,CAGA,qCACE,8CAA+C,CAC/C,qCACF,CAEA,0DACE,iDACF,CAGA,uCACE,4BAA6B,CAE7B,oDAAqD,CADrD,uCAEF,CAEA,4DACE,sDACF,CAGA,mCACE,4BAA6B,CAC7B,mCACF,CAEA,wDACE,kDACF,CAGA,yCACE,kDAAmD,CACnD,yCACF,CAEA,8DACE,qDACF,CAGA,sCAEE,kBAAmB,CADnB,UAEF,CAGA,qCAEE,UAAY,CADZ,mBAEF,CAEA,8BAOE,uDAAoC,CAFpC,gBAA+B,CAC/B,iBAAkB,CADlB,kCAA+B,CAJ/B,oBAAqB,CAErB,UAAW,CADX,SAMF,CAEA,qCACE,GACE,uBACF,CACF,CC/GA,2CAEE,sBAAuB,CADvB,mBAAoB,CAEpB,SACF,CAEA,iCAGE,kBAAmB,CADnB,mBAAoB,CAGpB,aAAc,CAEd,2BAA4B,CAH5B,sBAAuB,CAHvB,iBAAkB,CAKlB,0BAEF,CAEA,oCACE,oBACF,CAEA,oCACE,uBACF,CAEA,oCACE,sBACF,CAEA,uCAOE,cAAe,CAJf,WAAY,CAEZ,OAAQ,CAGR,QAAS,CAPT,SAAU,CAGV,iBAAkB,CAFlB,UAAW,CAIX,SAGF,CAEA,qCAUE,kBAAmB,CALnB,0CAA2C,CAF3C,4CAA6C,CAC7C,sBAAwB,CAKxB,YAAa,CAPb,OAAQ,CASR,sBAAuB,CAVvB,iBAAkB,CAKlB,gDAMF,CAEA,gDACE,kBACF,CAEA,+EAEE,kBAAmB,CADnB,UAEF,CAEA,oFACE,gDAAiD,CACjD,gDACF,CAEA,0FACE,gDAAiD,CACjD,gDACF,CAEA,0FACE,wCAAyC,CACzC,kBACF,CAEA,mCAME,sCAAuC,CADvC,UAAW,CAHX,OAAQ,CACR,WAAY,CAIZ,SAAU,CANV,iBAAkB,CAOlB,uBAAyB,CAJzB,SAKF,CAEA,uHACE,SACF,CAEA,2CAME,sCAAuC,CADvC,UAAW,CAHX,OAAQ,CACR,WAAY,CAIZ,SAAU,CANV,iBAAkB,CAOlB,uBAAyB,CAJzB,SAKF,CAEA,qIACE,SACF,CAEA,+HACE,SACF,CAEA,8BAIE,oCAAqC,CAFrC,cAAe,CADf,iBAAmB,CAInB,oBAAsB,CAFtB,gBAGF,CAEA,wEAEE,kBAAmB,CADnB,UAEF,CAEA,wCASE,QAAS,CAFT,oBAAqB,CAJrB,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAOlB,kBAAmB,CANnB,SAQF,CCtIA,kCAOE,0CAA2C,CAI3C,+CAAgD,CALhD,kBAQF,CAEA,mEAbE,kBAAmB,CAKnB,oCAAqC,CAIrC,cAAe,CAXf,YAAa,CAQb,iBAAmB,CACnB,eAAgB,CARhB,sBAAuB,CAGvB,WAAY,CADZ,oBAAuB,CASvB,+BAiBF,CAdA,iCAOE,iDAAkD,CAIlD,WAAY,CALZ,kBAQF,CAEA,iDAEE,uDAAwD,CADxD,cAEF,CAEA,kDAEE,iDAAkD,CADlD,cAEF,CAEA,mHAEE,gDAAkD,CAClD,kBACF,CAEA,8BACE,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CCtDA,iCASE,gEAA0C,CAP1C,gIAKC,CACD,yBAA0B,CAP1B,aASF,CAEA,2CACE,oBACF,CAEA,wCACE,iBACF,CAEA,wCACE,GACE,0BACF,CAEA,GACE,2BACF,CACF,CC5BA,uCAEE,kBAAmB,CADnB,mBAAoB,CAEpB,QACF,CAEA,6BAEE,oBAAqB,CACrB,aAAc,CAEd,2BAA4B,CAJ5B,iBAAkB,CAGlB,yBAEF,CAEA,gCAGE,oBAAqB,CACrB,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CALvB,cAMF,CAEA,gCAGE,oBAAqB,CACrB,mBAAoB,CACpB,kBAAmB,CACnB,qBAAsB,CALtB,cAMF,CAEA,gCAGE,kBAAmB,CACnB,qBAAsB,CACtB,kBAAmB,CACnB,qBAAsB,CALtB,cAMF,CAEA,mCAOE,cAAe,CAJf,WAAY,CAEZ,OAAQ,CAGR,QAAS,CAPT,SAAU,CAGV,iBAAkB,CAFlB,UAAW,CAIX,SAGF,CAEA,6BAIE,yEAA2E,CAC3E,kBAAmB,CAHnB,cAAe,CACf,OAAQ,CAFR,iBAAkB,CAKlB,4CACF,CAEA,oCAQE,6DAA+D,CAC/D,kBAAmB,CACnB,mCAAoC,CARpC,UAAW,CACX,wBAAyB,CAEzB,yBAA0B,CAJ1B,iBAAkB,CAKlB,OAAQ,CACR,0BAA2B,CAI3B,oDAA4D,CAP5D,uBAQF,CAEA,mEAEE,kBAAmB,CADnB,UAEF,CAEA,4CACE,kBACF,CAEA,wEACE,qEACF,CAEA,8EACE,iEAAmE,CACnE,kBACF,CAEA,+EACE,yEAA0E,CAC1E,0BACF,CAEA,sCACE,kBACF,CAEA,4BACE,cAAe,CACf,gBACF,CAEA,kEAEE,kBAAmB,CADnB,UAEF,CAEA,sCASE,QAAS,CAFT,oBAAqB,CAJrB,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAOlB,kBAAmB,CANnB,SAQF,CC1HA,8CACE,YAAa,CACb,qBAAsB,CACtB,UAAY,CACZ,UACF,CAEA,+BAGE,oCAAqC,CACrC,cAAe,CAHf,iBAAmB,CACnB,eAAgB,CAGhB,gBACF,CAEA,wCAEE,kBAAmB,CADnB,UAEF,CAEA,+BAME,0CAA2C,CAC3C,iDAAmD,CACnD,qBAAuB,CAKvB,qBAAsB,CARtB,oCAAqC,CAFrC,iBAAmB,CACnB,eAAgB,CAKhB,YAAa,CAPb,oBAAuB,CAQvB,0CAEiB,CAXjB,UAaF,CAEA,4CACE,8CACF,CAEA,6CACE,mCAAoC,CACpC,2CACF,CAEA,qCACE,4CACF,CAEA,mDACE,4CAA8C,CAC9C,oDACF,CAEA,wCAGE,yDAA2D,CAD3D,kBAAmB,CADnB,UAGF,CAEA,yCACE,yDAA2D,CAC3D,cACF,CAEA,uDACE,6CAA+C,CAC/C,eACF,CAEA,qCAEE,8CAAgD,CADhD,gBAAkB,CAElB,QACF,CAEA,oCAEE,qCAAuC,CADvC,gBAAkB,CAElB,QACF,CAEA,yCASE,QAAS,CAFT,oBAAqB,CAJrB,UAAW,CAEX,WAAY,CACZ,eAAgB,CAFhB,SAAU,CAHV,iBAAkB,CAOlB,kBAAmB,CANnB,SAQF,CC5FA,iDACE,oCACF","file":"styles.css","sourcesContent":[".frey-theme-provider,\n[data-frey-theme],\n[data-theme] {\n --frey-color-surface: #fff;\n --frey-color-surface-subtle: #f1f1f1;\n --frey-color-surface-subtle-hover: #e9e9e9;\n --frey-color-text-primary: #111827;\n --frey-color-text-secondary: #6b7280;\n --frey-color-border: #d1d5db;\n --frey-color-border-muted: #9ca3af;\n --frey-switch-track-inactive: #e9d5ff;\n --frey-switch-track-active: #9333ea;\n --frey-switch-thumb: #fff;\n --frey-focus-ring: #9333ea;\n --frey-shadow-thumb: 0 0 20px rgb(0 0 0 / 40%);\n\n /* Button */\n --frey-button-primary-bg: #9333ea;\n --frey-button-primary-hover: #7e22ce;\n --frey-button-primary-text: #fff;\n --frey-button-secondary-border: #9333ea;\n --frey-button-secondary-text: #9333ea;\n --frey-button-secondary-hover-bg: #f3e8ff;\n --frey-button-ghost-text: #9333ea;\n --frey-button-ghost-hover-bg: #f3e8ff;\n --frey-button-destructive-bg: #dc2626;\n --frey-button-destructive-hover: #b91c1c;\n --frey-button-destructive-text: #fff;\n\n /* Feedback */\n --frey-color-error: #dc2626;\n --frey-color-error-bg: #fef2f2;\n --frey-color-error-border: #fca5a5;\n --frey-color-success: #16a34a;\n --frey-color-success-bg: #f0fdf4;\n --frey-color-success-border: #86efac;\n --frey-color-warning: #d97706;\n --frey-color-warning-bg: #fffbeb;\n --frey-color-warning-border: #fcd34d;\n --frey-color-info: #2563eb;\n --frey-color-info-bg: #eff6ff;\n --frey-color-info-border: #93c5fd;\n\n /* Checkbox */\n --frey-checkbox-border: #9ca3af;\n --frey-checkbox-checked-bg: #9333ea;\n --frey-checkbox-checked-border: #9333ea;\n --frey-checkbox-check-color: #fff;\n\n /* Skeleton */\n --frey-skeleton-base: #e5e7eb;\n --frey-skeleton-highlight: #f3f4f6;\n}\n\n.frey-theme-provider[data-frey-theme='dark'],\n[data-frey-theme='dark'],\n[data-theme='dark'] {\n --frey-color-surface: #1f2937;\n --frey-color-surface-subtle: #374151;\n --frey-color-surface-subtle-hover: #4b5563;\n --frey-color-text-primary: #f9fafb;\n --frey-color-text-secondary: #9ca3af;\n --frey-color-border: #4b5563;\n --frey-color-border-muted: #6b7280;\n --frey-switch-track-inactive: #4c1d95;\n --frey-switch-track-active: #a855f7;\n --frey-switch-thumb: #f9fafb;\n --frey-focus-ring: #a855f7;\n\n /* Button */\n --frey-button-primary-bg: #a855f7;\n --frey-button-primary-hover: #9333ea;\n --frey-button-primary-text: #fff;\n --frey-button-secondary-border: #a855f7;\n --frey-button-secondary-text: #a855f7;\n --frey-button-secondary-hover-bg: #3b0764;\n --frey-button-ghost-text: #a855f7;\n --frey-button-ghost-hover-bg: #3b0764;\n --frey-button-destructive-bg: #ef4444;\n --frey-button-destructive-hover: #dc2626;\n --frey-button-destructive-text: #fff;\n\n /* Feedback */\n --frey-color-error: #f87171;\n --frey-color-error-bg: #450a0a;\n --frey-color-error-border: #991b1b;\n --frey-color-success: #4ade80;\n --frey-color-success-bg: #052e16;\n --frey-color-success-border: #166534;\n --frey-color-warning: #fbbf24;\n --frey-color-warning-bg: #451a03;\n --frey-color-warning-border: #92400e;\n --frey-color-info: #60a5fa;\n --frey-color-info-bg: #172554;\n --frey-color-info-border: #1e40af;\n\n /* Checkbox */\n --frey-checkbox-border: #6b7280;\n --frey-checkbox-checked-bg: #a855f7;\n --frey-checkbox-checked-border: #a855f7;\n --frey-checkbox-check-color: #fff;\n\n /* Skeleton */\n --frey-skeleton-base: #374151;\n --frey-skeleton-highlight: #4b5563;\n}\n",".alert {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n border-radius: 0.375rem;\n border: 1px solid;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n/* Variants */\n.alert-error {\n color: var(--frey-color-error);\n background-color: var(--frey-color-error-bg);\n border-color: var(--frey-color-error-border);\n}\n\n.alert-success {\n color: var(--frey-color-success);\n background-color: var(--frey-color-success-bg);\n border-color: var(--frey-color-success-border);\n}\n\n.alert-warning {\n color: var(--frey-color-warning);\n background-color: var(--frey-color-warning-bg);\n border-color: var(--frey-color-warning-border);\n}\n\n.alert-info {\n color: var(--frey-color-info);\n background-color: var(--frey-color-info-bg);\n border-color: var(--frey-color-info-border);\n}\n\n.alert-icon {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: 0.125rem;\n}\n\n.alert-content {\n flex: 1;\n min-width: 0;\n}\n\n.alert-title {\n font-weight: 600;\n margin: 0 0 0.25rem;\n}\n\n.alert-message {\n margin: 0;\n}\n",".button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.5;\n border-radius: 0.375rem;\n border: none;\n cursor: pointer;\n text-decoration: none;\n transition:\n background-color 0.2s,\n color 0.2s,\n border-color 0.2s,\n opacity 0.2s;\n user-select: none;\n white-space: nowrap;\n box-sizing: border-box;\n}\n\n.button:focus-visible {\n outline: 2px solid var(--frey-focus-ring);\n outline-offset: 2px;\n}\n\n/* Sizes */\n.button-sm {\n padding: 0.25rem 0.75rem;\n font-size: 0.8125rem;\n}\n\n.button-md {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n}\n\n.button-lg {\n padding: 0.625rem 1.25rem;\n font-size: 1rem;\n}\n\n/* Primary */\n.button-primary {\n background-color: var(--frey-button-primary-bg);\n color: var(--frey-button-primary-text);\n}\n\n.button-primary:hover:not(:disabled) {\n background-color: var(--frey-button-primary-hover);\n}\n\n/* Secondary */\n.button-secondary {\n background-color: transparent;\n color: var(--frey-button-secondary-text);\n border: 1px solid var(--frey-button-secondary-border);\n}\n\n.button-secondary:hover:not(:disabled) {\n background-color: var(--frey-button-secondary-hover-bg);\n}\n\n/* Ghost */\n.button-ghost {\n background-color: transparent;\n color: var(--frey-button-ghost-text);\n}\n\n.button-ghost:hover:not(:disabled) {\n background-color: var(--frey-button-ghost-hover-bg);\n}\n\n/* Destructive */\n.button-destructive {\n background-color: var(--frey-button-destructive-bg);\n color: var(--frey-button-destructive-text);\n}\n\n.button-destructive:hover:not(:disabled) {\n background-color: var(--frey-button-destructive-hover);\n}\n\n/* Disabled */\n.button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* Loading */\n.button-loading {\n pointer-events: none;\n opacity: 0.7;\n}\n\n.spinner {\n display: inline-block;\n width: 1em;\n height: 1em;\n border: 2px solid currentcolor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n",".checkbox-container {\n display: inline-flex;\n align-items: flex-start;\n gap: 0.5rem;\n}\n\n.checkbox {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\n.checkbox-sm {\n --checkbox-size: 1rem;\n}\n\n.checkbox-md {\n --checkbox-size: 1.25rem;\n}\n\n.checkbox-lg {\n --checkbox-size: 1.5rem;\n}\n\n.checkbox input {\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n.checkbox-box {\n position: absolute;\n inset: 0;\n border: 2px solid var(--frey-checkbox-border);\n border-radius: 0.1875rem;\n background-color: var(--frey-color-surface);\n transition:\n background-color 0.2s,\n border-color 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.checkbox-disabled input {\n cursor: not-allowed;\n}\n\n.checkbox-disabled .checkbox-box {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.checkbox input:checked + .checkbox-box {\n background-color: var(--frey-checkbox-checked-bg);\n border-color: var(--frey-checkbox-checked-border);\n}\n\n.checkbox input:indeterminate + .checkbox-box {\n background-color: var(--frey-checkbox-checked-bg);\n border-color: var(--frey-checkbox-checked-border);\n}\n\n.checkbox input:focus-visible + .checkbox-box {\n outline: 2px solid var(--frey-focus-ring);\n outline-offset: 2px;\n}\n\n.check-icon {\n position: absolute;\n inset: 0;\n margin: auto;\n width: 70%;\n height: 70%;\n color: var(--frey-checkbox-check-color);\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.checkbox input:checked + .checkbox-box .check-icon {\n opacity: 1;\n}\n\n.indeterminate-icon {\n position: absolute;\n inset: 0;\n margin: auto;\n width: 60%;\n height: 60%;\n color: var(--frey-checkbox-check-color);\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.checkbox input:indeterminate + .checkbox-box .indeterminate-icon {\n opacity: 1;\n}\n\n.checkbox input:checked + .checkbox-box .indeterminate-icon {\n opacity: 0;\n}\n\n.label {\n font-size: 0.875rem;\n cursor: pointer;\n user-select: none;\n color: var(--frey-color-text-primary);\n padding-top: 0.0625rem;\n}\n\n.checkbox-disabled + .label {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".chip-outlined {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: auto;\n border-radius: 1rem;\n background-color: var(--frey-color-surface);\n color: var(--frey-color-text-primary);\n font-size: 0.875rem;\n font-weight: 500;\n border: 1px solid var(--frey-color-border-muted);\n cursor: default;\n transition: background-color 0.3s;\n}\n\n.chip-default {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: auto;\n border-radius: 1rem;\n background-color: var(--frey-color-surface-subtle);\n color: var(--frey-color-text-primary);\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: default;\n transition: background-color 0.3s;\n}\n\n.chip-default-clickable:hover {\n cursor: pointer;\n background-color: var(--frey-color-surface-subtle-hover);\n}\n\n.chip-outlined-clickable:hover {\n cursor: pointer;\n background-color: var(--frey-color-surface-subtle);\n}\n\n.chip-default-clickable:focus-visible,\n.chip-outlined-clickable:focus-visible {\n outline: 2px solid var(--frey-focus-ring, #6366f1);\n outline-offset: 2px;\n}\n\n.chip-text {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",".skeleton {\n display: block;\n background: linear-gradient(\n 90deg,\n var(--frey-skeleton-base) 25%,\n var(--frey-skeleton-highlight) 50%,\n var(--frey-skeleton-base) 75%\n );\n background-size: 200% 100%;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n.skeleton-rectangle {\n border-radius: 0.25rem;\n}\n\n.skeleton-circle {\n border-radius: 50%;\n}\n\n@keyframes pulse {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n",".switch-container {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n}\n\n.switch {\n position: relative;\n display: inline-block;\n flex-shrink: 0;\n width: var(--switch-width);\n height: var(--switch-height);\n}\n\n.switch-sm {\n font-size: 14px;\n\n --switch-width: 2.8em;\n --switch-height: 1.6em;\n --thumb-size: 1.1em;\n --thumb-padding: 0.25em;\n}\n\n.switch-md {\n font-size: 17px;\n\n --switch-width: 3.5em;\n --switch-height: 2em;\n --thumb-size: 1.4em;\n --thumb-padding: 0.3em;\n}\n\n.switch-lg {\n font-size: 20px;\n\n --switch-width: 4em;\n --switch-height: 2.2em;\n --thumb-size: 1.6em;\n --thumb-padding: 0.3em;\n}\n\n.switch input {\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n.slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background: var(--switch-track-inactive, var(--frey-switch-track-inactive));\n border-radius: 50px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.slider::before {\n position: absolute;\n content: '';\n height: var(--thumb-size);\n width: var(--thumb-size);\n left: var(--thumb-padding);\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--switch-thumb, var(--frey-switch-thumb));\n border-radius: 50px;\n box-shadow: var(--frey-shadow-thumb);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.switch-disabled .slider {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.switch-disabled input {\n cursor: not-allowed;\n}\n\n.switch input:checked + .slider {\n background: var(--switch-track-active, var(--frey-switch-track-active));\n}\n\n.switch input:focus-visible + .slider {\n outline: 2px solid var(--switch-focus-ring, var(--frey-focus-ring));\n outline-offset: 2px;\n}\n\n.switch input:checked + .slider::before {\n left: calc(var(--switch-width) - var(--thumb-size) - var(--thumb-padding));\n transform: translateY(-50%);\n}\n\n.switch-disabled {\n cursor: not-allowed;\n}\n\n.label {\n cursor: pointer;\n user-select: none;\n}\n\n.switch-disabled + .label {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".text-input-container {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--frey-color-text-primary);\n cursor: pointer;\n user-select: none;\n}\n\n.label-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.input {\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: var(--frey-color-text-primary);\n background-color: var(--frey-color-surface);\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.375rem;\n outline: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n box-sizing: border-box;\n}\n\n.input::placeholder {\n color: var(--frey-color-text-secondary, #6b7280);\n}\n\n.input:focus-visible {\n border-color: var(--frey-focus-ring);\n box-shadow: 0 0 0 2px var(--frey-focus-ring);\n}\n\n.input-error {\n border-color: var(--frey-color-error, #dc2626);\n}\n\n.input-error:focus-visible {\n border-color: var(--frey-color-error, #dc2626);\n box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);\n}\n\n.input:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n}\n\n.input:read-only {\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n cursor: default;\n}\n\n.input:read-only:focus-visible {\n border-color: var(--frey-color-border, #d1d5db);\n box-shadow: none;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: var(--frey-color-text-secondary, #6b7280);\n margin: 0;\n}\n\n.error-text {\n font-size: 0.75rem;\n color: var(--frey-color-error, #dc2626);\n margin: 0;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".frey-theme-provider {\n color: var(--frey-color-text-primary);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["theme.css","icons.module.css","alert.module.css","button.module.css","checkbox.module.css","chip.module.css","dialog.module.css","dropdownmenu.module.css","field.module.css","popover.module.css","progress.module.css","radiogroup.module.css","select.module.css","skeleton.module.css","spinner.module.css","switch.module.css","textarea.module.css","textinput.module.css","themeprovider.module.css","toast.module.css","tooltip.module.css"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":[":root {\n /* Global Palette Tokens */\n --frey-palette-white: #ffffff;\n --frey-palette-black: #000000;\n\n --frey-palette-gray-50: #f9fafb;\n --frey-palette-gray-100: #f3f4f6;\n --frey-palette-gray-200: #e5e7eb;\n --frey-palette-gray-300: #d1d5db;\n --frey-palette-gray-400: #9ca3af;\n --frey-palette-gray-500: #6b7280;\n --frey-palette-gray-600: #4b5563;\n --frey-palette-gray-700: #374151;\n --frey-palette-gray-800: #1f2937;\n --frey-palette-gray-900: #111827;\n --frey-palette-gray-950: #030712;\n\n --frey-palette-purple-50: #faf5ff;\n --frey-palette-purple-100: #f3e8ff;\n --frey-palette-purple-200: #e9d5ff;\n --frey-palette-purple-300: #d8b4fe;\n --frey-palette-purple-400: #c084fc;\n --frey-palette-purple-500: #a855f7;\n --frey-palette-purple-600: #9333ea;\n --frey-palette-purple-700: #7e22ce;\n --frey-palette-purple-800: #6b21a8;\n --frey-palette-purple-900: #581c87;\n\n --frey-palette-red-50: #fef2f2;\n --frey-palette-red-100: #fee2e2;\n --frey-palette-red-300: #fca5a5;\n --frey-palette-red-400: #f87171;\n --frey-palette-red-500: #ef4444;\n --frey-palette-red-600: #dc2626;\n --frey-palette-red-700: #b91c1c;\n\n --frey-palette-green-50: #f0fdf4;\n --frey-palette-green-300: #86efac;\n --frey-palette-green-400: #4ade80;\n --frey-palette-green-600: #16a34a;\n\n --frey-palette-yellow-50: #fffbeb;\n --frey-palette-yellow-300: #fcd34d;\n --frey-palette-yellow-400: #fbbf24;\n --frey-palette-yellow-600: #d97706;\n\n --frey-palette-blue-50: #eff6ff;\n --frey-palette-blue-300: #93c5fd;\n --frey-palette-blue-400: #60a5fa;\n --frey-palette-blue-600: #2563eb;\n}\n\n.frey-theme-provider,\n[data-frey-theme='light'],\n[data-theme='light'] {\n /* Semantic Tokens - Light */\n --frey-color-surface: var(--frey-palette-white);\n --frey-color-surface-subtle: #f1f1f1;\n --frey-color-surface-subtle-hover: #e9e9e9;\n --frey-color-text-primary: var(--frey-palette-gray-900);\n --frey-color-text-secondary: var(--frey-palette-gray-500);\n --frey-color-border: var(--frey-palette-gray-300);\n --frey-color-border-muted: var(--frey-palette-gray-400);\n\n /* Component Tokens */\n --frey-switch-track-inactive: var(--frey-palette-purple-200);\n --frey-switch-track-active: var(--frey-palette-purple-600);\n --frey-switch-thumb: var(--frey-palette-white);\n --frey-focus-ring: var(--frey-palette-purple-600);\n --frey-shadow-thumb: 0 0 20px rgb(0 0 0 / 40%);\n\n /* Button */\n --frey-button-primary-bg: var(--frey-palette-purple-600);\n --frey-button-primary-hover: var(--frey-palette-purple-700);\n --frey-button-primary-text: var(--frey-palette-white);\n --frey-button-secondary-border: var(--frey-palette-purple-600);\n --frey-button-secondary-text: var(--frey-palette-purple-600);\n --frey-button-secondary-hover-bg: var(--frey-palette-purple-100);\n --frey-button-ghost-text: var(--frey-palette-purple-600);\n --frey-button-ghost-hover-bg: var(--frey-palette-purple-100);\n --frey-button-destructive-bg: var(--frey-palette-red-600);\n --frey-button-destructive-hover: var(--frey-palette-red-700);\n --frey-button-destructive-text: var(--frey-palette-white);\n\n /* Feedback */\n --frey-color-error: var(--frey-palette-red-600);\n --frey-color-error-bg: var(--frey-palette-red-50);\n --frey-color-error-border: var(--frey-palette-red-300);\n --frey-color-success: var(--frey-palette-green-600);\n --frey-color-success-bg: var(--frey-palette-green-50);\n --frey-color-success-border: var(--frey-palette-green-300);\n --frey-color-warning: var(--frey-palette-yellow-600);\n --frey-color-warning-bg: var(--frey-palette-yellow-50);\n --frey-color-warning-border: var(--frey-palette-yellow-300);\n --frey-color-info: var(--frey-palette-blue-600);\n --frey-color-info-bg: var(--frey-palette-blue-50);\n --frey-color-info-border: var(--frey-palette-blue-300);\n\n /* Checkbox */\n --frey-checkbox-border: var(--frey-palette-gray-400);\n --frey-checkbox-checked-bg: var(--frey-palette-purple-600);\n --frey-checkbox-checked-border: var(--frey-palette-purple-600);\n --frey-checkbox-check-color: var(--frey-palette-white);\n\n /* Skeleton */\n --frey-skeleton-base: var(--frey-palette-gray-200);\n --frey-skeleton-highlight: var(--frey-palette-gray-100);\n}\n\n.frey-theme-provider[data-frey-theme='dark'],\n[data-frey-theme='dark'],\n[data-theme='dark'] {\n /* Semantic Tokens - Dark */\n --frey-color-surface: var(--frey-palette-gray-800);\n --frey-color-surface-subtle: var(--frey-palette-gray-700);\n --frey-color-surface-subtle-hover: var(--frey-palette-gray-600);\n --frey-color-text-primary: var(--frey-palette-gray-50);\n --frey-color-text-secondary: var(--frey-palette-gray-400);\n --frey-color-border: var(--frey-palette-gray-600);\n --frey-color-border-muted: var(--frey-palette-gray-500);\n\n /* Component Tokens */\n --frey-switch-track-inactive: #4c1d95; /* purple-900 mostly */\n --frey-switch-track-active: var(--frey-palette-purple-500);\n --frey-switch-thumb: var(--frey-palette-gray-50);\n --frey-focus-ring: var(--frey-palette-purple-500);\n\n /* Button */\n --frey-button-primary-bg: var(--frey-palette-purple-500);\n --frey-button-primary-hover: var(--frey-palette-purple-600);\n --frey-button-primary-text: var(--frey-palette-white);\n --frey-button-secondary-border: var(--frey-palette-purple-500);\n --frey-button-secondary-text: var(--frey-palette-purple-500);\n --frey-button-secondary-hover-bg: #3b0764; /* deep purple bg */\n --frey-button-ghost-text: var(--frey-palette-purple-500);\n --frey-button-ghost-hover-bg: #3b0764;\n --frey-button-destructive-bg: var(--frey-palette-red-500);\n --frey-button-destructive-hover: var(--frey-palette-red-600);\n --frey-button-destructive-text: var(--frey-palette-white);\n\n /* Feedback */\n --frey-color-error: var(--frey-palette-red-400);\n --frey-color-error-bg: #450a0a;\n --frey-color-error-border: #991b1b;\n --frey-color-success: var(--frey-palette-green-400);\n --frey-color-success-bg: #052e16;\n --frey-color-success-border: #166534;\n --frey-color-warning: var(--frey-palette-yellow-400);\n --frey-color-warning-bg: #451a03;\n --frey-color-warning-border: #92400e;\n --frey-color-info: var(--frey-palette-blue-400);\n --frey-color-info-bg: #172554;\n --frey-color-info-border: #1e40af;\n\n /* Checkbox */\n --frey-checkbox-border: var(--frey-palette-gray-500);\n --frey-checkbox-checked-bg: var(--frey-palette-purple-500);\n --frey-checkbox-checked-border: var(--frey-palette-purple-500);\n --frey-checkbox-check-color: var(--frey-palette-white);\n\n /* Skeleton */\n --frey-skeleton-base: var(--frey-palette-gray-700);\n --frey-skeleton-highlight: var(--frey-palette-gray-600);\n}\n\n/* HIGH CONTRAST MODE */\n\n/* Light - High Contrast overrides */\n.frey-theme-provider[data-frey-theme='light'][data-frey-high-contrast='true'],\n[data-frey-theme='light'][data-frey-high-contrast='true'] {\n --frey-color-text-primary: var(--frey-palette-black);\n --frey-color-text-secondary: var(--frey-palette-gray-900);\n --frey-color-border: var(--frey-palette-gray-500);\n --frey-color-border-muted: var(--frey-palette-gray-600);\n\n --frey-button-primary-bg: var(--frey-palette-purple-800);\n --frey-button-primary-hover: var(--frey-palette-purple-900);\n --frey-button-secondary-border: var(--frey-palette-purple-800);\n --frey-button-secondary-text: var(--frey-palette-purple-800);\n --frey-button-ghost-text: var(--frey-palette-purple-800);\n\n --frey-color-error: var(--frey-palette-red-700);\n --frey-color-success: var(--frey-palette-green-800);\n --frey-color-warning: #b45309; /* darker yellow/amber */\n --frey-color-info: var(--frey-palette-blue-800);\n}\n\n/* Dark - High Contrast overrides */\n.frey-theme-provider[data-frey-theme='dark'][data-frey-high-contrast='true'],\n[data-frey-theme='dark'][data-frey-high-contrast='true'] {\n --frey-color-surface: var(--frey-palette-black);\n --frey-color-surface-subtle: var(--frey-palette-gray-900);\n --frey-color-text-primary: var(--frey-palette-white);\n --frey-color-text-secondary: var(--frey-palette-gray-200);\n --frey-color-border: var(--frey-palette-gray-400);\n --frey-color-border-muted: var(--frey-palette-gray-300);\n\n --frey-button-primary-bg: var(--frey-palette-purple-400);\n --frey-button-primary-hover: var(--frey-palette-purple-300);\n --frey-button-secondary-border: var(--frey-palette-purple-300);\n --frey-button-secondary-text: var(--frey-palette-purple-300);\n --frey-button-ghost-text: var(--frey-palette-purple-300);\n\n --frey-color-error: var(--frey-palette-red-300);\n --frey-color-success: var(--frey-palette-green-300);\n --frey-color-warning: var(--frey-palette-yellow-300);\n --frey-color-info: var(--frey-palette-blue-300);\n}\n",".icon_svg {\n display: inline-block;\n vertical-align: middle;\n flex-shrink: 0;\n}\n",".alert {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 0.75rem 1rem;\n border-radius: 0.375rem;\n border: 1px solid;\n font-size: 0.875rem;\n line-height: 1.5;\n}\n\n/* Variants */\n.alert-error {\n color: var(--frey-color-error);\n background-color: var(--frey-color-error-bg);\n border-color: var(--frey-color-error-border);\n}\n\n.alert-success {\n color: var(--frey-color-success);\n background-color: var(--frey-color-success-bg);\n border-color: var(--frey-color-success-border);\n}\n\n.alert-warning {\n color: var(--frey-color-warning);\n background-color: var(--frey-color-warning-bg);\n border-color: var(--frey-color-warning-border);\n}\n\n.alert-info {\n color: var(--frey-color-info);\n background-color: var(--frey-color-info-bg);\n border-color: var(--frey-color-info-border);\n}\n\n.alert-icon {\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.3125rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.alert_icon_svg {\n width: 1.25rem;\n height: 1.25rem;\n}\n\n.alert-content {\n flex: 1;\n min-width: 0;\n}\n\n.alert-title {\n font-weight: 600;\n margin: 0 0 0.25rem;\n}\n\n.alert-message {\n margin: 0;\n}\n",".button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.5;\n border-radius: 0.375rem;\n border: none;\n cursor: pointer;\n text-decoration: none;\n transition:\n background-color 0.2s,\n color 0.2s,\n border-color 0.2s,\n opacity 0.2s;\n user-select: none;\n white-space: nowrap;\n box-sizing: border-box;\n}\n\n.button:focus-visible {\n outline: 2px solid var(--frey-focus-ring);\n outline-offset: 2px;\n}\n\n/* Sizes */\n.button-sm {\n padding: 0.25rem 0.75rem;\n font-size: 0.8125rem;\n}\n\n.button-md {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n}\n\n.button-lg {\n padding: 0.625rem 1.25rem;\n font-size: 1rem;\n}\n\n/* Primary */\n.button-primary {\n background-color: var(--frey-button-primary-bg);\n color: var(--frey-button-primary-text);\n}\n\n.button-primary:hover:not(:disabled) {\n background-color: var(--frey-button-primary-hover);\n}\n\n/* Secondary */\n.button-secondary {\n background-color: transparent;\n color: var(--frey-button-secondary-text);\n border: 1px solid var(--frey-button-secondary-border);\n}\n\n.button-secondary:hover:not(:disabled) {\n background-color: var(--frey-button-secondary-hover-bg);\n}\n\n/* Ghost */\n.button-ghost {\n background-color: transparent;\n color: var(--frey-button-ghost-text);\n}\n\n.button-ghost:hover:not(:disabled) {\n background-color: var(--frey-button-ghost-hover-bg);\n}\n\n/* Destructive */\n.button-destructive {\n background-color: var(--frey-button-destructive-bg);\n color: var(--frey-button-destructive-text);\n}\n\n.button-destructive:hover:not(:disabled) {\n background-color: var(--frey-button-destructive-hover);\n}\n\n/* Disabled */\n.button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* Loading */\n.button-loading {\n pointer-events: none;\n opacity: 0.7;\n}\n\n.spinner {\n display: inline-block;\n width: 1em;\n height: 1em;\n border: 2px solid currentcolor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n",".checkbox-container {\n display: inline-flex;\n align-items: flex-start;\n gap: 0.5rem;\n}\n\n.checkbox {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--checkbox-size);\n height: var(--checkbox-size);\n}\n\n.checkbox-sm {\n --checkbox-size: 1rem;\n}\n\n.checkbox-md {\n --checkbox-size: 1.25rem;\n}\n\n.checkbox-lg {\n --checkbox-size: 1.5rem;\n}\n\n.checkbox input {\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n.checkbox-box {\n position: absolute;\n inset: 0;\n border: 2px solid var(--frey-checkbox-border);\n border-radius: 0.1875rem;\n background-color: var(--frey-color-surface);\n transition:\n background-color 0.2s,\n border-color 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.checkbox-disabled input {\n cursor: not-allowed;\n}\n\n.checkbox-disabled .checkbox-box {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.checkbox input:checked + .checkbox-box {\n background-color: var(--frey-checkbox-checked-bg);\n border-color: var(--frey-checkbox-checked-border);\n}\n\n.checkbox input:indeterminate + .checkbox-box {\n background-color: var(--frey-checkbox-checked-bg);\n border-color: var(--frey-checkbox-checked-border);\n}\n\n.checkbox input:focus-visible + .checkbox-box {\n outline: 2px solid var(--frey-focus-ring);\n outline-offset: 2px;\n}\n\n.check-icon {\n position: absolute;\n inset: 0;\n margin: auto;\n width: 70%;\n height: 70%;\n color: var(--frey-checkbox-check-color);\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.checkbox input:checked + .checkbox-box .check-icon {\n opacity: 1;\n}\n\n.indeterminate-icon {\n position: absolute;\n inset: 0;\n margin: auto;\n width: 60%;\n height: 60%;\n color: var(--frey-checkbox-check-color);\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.checkbox input:indeterminate + .checkbox-box .indeterminate-icon {\n opacity: 1;\n}\n\n.checkbox input:checked + .checkbox-box .indeterminate-icon {\n opacity: 0;\n}\n\n.label {\n font-size: 0.875rem;\n cursor: pointer;\n user-select: none;\n color: var(--frey-color-text-primary);\n padding-top: 0.0625rem;\n}\n\n.checkbox-disabled + .label {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".chip-outlined {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: auto;\n border-radius: 1rem;\n background-color: var(--frey-color-surface);\n color: var(--frey-color-text-primary);\n font-size: 0.875rem;\n font-weight: 500;\n border: 1px solid var(--frey-color-border-muted);\n cursor: default;\n transition: background-color 0.3s;\n}\n\n.chip-default {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.5rem 0.75rem;\n margin: auto;\n border-radius: 1rem;\n background-color: var(--frey-color-surface-subtle);\n color: var(--frey-color-text-primary);\n font-size: 0.875rem;\n font-weight: 500;\n border: none;\n cursor: default;\n transition: background-color 0.3s;\n}\n\n.chip-default-clickable:hover {\n cursor: pointer;\n background-color: var(--frey-color-surface-subtle-hover);\n}\n\n.chip-outlined-clickable:hover {\n cursor: pointer;\n background-color: var(--frey-color-surface-subtle);\n}\n\n.chip-default-clickable:focus-visible,\n.chip-outlined-clickable:focus-visible {\n outline: 2px solid var(--frey-focus-ring, #6366f1);\n outline-offset: 2px;\n}\n\n.chip-text {\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n",".dialog_root {\n margin: 0;\n padding: 0;\n border: 0;\n width: 100vw;\n max-width: none;\n height: 100vh;\n max-height: none;\n position: fixed;\n inset: 0;\n background: transparent;\n display: grid;\n place-items: center;\n opacity: 0;\n transition:\n opacity 0.22s ease,\n overlay 0.22s ease allow-discrete,\n display 0.22s ease allow-discrete;\n}\n\n.dialog_root:focus {\n outline: none;\n}\n\n.dialog_root:open,\n.dialog_root[open] {\n opacity: 1;\n}\n\n@starting-style {\n .dialog_root:open,\n .dialog_root[open] {\n opacity: 0;\n }\n}\n\n.dialog_root::backdrop {\n background-color: transparent;\n transition:\n background-color 0.22s ease,\n overlay 0.22s ease allow-discrete,\n display 0.22s ease allow-discrete;\n}\n\n.dialog_root:open::backdrop,\n.dialog_root[open]::backdrop {\n background-color: rgb(15 23 42 / 48%);\n}\n\n@starting-style {\n .dialog_root:open::backdrop,\n .dialog_root[open]::backdrop {\n background-color: transparent;\n }\n}\n\n.dialog_content {\n position: relative;\n width: min(32rem, calc(100vw - 2rem));\n max-height: calc(100vh - 2rem);\n overflow: auto;\n border-radius: 0.75rem;\n border: 1px solid var(--frey-color-border, #d1d5db);\n background-color: var(--frey-color-surface, #fff);\n color: var(--frey-color-text-primary, #111827);\n box-shadow: 0 20px 40px rgb(0 0 0 / 28%);\n padding: 1rem;\n opacity: 0;\n transform: translateY(0.75rem) scale(0.98);\n transition:\n opacity 0.22s ease,\n transform 0.22s ease;\n}\n\n.dialog_root:open .dialog_content,\n.dialog_root[open] .dialog_content {\n opacity: 1;\n transform: translateY(0) scale(1);\n}\n\n@starting-style {\n .dialog_root:open .dialog_content,\n .dialog_root[open] .dialog_content {\n opacity: 0;\n transform: translateY(0.75rem) scale(0.98);\n }\n}\n\n.dialog_header {\n display: flex;\n align-items: start;\n justify-content: space-between;\n gap: 0.75rem;\n}\n\n.dialog_title {\n margin: 0;\n font-size: 1.125rem;\n line-height: 1.4;\n}\n\n.dialog_close {\n border: 1px solid var(--frey-color-border, #d1d5db);\n background: var(--frey-color-surface-subtle, #f1f1f1);\n color: var(--frey-color-text-primary, #111827);\n border-radius: 0.375rem;\n width: 2rem;\n height: 2rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n padding: 0;\n transition:\n border-color 0.2s,\n box-shadow 0.2s,\n background-color 0.2s;\n}\n\n.dialog_close:hover {\n background: var(--frey-color-surface-subtle-hover, #e9e9e9);\n}\n\n.dialog_close:focus-visible {\n outline: none;\n border-color: var(--frey-focus-ring);\n box-shadow: 0 0 0 2px var(--frey-focus-ring);\n}\n\n.dialog_close_icon {\n display: block;\n}\n\n.dialog_description {\n margin: 0.5rem 0 0;\n color: var(--frey-color-text-secondary, #6b7280);\n font-size: 0.875rem;\n}\n\n.dialog_body {\n margin-top: 0.875rem;\n}\n",".dropdown_menu {\n position: fixed;\n z-index: 55;\n min-width: 12rem;\n margin: 0;\n padding: 0.25rem;\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.625rem;\n background-color: var(--frey-color-surface, #fff);\n box-shadow: 0 14px 28px rgb(17 24 39 / 18%);\n list-style: none;\n animation: dropdown_in 0.16s ease;\n}\n\n.dropdown_menu_item_container {\n list-style: none;\n}\n\n.dropdown_menu_item {\n width: 100%;\n border: 0;\n background: transparent;\n color: var(--frey-color-text-primary, #111827);\n border-radius: 0.5rem;\n text-align: left;\n font-size: 0.875rem;\n line-height: 1.25;\n padding: 0.5rem 0.625rem;\n cursor: pointer;\n transition: background-color 0.16s ease;\n}\n\n.dropdown_menu_item:hover {\n background: var(--frey-color-surface-subtle, #f3f4f6);\n}\n\n.dropdown_menu_item:focus-visible {\n outline: 2px solid var(--frey-focus-ring, #3b82f6);\n outline-offset: 1px;\n}\n\n.dropdown_menu_item:disabled {\n color: var(--frey-color-text-muted, #9ca3af);\n cursor: not-allowed;\n}\n\n.dropdown_menu_item_destructive {\n color: var(--frey-color-error, #b91c1c);\n}\n\n@keyframes dropdown_in {\n from {\n opacity: 0;\n transform: translateY(-4px) scale(0.98);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n",".field_container {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.field_label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--frey-color-text-primary);\n user-select: none;\n}\n\nlabel.field_label {\n cursor: pointer;\n}\n\n.field_label_disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.required_indicator {\n color: var(--frey-color-error, #dc2626);\n margin-left: 0.125rem;\n}\n\n.helper_text {\n font-size: 0.75rem;\n color: var(--frey-color-text-secondary, #6b7280);\n margin: 0;\n}\n\n.error_text {\n font-size: 0.75rem;\n color: var(--frey-color-error, #dc2626);\n margin: 0;\n}\n\n.visually_hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".popover_content {\n position: fixed;\n z-index: 50;\n min-width: 12rem;\n max-width: min(24rem, calc(100vw - 1rem));\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.625rem;\n background-color: var(--frey-color-surface, #fff);\n color: var(--frey-color-text-primary, #111827);\n box-shadow: 0 14px 28px rgb(17 24 39 / 18%);\n padding: 0.75rem;\n animation: popover_in 0.16s ease;\n}\n\n@keyframes popover_in {\n from {\n opacity: 0;\n transform: translateY(-4px) scale(0.98);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n",".progress_root {\n display: grid;\n gap: 0.5rem;\n width: 100%;\n}\n\n.progress_header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 0.5rem;\n font-size: 0.8125rem;\n color: var(--frey-color-text-secondary, #6b7280);\n}\n\n.progress_label,\n.progress_value {\n line-height: 1.2;\n}\n\n.progress_track_wrapper {\n width: 100%;\n}\n\n.progress_track {\n width: 100%;\n margin: 0;\n border: 0;\n border-radius: 9999px;\n appearance: none;\n background: var(--frey-color-border-subtle, #e5e7eb);\n overflow: hidden;\n}\n\n.progress_track::-webkit-progress-bar {\n background: var(--frey-color-border-subtle, #e5e7eb);\n border-radius: 9999px;\n}\n\n.progress_track::-webkit-progress-value {\n background: var(--frey-color-primary, #3b82f6);\n border-radius: 9999px;\n transition: width 0.24s ease;\n}\n\n.progress_track::-moz-progress-bar {\n background: var(--frey-color-primary, #3b82f6);\n border-radius: 9999px;\n transition: width 0.24s ease;\n}\n\n.progress_sm .progress_track {\n height: 0.375rem;\n}\n\n.progress_md .progress_track {\n height: 0.5rem;\n}\n\n.progress_lg .progress_track {\n height: 0.75rem;\n}\n\n.progress_track_indeterminate {\n position: relative;\n}\n\n.progress_track_indeterminate::before {\n content: '';\n position: absolute;\n inset: 0;\n width: 35%;\n border-radius: inherit;\n background: var(--frey-color-primary, #3b82f6);\n animation: indeterminate_slide 1.1s ease-in-out infinite;\n}\n\n@keyframes indeterminate_slide {\n from {\n transform: translateX(-120%);\n }\n\n to {\n transform: translateX(320%);\n }\n}\n",".radio_group {\n display: flex;\n gap: 0.625rem;\n}\n\n.radio_group_vertical {\n flex-direction: column;\n}\n\n.radio_group_horizontal {\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.radio_group_disabled {\n opacity: 0.7;\n}\n\n.radio_option {\n display: inline-flex;\n gap: 0.5rem;\n align-items: flex-start;\n cursor: pointer;\n user-select: none;\n}\n\n.radio_option_disabled {\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.radio_input {\n margin: 0;\n width: 1rem;\n height: 1rem;\n accent-color: var(--frey-focus-ring, #9333ea);\n transform: translateY(0.125rem);\n}\n\n.radio_input:focus-visible {\n outline: 2px solid var(--frey-focus-ring, #9333ea);\n outline-offset: 2px;\n}\n\n.radio_text_content {\n display: inline-flex;\n flex-direction: column;\n gap: 0.125rem;\n}\n\n.radio_label {\n font-size: 0.875rem;\n color: var(--frey-color-text-primary);\n}\n\n.radio_description {\n font-size: 0.75rem;\n color: var(--frey-color-text-secondary, #6b7280);\n}\n",".select_wrapper {\n position: relative;\n width: 100%;\n}\n\n.select {\n width: 100%;\n color: var(--frey-color-text-primary);\n background-color: var(--frey-color-surface);\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.375rem;\n outline: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n box-sizing: border-box;\n font-family: inherit;\n appearance: none;\n padding-right: 2.25rem;\n}\n\n.select:focus-visible {\n border-color: var(--frey-focus-ring);\n box-shadow: 0 0 0 2px var(--frey-focus-ring);\n}\n\n.select:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n}\n\n.select_error {\n border-color: var(--frey-color-error, #dc2626);\n}\n\n.select_error:focus-visible {\n border-color: var(--frey-color-error, #dc2626);\n box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);\n}\n\n.select_sm {\n min-height: 2rem;\n padding-block: 0.25rem;\n padding-inline: 0.5rem 2rem;\n font-size: 0.8125rem;\n}\n\n.select_md {\n min-height: 2.5rem;\n padding-block: 0.5rem;\n padding-inline: 0.75rem 2rem;\n font-size: 0.875rem;\n}\n\n.select_lg {\n min-height: 2.875rem;\n padding-block: 0.625rem;\n padding-inline: 0.875rem 2rem;\n font-size: 0.9375rem;\n}\n\n.select_multiple {\n min-height: 7rem;\n padding-right: 0.75rem;\n}\n\n.select_icon {\n position: absolute;\n top: 50%;\n right: 0.75rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: var(--frey-color-text-secondary, #6b7280);\n width: 1rem;\n height: 1rem;\n}\n",".skeleton {\n display: block;\n background: linear-gradient(\n 90deg,\n var(--frey-skeleton-base) 25%,\n var(--frey-skeleton-highlight) 50%,\n var(--frey-skeleton-base) 75%\n );\n background-size: 200% 100%;\n animation: pulse 1.5s ease-in-out infinite;\n}\n\n.skeleton-rectangle {\n border-radius: 0.25rem;\n}\n\n.skeleton-circle {\n border-radius: 50%;\n}\n\n@keyframes pulse {\n 0% {\n background-position: 200% 0;\n }\n\n 100% {\n background-position: -200% 0;\n }\n}\n",".spinner_root {\n --spinner-size: 18px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spinner-size);\n height: var(--spinner-size);\n}\n\n.spinner_circle {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 2px solid var(--frey-color-border, #d1d5db);\n border-top-color: var(--frey-color-primary, #3b82f6);\n animation: spinner_rotate 0.75s linear infinite;\n}\n\n.visually_hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n\n@keyframes spinner_rotate {\n to {\n transform: rotate(360deg);\n }\n}\n",".switch-container {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n}\n\n.switch {\n position: relative;\n display: inline-block;\n flex-shrink: 0;\n width: var(--switch-width);\n height: var(--switch-height);\n}\n\n.switch-sm {\n font-size: 14px;\n\n --switch-width: 2.8em;\n --switch-height: 1.6em;\n --thumb-size: 1.1em;\n --thumb-padding: 0.25em;\n}\n\n.switch-md {\n font-size: 17px;\n\n --switch-width: 3.5em;\n --switch-height: 2em;\n --thumb-size: 1.4em;\n --thumb-padding: 0.3em;\n}\n\n.switch-lg {\n font-size: 20px;\n\n --switch-width: 4em;\n --switch-height: 2.2em;\n --thumb-size: 1.6em;\n --thumb-padding: 0.3em;\n}\n\n.switch input {\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n z-index: 1;\n cursor: pointer;\n margin: 0;\n}\n\n.slider {\n position: absolute;\n cursor: pointer;\n inset: 0;\n background: var(--switch-track-inactive, var(--frey-switch-track-inactive));\n border-radius: 50px;\n transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.slider::before {\n position: absolute;\n content: '';\n height: var(--thumb-size);\n width: var(--thumb-size);\n left: var(--thumb-padding);\n top: 50%;\n transform: translateY(-50%);\n background-color: var(--switch-thumb, var(--frey-switch-thumb));\n border-radius: 50px;\n box-shadow: var(--frey-shadow-thumb);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.switch-disabled .slider {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.switch-disabled input {\n cursor: not-allowed;\n}\n\n.switch input:checked + .slider {\n background: var(--switch-track-active, var(--frey-switch-track-active));\n}\n\n.switch input:focus-visible + .slider {\n outline: 2px solid var(--switch-focus-ring, var(--frey-focus-ring));\n outline-offset: 2px;\n}\n\n.switch input:checked + .slider::before {\n left: calc(var(--switch-width) - var(--thumb-size) - var(--thumb-padding));\n transform: translateY(-50%);\n}\n\n.switch-disabled {\n cursor: not-allowed;\n}\n\n.label {\n cursor: pointer;\n user-select: none;\n}\n\n.switch-disabled + .label {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".textarea {\n width: 100%;\n min-height: 6rem;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: var(--frey-color-text-primary);\n background-color: var(--frey-color-surface);\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.375rem;\n outline: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n box-sizing: border-box;\n font-family: inherit;\n}\n\n.textarea::placeholder {\n color: var(--frey-color-text-secondary, #6b7280);\n}\n\n.textarea:focus-visible {\n border-color: var(--frey-focus-ring);\n box-shadow: 0 0 0 2px var(--frey-focus-ring);\n}\n\n.textarea_error {\n border-color: var(--frey-color-error, #dc2626);\n}\n\n.textarea_error:focus-visible {\n border-color: var(--frey-color-error, #dc2626);\n box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);\n}\n\n.textarea:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n}\n\n.textarea:read-only {\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n cursor: default;\n}\n\n.resize_none {\n resize: none;\n}\n\n.resize_vertical {\n resize: vertical;\n}\n\n.resize_horizontal {\n resize: horizontal;\n}\n\n.resize_both {\n resize: both;\n}\n",".text-input-container {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.label {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--frey-color-text-primary);\n cursor: pointer;\n user-select: none;\n}\n\n.label-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.input {\n width: 100%;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: var(--frey-color-text-primary);\n background-color: var(--frey-color-surface);\n border: 1px solid var(--frey-color-border, #d1d5db);\n border-radius: 0.375rem;\n outline: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n box-sizing: border-box;\n}\n\n.input::placeholder {\n color: var(--frey-color-text-secondary, #6b7280);\n}\n\n.input:focus-visible {\n border-color: var(--frey-focus-ring);\n box-shadow: 0 0 0 2px var(--frey-focus-ring);\n}\n\n.input-error {\n border-color: var(--frey-color-error, #dc2626);\n}\n\n.input-error:focus-visible {\n border-color: var(--frey-color-error, #dc2626);\n box-shadow: 0 0 0 2px var(--frey-color-error, #dc2626);\n}\n\n.input:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n}\n\n.input:read-only {\n background-color: var(--frey-color-surface-subtle, #f1f1f1);\n cursor: default;\n}\n\n.input:read-only:focus-visible {\n border-color: var(--frey-color-border, #d1d5db);\n box-shadow: none;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: var(--frey-color-text-secondary, #6b7280);\n margin: 0;\n}\n\n.error-text {\n font-size: 0.75rem;\n color: var(--frey-color-error, #dc2626);\n margin: 0;\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n",".frey-theme-provider {\n color: var(--frey-color-text-primary);\n}\n",".toast_viewport {\n position: fixed;\n z-index: 70;\n pointer-events: none;\n}\n\n.toast_list {\n display: grid;\n gap: 0.625rem;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.toast_viewport_top_right {\n top: 1rem;\n right: 1rem;\n}\n\n.toast_viewport_top_left {\n top: 1rem;\n left: 1rem;\n}\n\n.toast_viewport_bottom_right {\n bottom: 1rem;\n right: 1rem;\n}\n\n.toast_viewport_bottom_left {\n bottom: 1rem;\n left: 1rem;\n}\n\n.toast_list_item {\n pointer-events: auto;\n}\n\n.toast {\n width: min(24rem, calc(100vw - 2rem));\n display: grid;\n grid-template-columns: auto 1fr auto auto;\n align-items: start;\n gap: 0.625rem;\n border-radius: 0.75rem;\n border: 1px solid var(--frey-color-border, #d1d5db);\n background: var(--frey-color-surface, #fff);\n color: var(--frey-color-text-primary, #111827);\n box-shadow: 0 12px 24px rgb(15 23 42 / 16%);\n padding: 0.75rem;\n animation: toast_in 0.2s ease;\n}\n\n.toast_info {\n border-color: var(--frey-color-info-border, #93c5fd);\n}\n\n.toast_success {\n border-color: var(--frey-color-success-border, #86efac);\n}\n\n.toast_warning {\n border-color: var(--frey-color-warning-border, #fcd34d);\n}\n\n.toast_error {\n border-color: var(--frey-color-error-border, #fca5a5);\n}\n\n.toast_icon {\n width: 1.25rem;\n height: 1.25rem;\n margin-top: 0.125rem;\n}\n\n.toast_icon_svg {\n width: 100%;\n height: 100%;\n}\n\n.toast_body {\n min-width: 0;\n display: grid;\n gap: 0.2rem;\n}\n\n.toast_title {\n font-size: 0.875rem;\n line-height: 1.35;\n}\n\n.toast_description {\n margin: 0;\n font-size: 0.8125rem;\n line-height: 1.45;\n color: var(--frey-color-text-secondary, #4b5563);\n}\n\n.toast_action,\n.toast_close {\n border: 1px solid transparent;\n background: transparent;\n color: inherit;\n cursor: pointer;\n border-radius: 0.5rem;\n transition:\n background-color 0.16s ease,\n border-color 0.16s ease;\n}\n\n.toast_action {\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--frey-color-primary, #2563eb);\n padding: 0.25rem 0.5rem;\n align-self: center;\n}\n\n.toast_action:hover,\n.toast_close:hover {\n background-color: var(--frey-color-surface-subtle, #f3f4f6);\n}\n\n.toast_action:focus-visible,\n.toast_close:focus-visible {\n outline: none;\n border-color: var(--frey-focus-ring, #3b82f6);\n box-shadow: 0 0 0 2px\n color-mix(in srgb, var(--frey-focus-ring, #3b82f6), transparent 55%);\n}\n\n.toast_close {\n width: 1.75rem;\n height: 1.75rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n@keyframes toast_in {\n from {\n opacity: 0;\n transform: translateY(-6px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n",".tooltip {\n position: fixed;\n z-index: 60;\n pointer-events: none;\n max-width: min(18rem, calc(100vw - 1rem));\n padding: 0.4rem 0.625rem;\n border-radius: 0.5rem;\n font-size: 0.75rem;\n line-height: 1.4;\n color: var(--frey-color-surface, #fff);\n background: var(--frey-color-text-primary, #111827);\n box-shadow: 0 8px 18px rgb(17 24 39 / 22%);\n animation: tooltip_in 0.12s ease;\n}\n\n@keyframes tooltip_in {\n from {\n opacity: 0;\n transform: translateY(-3px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n"]}
|