@jeromefitz/design-system 4.1.7 → 4.2.1
Sign up to get free protection for your applications and to get access to all the features.
- package/{AlertDialog-ee362b59.d.ts → AlertDialog-efc39ae4.d.ts} +3 -2
- package/Announce-b311c213.d.ts +7 -0
- package/{Avatar-840f24ab.d.ts → Avatar-df0b8f4a.d.ts} +1 -1
- package/{ButtonDemo-a5d1e7b7.d.ts → ButtonDemo-adaa2802.d.ts} +1 -1
- package/{Callout-a91a41d8.d.ts → Callout-c978a8d7.d.ts} +2 -1
- package/Caption-ae1e8b29.d.ts +7 -0
- package/{Carousel-f81083b2.d.ts → Carousel-f62f305d.d.ts} +6 -5
- package/{Checkbox-0e4d444d.d.ts → Checkbox-2943787d.d.ts} +1 -1
- package/{CommandMenu-bb0d6311.d.ts → CommandMenu-1ae9466e.d.ts} +3 -2
- package/{ContextMenu-7ae22435.d.ts → ContextMenu-6f333c0e.d.ts} +2 -2
- package/{Dialog-12f5f63b.d.ts → Dialog-761861ae.d.ts} +2 -1
- package/{DropdownMenu-4c8b0fa0.d.ts → DropdownMenu-131b231b.d.ts} +2 -2
- package/{EmojiParser-36ff1262.d.ts → EmojiParser-e7bab872.d.ts} +4 -2
- package/{FocusArea-63e74682.d.ts → FocusArea-4cc67786.d.ts} +2 -2
- package/{Heading-acb5c14a.d.ts → Heading-31acb2e9.d.ts} +1 -1
- package/Icon-55b276d7.d.ts +96 -0
- package/{Menu-0f6ade87.d.ts → Menu-b6f5de19.d.ts} +2 -2
- package/{NavigationMenu-51086c89.d.ts → NavigationMenu-6f7bd705.d.ts} +5 -4
- package/{Note-d2764283.d.ts → Note-afd77418.d.ts} +3 -1
- package/{PageHeading-c0cd9afd.d.ts → PageHeading-65c4ebd2.d.ts} +5 -4
- package/Paragraph-b27206a0.d.ts +6 -0
- package/Popover-576f9624.d.ts +19 -0
- package/{ProgressBar-1a395fe3.d.ts → ProgressBar-be6dbde1.d.ts} +1 -1
- package/{Radio-5b3425e5.d.ts → Radio-0fdc85b9.d.ts} +1 -1
- package/{RadioCard-9a968b1a.d.ts → RadioCard-b27e82fd.d.ts} +1 -1
- package/ScrollArea-956dd2c0.d.ts +8 -0
- package/{Sheet-9edd474c.d.ts → Sheet-9939339d.d.ts} +3 -2
- package/{Slider-5b835ecd.d.ts → Slider-f7c0b154.d.ts} +1 -1
- package/Spacer-b7b52ac3.d.ts +5 -0
- package/{Spotify-c2a68dcf.d.ts → Spotify-d4dcb0cd.d.ts} +3 -2
- package/SwitchIcon-adf6d080.d.ts +324 -0
- package/{Tabs.styles-0af0d84b.d.ts → Tabs.styles-2f3608bd.d.ts} +1 -1
- package/{Tooltip-0d809b6c.d.ts → Tooltip-23cab6fc.d.ts} +2 -1
- package/{VerifiedBadge-8a8364f4.d.ts → VerifiedBadge-a5c41f10.d.ts} +1 -1
- package/{VisuallyHidden-25ba8420.d.ts → VisuallyHidden-6c2e2863.d.ts} +3 -1
- package/{chunk-NKESCUYG.js → chunk-HHPJKV62.js} +1 -1
- package/{chunk-RCXJ7GAL.cjs → chunk-HJBRQUEJ.cjs} +1 -1
- package/{chunk-OY2QFZRK.cjs → chunk-JWDOSYPW.cjs} +1 -1
- package/{chunk-AMNSHTAK.js → chunk-MG4ODWI5.js} +1 -1
- package/{chunk-GECTKPJ2.cjs → chunk-NC6E4EWN.cjs} +1 -1
- package/{chunk-YHMKWVMP.js → chunk-YHVEIQLG.js} +1 -1
- package/components/AlertDialog/index.d.ts +2 -1
- package/components/Announce/index.d.ts +2 -1
- package/components/Avatar/index.cjs +1 -1
- package/components/Avatar/index.d.ts +1 -1
- package/components/Avatar/index.js +1 -1
- package/components/Button/index.cjs +1 -1
- package/components/Button/index.d.ts +1 -1
- package/components/Button/index.js +1 -1
- package/components/Callout/index.d.ts +2 -1
- package/components/Caption/index.cjs +1 -1
- package/components/Caption/index.d.ts +2 -1
- package/components/Caption/index.js +1 -1
- package/components/Carousel/index.cjs +1 -1
- package/components/Carousel/index.d.ts +2 -1
- package/components/Carousel/index.js +1 -1
- package/components/Checkbox/index.d.ts +1 -1
- package/components/CommandMenu/index.cjs +1 -1
- package/components/CommandMenu/index.d.ts +2 -1
- package/components/CommandMenu/index.js +1 -1
- package/components/ContextMenu/index.cjs +1 -1
- package/components/ContextMenu/index.d.ts +1 -1
- package/components/ContextMenu/index.js +1 -1
- package/components/Dialog/index.cjs +1 -1
- package/components/Dialog/index.d.ts +2 -1
- package/components/Dialog/index.js +1 -1
- package/components/DropdownMenu/index.cjs +1 -1
- package/components/DropdownMenu/index.d.ts +1 -1
- package/components/DropdownMenu/index.js +1 -1
- package/components/FocusArea/index.cjs +1 -1
- package/components/FocusArea/index.d.ts +1 -1
- package/components/FocusArea/index.js +1 -1
- package/components/Heading/index.d.ts +1 -1
- package/components/Icon/index.d.ts +2 -1
- package/components/Menu/index.cjs +1 -1
- package/components/Menu/index.d.ts +1 -1
- package/components/Menu/index.js +1 -1
- package/components/NavigationMenu/index.d.ts +2 -1
- package/components/Note/index.cjs +1 -1
- package/components/Note/index.d.ts +2 -1
- package/components/Note/index.js +1 -1
- package/components/PageHeading/index.cjs +1 -1
- package/components/PageHeading/index.d.ts +2 -1
- package/components/PageHeading/index.js +1 -1
- package/components/Paragraph/index.cjs +1 -1
- package/components/Paragraph/index.d.ts +1 -1
- package/components/Paragraph/index.js +1 -1
- package/components/Popover/index.cjs +1 -1
- package/components/Popover/index.d.ts +2 -1
- package/components/Popover/index.js +1 -1
- package/components/ProgressBar/index.d.ts +1 -1
- package/components/Radio/index.d.ts +1 -1
- package/components/RadioCard/index.d.ts +1 -1
- package/components/ScrollArea/index.cjs +1 -1
- package/components/ScrollArea/index.d.ts +2 -1
- package/components/ScrollArea/index.js +1 -1
- package/components/Sheet/index.d.ts +2 -1
- package/components/Slider/index.d.ts +1 -1
- package/components/Spacer/index.cjs +1 -1
- package/components/Spacer/index.d.ts +2 -1
- package/components/Spacer/index.js +1 -1
- package/components/Switch/index.cjs +1 -1
- package/components/Switch/index.d.ts +1 -1
- package/components/Switch/index.js +1 -1
- package/components/Tabs/index.cjs +1 -1
- package/components/Tabs/index.d.ts +1 -1
- package/components/Tabs/index.js +1 -1
- package/components/Toast/index.cjs +1 -1
- package/components/Toast/index.js +1 -1
- package/components/Tooltip/index.cjs +1 -1
- package/components/Tooltip/index.d.ts +2 -1
- package/components/Tooltip/index.js +1 -1
- package/components/VerifiedBadge/index.cjs +1 -1
- package/components/VerifiedBadge/index.d.ts +1 -1
- package/components/VerifiedBadge/index.js +1 -1
- package/components/VisuallyHidden/index.d.ts +2 -1
- package/components/index.cjs +1 -1
- package/components/index.d.ts +34 -33
- package/components/index.js +1 -1
- package/custom/Card/index.d.ts +2 -1
- package/custom/Emoji/index.cjs +1 -1
- package/custom/Emoji/index.d.ts +2 -1
- package/custom/Emoji/index.js +1 -1
- package/custom/Hero/index.cjs +1 -1
- package/custom/Hero/index.d.ts +6 -4
- package/custom/Hero/index.js +1 -1
- package/custom/index.cjs +1 -1
- package/custom/index.d.ts +3 -2
- package/custom/index.js +1 -1
- package/index.cjs +1 -1
- package/index.d.ts +40 -45
- package/index.js +1 -1
- package/package.json +88 -90
- package/Announce-94b08fcf.d.ts +0 -5
- package/Caption-5bdd1afc.d.ts +0 -5
- package/Icon-464faa80.d.ts +0 -95
- package/Paragraph-5fda2152.d.ts +0 -6
- package/Popover-ef09b48e.d.ts +0 -18
- package/ScrollArea-14b2feb8.d.ts +0 -6
- package/Spacer-94122963.d.ts +0 -3
- package/SwitchIcon-bad5e1f8.d.ts +0 -324
@@ -559,6 +559,6 @@ declare type RadioProps = RadioGroupItemPrimitiveProps & RadioVariants & {
|
|
559
559
|
css?: CSS;
|
560
560
|
};
|
561
561
|
|
562
|
-
declare const Radio: react.ForwardRefExoticComponent<
|
562
|
+
declare const Radio: react.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
563
563
|
|
564
564
|
export { Radio as R, RadioGroup as a };
|
@@ -257,6 +257,6 @@ declare type RadioCardProps = RadioGroupItemPrimitiveProps & {
|
|
257
257
|
css?: CSS;
|
258
258
|
};
|
259
259
|
|
260
|
-
declare const RadioCard: react.ForwardRefExoticComponent<
|
260
|
+
declare const RadioCard: react.ForwardRefExoticComponent<Omit<RadioCardProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
261
261
|
|
262
262
|
export { RadioCard as R, RadioCardGroup as a };
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import * as react from 'react';
|
2
2
|
import { ComponentProps } from 'react';
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
3
4
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
4
5
|
import { CSS } from './lib/stitches.config.js';
|
5
6
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
@@ -798,11 +799,11 @@ declare type SheetContentProps = DialogContentPrimitiveProps & SheetContentVaria
|
|
798
799
|
css?: CSS;
|
799
800
|
};
|
800
801
|
|
801
|
-
declare function Sheet({ children, ...props }: SheetProps): JSX.Element;
|
802
|
+
declare function Sheet({ children, ...props }: SheetProps): react_jsx_runtime.JSX.Element;
|
802
803
|
interface SheetContentPropsExtended extends SheetContentProps {
|
803
804
|
handleIsSheetOpen: (k: boolean) => void;
|
804
805
|
}
|
805
|
-
declare const SheetContent: react.ForwardRefExoticComponent<
|
806
|
+
declare const SheetContent: react.ForwardRefExoticComponent<Omit<SheetContentPropsExtended, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
806
807
|
declare const SheetClose: react.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
|
807
808
|
declare const SheetDescription: react.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
|
808
809
|
declare const SheetPortal: react.FC<DialogPrimitive.DialogPortalProps>;
|
@@ -255,6 +255,6 @@ declare type SliderPrimitiveProps = ComponentProps<typeof SliderPrimitive.Root>;
|
|
255
255
|
declare type SliderProps = SliderPrimitiveProps & {
|
256
256
|
css?: CSS;
|
257
257
|
};
|
258
|
-
declare const Slider: react.ForwardRefExoticComponent<
|
258
|
+
declare const Slider: react.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;
|
259
259
|
|
260
260
|
export { StyledSlider as S, Slider as a };
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
2
2
|
import * as _stitches_react_types_config from '@stitches/react/types/config';
|
3
3
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
4
5
|
|
5
6
|
declare const css_card: {
|
6
7
|
backgroundColor: string;
|
@@ -3757,9 +3758,9 @@ declare const CardSpotify: ({ base64, children, image, imageLabel, slug, }: {
|
|
3757
3758
|
image: any;
|
3758
3759
|
imageLabel?: string;
|
3759
3760
|
slug: any;
|
3760
|
-
}) => JSX.Element;
|
3761
|
+
}) => react_jsx_runtime.JSX.Element;
|
3761
3762
|
declare const CardOuter: ({ children }: {
|
3762
3763
|
children: any;
|
3763
|
-
}) => JSX.Element;
|
3764
|
+
}) => react_jsx_runtime.JSX.Element;
|
3764
3765
|
|
3765
3766
|
export { Card as C, ImageBlur as I, CardContent as a, CardImage as b, css_card as c, CardImageContainer as d, CardLink as e, CardMeta as f, CardTitle as g, CardSpotify as h, CardOuter as i };
|
@@ -0,0 +1,324 @@
|
|
1
|
+
import * as react from 'react';
|
2
|
+
import { ComponentProps, ReactNode } from 'react';
|
3
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
4
|
+
import { CSS } from './lib/stitches.config.js';
|
5
|
+
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
6
|
+
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
7
|
+
import * as _stitches_react_types_config from '@stitches/react/types/config';
|
8
|
+
import { VariantProps } from '@stitches/react';
|
9
|
+
|
10
|
+
declare const StyledSwitch: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & react.RefAttributes<HTMLButtonElement>>, _stitches_react_types_styled_component.StyledComponentProps<[{
|
11
|
+
all: string;
|
12
|
+
boxSizing: string;
|
13
|
+
userSelect: string;
|
14
|
+
'&::before': {
|
15
|
+
boxSizing: string;
|
16
|
+
};
|
17
|
+
'&::after': {
|
18
|
+
boxSizing: string;
|
19
|
+
};
|
20
|
+
alignItems: string;
|
21
|
+
display: string;
|
22
|
+
justifyContent: string;
|
23
|
+
lineHeight: string;
|
24
|
+
margin: string;
|
25
|
+
outline: string;
|
26
|
+
WebkitTapHighlightColor: string;
|
27
|
+
backgroundColor: string;
|
28
|
+
borderRadius: string;
|
29
|
+
cursor: string;
|
30
|
+
position: string;
|
31
|
+
'&:focus': {
|
32
|
+
boxShadow: string;
|
33
|
+
};
|
34
|
+
'&[data-state="checked"]': {
|
35
|
+
backgroundColor: string;
|
36
|
+
'&:focus': {
|
37
|
+
boxShadow: string;
|
38
|
+
};
|
39
|
+
};
|
40
|
+
variants: {
|
41
|
+
size: {
|
42
|
+
'1': {
|
43
|
+
width: string;
|
44
|
+
height: string;
|
45
|
+
};
|
46
|
+
'2': {
|
47
|
+
[x: string]: string | {
|
48
|
+
width: number;
|
49
|
+
height: number;
|
50
|
+
transform: string;
|
51
|
+
'&[data-state="checked"]': {
|
52
|
+
transform: string;
|
53
|
+
};
|
54
|
+
};
|
55
|
+
width: string;
|
56
|
+
height: string;
|
57
|
+
};
|
58
|
+
};
|
59
|
+
};
|
60
|
+
defaultVariants: {
|
61
|
+
size: "1";
|
62
|
+
};
|
63
|
+
}]>, {
|
64
|
+
bp1: string;
|
65
|
+
bp2: string;
|
66
|
+
bp3: string;
|
67
|
+
bp4: string;
|
68
|
+
motion: string;
|
69
|
+
hover: string;
|
70
|
+
dark: string;
|
71
|
+
light: string;
|
72
|
+
}, _stitches_react_types_css_util.CSS<{
|
73
|
+
bp1: string;
|
74
|
+
bp2: string;
|
75
|
+
bp3: string;
|
76
|
+
bp4: string;
|
77
|
+
motion: string;
|
78
|
+
hover: string;
|
79
|
+
dark: string;
|
80
|
+
light: string;
|
81
|
+
}, {
|
82
|
+
borderWidths: unknown;
|
83
|
+
borderStyles: unknown;
|
84
|
+
colors: unknown;
|
85
|
+
fonts: {
|
86
|
+
'fallback-mono': string;
|
87
|
+
'fallback-sans': string;
|
88
|
+
'fallback-serif': string;
|
89
|
+
mono: string;
|
90
|
+
sans: string;
|
91
|
+
serif: string;
|
92
|
+
};
|
93
|
+
fontSizes: {
|
94
|
+
1: string;
|
95
|
+
2: string;
|
96
|
+
3: string;
|
97
|
+
4: string;
|
98
|
+
5: string;
|
99
|
+
6: string;
|
100
|
+
7: string;
|
101
|
+
8: string;
|
102
|
+
9: string;
|
103
|
+
};
|
104
|
+
fontWeights: {
|
105
|
+
1: string;
|
106
|
+
2: string;
|
107
|
+
3: string;
|
108
|
+
4: string;
|
109
|
+
5: string;
|
110
|
+
6: string;
|
111
|
+
7: string;
|
112
|
+
8: string;
|
113
|
+
9: string;
|
114
|
+
};
|
115
|
+
letterSpacings: unknown;
|
116
|
+
lineHeights: unknown;
|
117
|
+
radii: {
|
118
|
+
0: string;
|
119
|
+
1: string;
|
120
|
+
2: string;
|
121
|
+
3: string;
|
122
|
+
4: string;
|
123
|
+
pill: string;
|
124
|
+
round: string;
|
125
|
+
};
|
126
|
+
shadows: {
|
127
|
+
0: string;
|
128
|
+
1: string;
|
129
|
+
2: string;
|
130
|
+
3: string;
|
131
|
+
toast: string;
|
132
|
+
};
|
133
|
+
sizes: {
|
134
|
+
0: string;
|
135
|
+
1: string;
|
136
|
+
2: string;
|
137
|
+
3: string;
|
138
|
+
4: string;
|
139
|
+
5: string;
|
140
|
+
6: string;
|
141
|
+
7: string;
|
142
|
+
8: string;
|
143
|
+
9: string;
|
144
|
+
};
|
145
|
+
space: {
|
146
|
+
0: string;
|
147
|
+
1: string;
|
148
|
+
2: string;
|
149
|
+
3: string;
|
150
|
+
4: string;
|
151
|
+
5: string;
|
152
|
+
6: string;
|
153
|
+
7: string;
|
154
|
+
8: string;
|
155
|
+
9: string;
|
156
|
+
10: string;
|
157
|
+
11: string;
|
158
|
+
12: string;
|
159
|
+
13: string;
|
160
|
+
14: string;
|
161
|
+
15: string;
|
162
|
+
16: string;
|
163
|
+
};
|
164
|
+
transitions: unknown;
|
165
|
+
zIndices: {
|
166
|
+
0: string;
|
167
|
+
1: string;
|
168
|
+
2: string;
|
169
|
+
3: string;
|
170
|
+
4: string;
|
171
|
+
max: string;
|
172
|
+
toast: string;
|
173
|
+
};
|
174
|
+
foo: {
|
175
|
+
bar: string;
|
176
|
+
};
|
177
|
+
}, _stitches_react_types_config.DefaultThemeMap, {
|
178
|
+
p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
|
179
|
+
padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
|
180
|
+
};
|
181
|
+
pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
|
182
|
+
paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
|
183
|
+
};
|
184
|
+
pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
|
185
|
+
paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
|
186
|
+
};
|
187
|
+
pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
|
188
|
+
paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
|
189
|
+
};
|
190
|
+
pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
|
191
|
+
paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
|
192
|
+
};
|
193
|
+
px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
|
194
|
+
paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
|
195
|
+
paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
|
196
|
+
};
|
197
|
+
py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
|
198
|
+
paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
|
199
|
+
paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
|
200
|
+
};
|
201
|
+
m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
|
202
|
+
margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
|
203
|
+
};
|
204
|
+
mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
|
205
|
+
marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
|
206
|
+
};
|
207
|
+
mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
|
208
|
+
marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
|
209
|
+
};
|
210
|
+
mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
|
211
|
+
marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
|
212
|
+
};
|
213
|
+
ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
|
214
|
+
marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
|
215
|
+
};
|
216
|
+
mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
|
217
|
+
marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
|
218
|
+
marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
|
219
|
+
};
|
220
|
+
my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
|
221
|
+
marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
|
222
|
+
marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
|
223
|
+
};
|
224
|
+
ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
|
225
|
+
textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
|
226
|
+
};
|
227
|
+
fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
|
228
|
+
flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
|
229
|
+
};
|
230
|
+
fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
|
231
|
+
flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
|
232
|
+
};
|
233
|
+
ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
|
234
|
+
alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
|
235
|
+
};
|
236
|
+
ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
|
237
|
+
alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
|
238
|
+
};
|
239
|
+
jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
|
240
|
+
justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
|
241
|
+
};
|
242
|
+
as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
|
243
|
+
alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
|
244
|
+
};
|
245
|
+
fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
|
246
|
+
flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
|
247
|
+
};
|
248
|
+
fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
|
249
|
+
flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
|
250
|
+
};
|
251
|
+
fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
|
252
|
+
flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
|
253
|
+
};
|
254
|
+
bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
|
255
|
+
backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
|
256
|
+
};
|
257
|
+
br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
|
258
|
+
borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
|
259
|
+
};
|
260
|
+
btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
|
261
|
+
borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
|
262
|
+
};
|
263
|
+
bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
|
264
|
+
borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
|
265
|
+
};
|
266
|
+
bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
|
267
|
+
borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
|
268
|
+
};
|
269
|
+
btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
|
270
|
+
borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
|
271
|
+
};
|
272
|
+
bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
|
273
|
+
boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
|
274
|
+
};
|
275
|
+
lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
|
276
|
+
lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
|
277
|
+
};
|
278
|
+
ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
|
279
|
+
overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
|
280
|
+
};
|
281
|
+
oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
|
282
|
+
overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
|
283
|
+
};
|
284
|
+
pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
|
285
|
+
pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
|
286
|
+
};
|
287
|
+
us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
|
288
|
+
WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
|
289
|
+
userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
|
290
|
+
};
|
291
|
+
userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
|
292
|
+
WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
|
293
|
+
userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
|
294
|
+
};
|
295
|
+
size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
|
296
|
+
width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
|
297
|
+
height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
|
298
|
+
};
|
299
|
+
appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
|
300
|
+
WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
|
301
|
+
appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
|
302
|
+
};
|
303
|
+
backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
|
304
|
+
WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
|
305
|
+
backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
|
306
|
+
};
|
307
|
+
}>>;
|
308
|
+
|
309
|
+
declare type SwitchVariants = VariantProps<typeof StyledSwitch>;
|
310
|
+
declare type SwitchPrimitiveProps = ComponentProps<typeof SwitchPrimitive.Root>;
|
311
|
+
declare type SwitchProps = SwitchPrimitiveProps & SwitchVariants & {
|
312
|
+
css?: CSS;
|
313
|
+
};
|
314
|
+
|
315
|
+
declare const Switch: react.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
316
|
+
|
317
|
+
interface SwitchIconProps extends SwitchProps {
|
318
|
+
icon?: ReactNode;
|
319
|
+
iconOff?: ReactNode;
|
320
|
+
iconOn?: ReactNode;
|
321
|
+
}
|
322
|
+
declare const SwitchIcon: react.ForwardRefExoticComponent<Omit<SwitchIconProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
323
|
+
|
324
|
+
export { Switch as S, SwitchIcon as a };
|
@@ -11,7 +11,7 @@ declare type TabsListProps = TabsListPrimitiveProps & {
|
|
11
11
|
css?: CSS;
|
12
12
|
};
|
13
13
|
|
14
|
-
declare const TabsList: react.ForwardRefExoticComponent<
|
14
|
+
declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
15
15
|
|
16
16
|
declare const Tabs: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>, {}, {
|
17
17
|
bp1: string;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
1
2
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
2
3
|
import { ComponentProps, ReactElement, ReactNode } from 'react';
|
3
4
|
|
@@ -7,6 +8,6 @@ declare type TooltipProps = ComponentProps<typeof TooltipPrimitive.Root> & Compo
|
|
7
8
|
multiline?: boolean;
|
8
9
|
};
|
9
10
|
|
10
|
-
declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, multiline, ...props }: TooltipProps): JSX.Element;
|
11
|
+
declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, multiline, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
11
12
|
|
12
13
|
export { Tooltip as T };
|
@@ -602,6 +602,6 @@ declare const StyledVerifiedBadge: _stitches_react_types_styled_component.Styled
|
|
602
602
|
declare type VerifiedBadgeProps = ComponentProps<typeof StyledVerifiedBadge> & {
|
603
603
|
css?: CSS;
|
604
604
|
};
|
605
|
-
declare const VerifiedBadge: react.ForwardRefExoticComponent<
|
605
|
+
declare const VerifiedBadge: react.ForwardRefExoticComponent<Omit<VerifiedBadgeProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
606
606
|
|
607
607
|
export { VerifiedBadge as V };
|
@@ -1 +1 @@
|
|
1
|
-
import{h as f}from"./chunk-PG2YH4JF.js";import k from"node-emoji";import{jsx as j,jsxs as E}from"react/jsx-runtime";var y=f("div",{boxSizing:"border-box"}),p=({emoji:n,label:e,margin:r})=>E(y,{as:"span","aria-label":e,css:{fontStyle:"normal",mr:r?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"},children:[n," "," "]}),x=({character:n,margin:e=!1})=>{let r=k.find(n);if(r===void 0)return j(p,{emoji:n,label:"emoji unsupported",margin:e});let{emoji:i,key:s}=r,t=`emoji ${s.replace(/_/gi," ")}`;return j(p,{emoji:i,label:t,margin:e})};import _ from"emoji-regex";import g from"lodash/map";import z from"lodash/orderBy";import c from"lodash/size";import{Fragment as M,jsx as h}from"react/jsx-runtime";var B=({id:n,text:e})=>{if(!e)return null;let r=_(),i={},s=e,t=0;for(let o of e.matchAll(r)){let a=o[0],m=[...a].length,b=m===3?m*1.5:m*2;t===0&&o.index!==0&&(i[0]={index:0,to:o.index,to2:o.index,emoji:!1,text:e.slice(0,o.index)},t++);let d=i[t-1]
|
1
|
+
import{h as f}from"./chunk-PG2YH4JF.js";import k from"node-emoji";import{jsx as j,jsxs as E}from"react/jsx-runtime";var y=f("div",{boxSizing:"border-box"}),p=({emoji:n,label:e,margin:r})=>E(y,{as:"span","aria-label":e,css:{fontStyle:"normal",mr:r?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"},children:[n," "," "]}),x=({character:n,margin:e=!1})=>{let r=k.find(n);if(r===void 0)return j(p,{emoji:n,label:"emoji unsupported",margin:e});let{emoji:i,key:s}=r,t=`emoji ${s.replace(/_/gi," ")}`;return j(p,{emoji:i,label:t,margin:e})};import _ from"emoji-regex";import g from"lodash/map";import z from"lodash/orderBy";import c from"lodash/size";import{Fragment as M,jsx as h}from"react/jsx-runtime";var B=({id:n,text:e})=>{if(!e)return null;let r=_(),i={},s=e,t=0;for(let o of e.matchAll(r)){let a=o[0],m=[...a].length,b=m===3?m*1.5:m*2;t===0&&o.index!==0&&(i[0]={index:0,to:o.index,to2:o.index,emoji:!1,text:e.slice(0,o.index)},t++);let d=i[t-1];d&&d.index!==o.to&&(i[t]={index:d.to,to:o.index,to2:o.index,emoji:!1,text:e.slice(d.to,o.index)},t++),i[t]={index:o.index,to:Math.floor(o.index+b),to2:Math.floor(o.index+m),emoji:!0,text:a},t++}let l=[];return c(i)>0&&g(z(i,["index"],["asc"]),(o,a)=>{if(l.push(o.emoji?h(x,{character:o.text.trim(),margin:!0},`${n}--emoji--${a}`):o.text),c(i)===c(l)&&o.to<[...e].length){let m=s.slice(o.to2+1).normalize("NFD").replace(/([\u0300-\u036f]|[^0-9a-zA-Z])/g," ");l.push(m)}}),h(M,{children:c(l)>0?g(l,o=>o):s})};export{x as a,B as b};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _reactcomposerefs = require('@radix-ui/react-compose-refs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var E=_chunkK6WPFYOPcjs.h.call(void 0, "div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),c= exports.a =_react.forwardRef.call(void 0, ({children:u,onKeyDown:o,...r},i)=>{let l=_react.useRef.call(void 0, null),f=_reactcomposerefs.useComposedRefs.call(void 0, l,i),d={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},p={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return _jsxruntime.jsxs.call(void 0, E,{...r,"data-focus-area":!0,ref:f,tabIndex:0,onKeyDown:t=>{if(o==null||o(t),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let n='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[t==null?void 0:t.currentTarget.querySelector(n),t==null?void 0:t.currentTarget.querySelector(m)].filter(y
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _reactcomposerefs = require('@radix-ui/react-compose-refs');var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var E=_chunkK6WPFYOPcjs.h.call(void 0, "div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),c= exports.a =_react.forwardRef.call(void 0, ({children:u,onKeyDown:o,...r},i)=>{let l=_react.useRef.call(void 0, null),f=_reactcomposerefs.useComposedRefs.call(void 0, l,i),d={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},p={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return _jsxruntime.jsxs.call(void 0, E,{...r,"data-focus-area":!0,ref:f,tabIndex:0,onKeyDown:t=>{if(o==null||o(t),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let n='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[t==null?void 0:t.currentTarget.querySelector(n),t==null?void 0:t.currentTarget.querySelector(m)].filter(y=>!!y)[0];a&&(t.preventDefault(),a.focus())}t.key==="Escape"&&t.target instanceof HTMLElement&&t.target!==t.currentTarget&&t.target.closest('[role="dialog"], [role="menu"]')===null&&t.currentTarget.focus()},children:[_jsxruntime.jsx.call(void 0, "div",{"data-focus-area-entry":!0,...d}),u,_jsxruntime.jsx.call(void 0, "div",{"data-focus-area-exit":!0,...p})]})});c.displayName="FocusArea";exports.a = c;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _react = require('react');var _reactswitch = require('@radix-ui/react-switch'); var i = _interopRequireWildcard(_reactswitch); var s = _interopRequireWildcard(_reactswitch);var c=_chunkK6WPFYOPcjs.h.call(void 0, i.Thumb,{position:"absolute",left:0,width:13,height:13,backgroundColor:"white",borderRadius:"$round",boxShadow:"rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",transform:"translateX(1px)",willChange:"transform","@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"},'&[data-state="checked"]':{transform:"translateX(11px)"}}),m=_chunkK6WPFYOPcjs.h.call(void 0, i.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$slate5",borderRadius:"$pill",cursor:"pointer",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$colors$brand11","&:focus":{boxShadow:"0 0 0 2px $colors$brand11"}},variants:{size:{1:{width:"$5",height:"$3"},2:{width:"$7",height:"$5",[`& ${c}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var _jsxruntime = require('react/jsx-runtime');var x=_react.forwardRef.call(void 0, (e,o)=>_jsxruntime.jsx.call(void 0, m,{...e,ref:o,children:_jsxruntime.jsx.call(void 0, c,{})}));x.displayName="Switch";var n=_chunkK6WPFYOPcjs.h.call(void 0, s.Thumb,{backgroundColor:"$loContrast",borderRadius:"$pill",display:"block",height:"$6",transform:"translateX(-2px) ",transition:"transform 100ms",width:"$space$5",willChange:"transform",boxShadow:"0 2px 10px $colors$shadowDark",[`.${_chunkK6WPFYOPcjs.j} &`]:{boxShadow:"0 2px 10px $colors$shadowLight"},'&[data-state="checked"]':{transform:"translateX(11px)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"}}),C=_chunkK6WPFYOPcjs.h.call(void 0, "span",{height:"100%",width:"100%",alignContent:"center",alignItems:"center",borderRadius:"$pill",display:"flex",justifyContent:"center",transition:"transform 100ms","& svg":{background:"transparent",color:"$hiContrast"},"@motion":{transition:"none"}}),X=_chunkK6WPFYOPcjs.h.call(void 0, s.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"$pill",cursor:"pointer",position:"relative",boxShadow:"0 2px 10px $hiContrast",backgroundColor:"$hiContrast",'&[data-state="checked"]':{"&:focus":{boxShadow:"0 2px 10px $colors$shadow"}},"&:focus":{boxShadow:"0 2px 10px $colors$shadow"},variants:{size:{1:{width:"$6",height:"$4"},2:{width:"$8",height:"$5",[`& ${n}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}},3:{height:18,width:30,transform:"translateX(2px)",[`& ${n}`]:{height:26,width:26,transform:"translateX(-6px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(8px) translateY(-4px)"}}},4:{height:24,width:36,transform:"translateX(2px)",[`& ${n}`]:{height:32,width:32,transform:"translateX(-12px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(15px) translateY(-4px)"}}}}},defaultVariants:{size:"2"}}),w= exports.b =_react.forwardRef.call(void 0, ({checked:e,icon:o,iconOff:r,iconOn:a,...b},S)=>{let u=_react.useMemo.call(void 0, ()=>{let l=o||a||r,g
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _react = require('react');var _reactswitch = require('@radix-ui/react-switch'); var i = _interopRequireWildcard(_reactswitch); var s = _interopRequireWildcard(_reactswitch);var c=_chunkK6WPFYOPcjs.h.call(void 0, i.Thumb,{position:"absolute",left:0,width:13,height:13,backgroundColor:"white",borderRadius:"$round",boxShadow:"rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",transform:"translateX(1px)",willChange:"transform","@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"},'&[data-state="checked"]':{transform:"translateX(11px)"}}),m=_chunkK6WPFYOPcjs.h.call(void 0, i.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$slate5",borderRadius:"$pill",cursor:"pointer",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$colors$brand11","&:focus":{boxShadow:"0 0 0 2px $colors$brand11"}},variants:{size:{1:{width:"$5",height:"$3"},2:{width:"$7",height:"$5",[`& ${c}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var _jsxruntime = require('react/jsx-runtime');var x=_react.forwardRef.call(void 0, (e,o)=>_jsxruntime.jsx.call(void 0, m,{...e,ref:o,children:_jsxruntime.jsx.call(void 0, c,{})}));x.displayName="Switch";var n=_chunkK6WPFYOPcjs.h.call(void 0, s.Thumb,{backgroundColor:"$loContrast",borderRadius:"$pill",display:"block",height:"$6",transform:"translateX(-2px) ",transition:"transform 100ms",width:"$space$5",willChange:"transform",boxShadow:"0 2px 10px $colors$shadowDark",[`.${_chunkK6WPFYOPcjs.j} &`]:{boxShadow:"0 2px 10px $colors$shadowLight"},'&[data-state="checked"]':{transform:"translateX(11px)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"}}),C=_chunkK6WPFYOPcjs.h.call(void 0, "span",{height:"100%",width:"100%",alignContent:"center",alignItems:"center",borderRadius:"$pill",display:"flex",justifyContent:"center",transition:"transform 100ms","& svg":{background:"transparent",color:"$hiContrast"},"@motion":{transition:"none"}}),X=_chunkK6WPFYOPcjs.h.call(void 0, s.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"$pill",cursor:"pointer",position:"relative",boxShadow:"0 2px 10px $hiContrast",backgroundColor:"$hiContrast",'&[data-state="checked"]':{"&:focus":{boxShadow:"0 2px 10px $colors$shadow"}},"&:focus":{boxShadow:"0 2px 10px $colors$shadow"},variants:{size:{1:{width:"$6",height:"$4"},2:{width:"$8",height:"$5",[`& ${n}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}},3:{height:18,width:30,transform:"translateX(2px)",[`& ${n}`]:{height:26,width:26,transform:"translateX(-6px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(8px) translateY(-4px)"}}},4:{height:24,width:36,transform:"translateX(2px)",[`& ${n}`]:{height:32,width:32,transform:"translateX(-12px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(15px) translateY(-4px)"}}}}},defaultVariants:{size:"2"}}),w= exports.b =_react.forwardRef.call(void 0, ({checked:e,icon:o,iconOff:r,iconOn:a,...b},S)=>{let u=_react.useMemo.call(void 0, ()=>{let l=o||a||r,g=!!a,$=!!r;return l?g&&e?a:$&&!e?r:l:null},[e,o,r,a]);return _jsxruntime.jsx.call(void 0, X,{checked:e,...b,ref:S,children:_jsxruntime.jsx.call(void 0, n,{children:_jsxruntime.jsx.call(void 0, C,{children:u})})})});w.displayName="SwitchIcon";exports.a = x; exports.b = w;
|
@@ -1 +1 @@
|
|
1
|
-
import{h as e}from"./chunk-PG2YH4JF.js";import{useComposedRefs as x}from"@radix-ui/react-compose-refs";import{forwardRef as T,useRef as b}from"react";import{jsx as s,jsxs as F}from"react/jsx-runtime";var E=e("div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),c=T(({children:u,onKeyDown:o,...r},i)=>{let l=b(null),f=x(l,i),d={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},p={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return F(E,{...r,"data-focus-area":!0,ref:f,tabIndex:0,onKeyDown:t=>{if(o==null||o(t),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let n='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[t==null?void 0:t.currentTarget.querySelector(n),t==null?void 0:t.currentTarget.querySelector(m)].filter(y
|
1
|
+
import{h as e}from"./chunk-PG2YH4JF.js";import{useComposedRefs as x}from"@radix-ui/react-compose-refs";import{forwardRef as T,useRef as b}from"react";import{jsx as s,jsxs as F}from"react/jsx-runtime";var E=e("div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),c=T(({children:u,onKeyDown:o,...r},i)=>{let l=b(null),f=x(l,i),d={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},p={[r["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return F(E,{...r,"data-focus-area":!0,ref:f,tabIndex:0,onKeyDown:t=>{if(o==null||o(t),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let n='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[t==null?void 0:t.currentTarget.querySelector(n),t==null?void 0:t.currentTarget.querySelector(m)].filter(y=>!!y)[0];a&&(t.preventDefault(),a.focus())}t.key==="Escape"&&t.target instanceof HTMLElement&&t.target!==t.currentTarget&&t.target.closest('[role="dialog"], [role="menu"]')===null&&t.currentTarget.focus()},children:[s("div",{"data-focus-area-entry":!0,...d}),u,s("div",{"data-focus-area-exit":!0,...p})]})});c.displayName="FocusArea";export{c as a};
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _nodeemoji = require('node-emoji'); var _nodeemoji2 = _interopRequireDefault(_nodeemoji);var _jsxruntime = require('react/jsx-runtime');var y=_chunkK6WPFYOPcjs.h.call(void 0, "div",{boxSizing:"border-box"}),p=({emoji:n,label:e,margin:r})=>_jsxruntime.jsxs.call(void 0, y,{as:"span","aria-label":e,css:{fontStyle:"normal",mr:r?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"},children:[n," "," "]}),x= exports.a =({character:n,margin:e=!1})=>{let r=_nodeemoji2.default.find(n);if(r===void 0)return _jsxruntime.jsx.call(void 0, p,{emoji:n,label:"emoji unsupported",margin:e});let{emoji:i,key:s}=r,t=`emoji ${s.replace(/_/gi," ")}`;return _jsxruntime.jsx.call(void 0, p,{emoji:i,label:t,margin:e})};var _emojiregex = require('emoji-regex'); var _emojiregex2 = _interopRequireDefault(_emojiregex);var _map = require('lodash/map'); var _map2 = _interopRequireDefault(_map);var _orderBy = require('lodash/orderBy'); var _orderBy2 = _interopRequireDefault(_orderBy);var _size = require('lodash/size'); var _size2 = _interopRequireDefault(_size);var B=({id:n,text:e})=>{if(!e)return null;let r=_emojiregex2.default.call(void 0, ),i={},s=e,t=0;for(let o of e.matchAll(r)){let a=o[0],m=[...a].length,b=m===3?m*1.5:m*2;t===0&&o.index!==0&&(i[0]={index:0,to:o.index,to2:o.index,emoji:!1,text:e.slice(0,o.index)},t++);let d=i[t-1]
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _chunkK6WPFYOPcjs = require('./chunk-K6WPFYOP.cjs');var _nodeemoji = require('node-emoji'); var _nodeemoji2 = _interopRequireDefault(_nodeemoji);var _jsxruntime = require('react/jsx-runtime');var y=_chunkK6WPFYOPcjs.h.call(void 0, "div",{boxSizing:"border-box"}),p=({emoji:n,label:e,margin:r})=>_jsxruntime.jsxs.call(void 0, y,{as:"span","aria-label":e,css:{fontStyle:"normal",mr:r?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"},children:[n," "," "]}),x= exports.a =({character:n,margin:e=!1})=>{let r=_nodeemoji2.default.find(n);if(r===void 0)return _jsxruntime.jsx.call(void 0, p,{emoji:n,label:"emoji unsupported",margin:e});let{emoji:i,key:s}=r,t=`emoji ${s.replace(/_/gi," ")}`;return _jsxruntime.jsx.call(void 0, p,{emoji:i,label:t,margin:e})};var _emojiregex = require('emoji-regex'); var _emojiregex2 = _interopRequireDefault(_emojiregex);var _map = require('lodash/map'); var _map2 = _interopRequireDefault(_map);var _orderBy = require('lodash/orderBy'); var _orderBy2 = _interopRequireDefault(_orderBy);var _size = require('lodash/size'); var _size2 = _interopRequireDefault(_size);var B=({id:n,text:e})=>{if(!e)return null;let r=_emojiregex2.default.call(void 0, ),i={},s=e,t=0;for(let o of e.matchAll(r)){let a=o[0],m=[...a].length,b=m===3?m*1.5:m*2;t===0&&o.index!==0&&(i[0]={index:0,to:o.index,to2:o.index,emoji:!1,text:e.slice(0,o.index)},t++);let d=i[t-1];d&&d.index!==o.to&&(i[t]={index:d.to,to:o.index,to2:o.index,emoji:!1,text:e.slice(d.to,o.index)},t++),i[t]={index:o.index,to:Math.floor(o.index+b),to2:Math.floor(o.index+m),emoji:!0,text:a},t++}let l=[];return _size2.default.call(void 0, i)>0&&_map2.default.call(void 0, _orderBy2.default.call(void 0, i,["index"],["asc"]),(o,a)=>{if(l.push(o.emoji?_jsxruntime.jsx.call(void 0, x,{character:o.text.trim(),margin:!0},`${n}--emoji--${a}`):o.text),_size2.default.call(void 0, i)===_size2.default.call(void 0, l)&&o.to<[...e].length){let m=s.slice(o.to2+1).normalize("NFD").replace(/([\u0300-\u036f]|[^0-9a-zA-Z])/g," ");l.push(m)}}),_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{children:_size2.default.call(void 0, l)>0?_map2.default.call(void 0, l,o=>o):s})};exports.a = x; exports.b = B;
|