@nswds/app 1.10.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/globals.css +3426 -772
- package/dist/index.cjs +5727 -3673
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +690 -665
- package/dist/index.d.ts +690 -665
- package/dist/index.js +5436 -3594
- package/dist/index.js.map +1 -1
- package/dist/styles.css +3524 -861
- package/dist/styles.css.map +1 -1
- package/dist/styles.d.cts +2 -1
- package/dist/styles.d.ts +2 -1
- package/package.json +18 -11
package/dist/index.d.ts
CHANGED
|
@@ -1,707 +1,732 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime'
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import * as
|
|
8
|
-
import * as
|
|
9
|
-
import * as
|
|
10
|
-
import * as
|
|
11
|
-
import * as
|
|
12
|
-
import
|
|
13
|
-
import {
|
|
14
|
-
import * as
|
|
15
|
-
import * as
|
|
16
|
-
import {
|
|
17
|
-
import * as
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
)
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}: React$1.ComponentProps<'
|
|
83
|
-
declare function
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
87
|
-
declare function
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
|
+
import React__default, { Dispatch, SetStateAction, ReactNode } from 'react';
|
|
4
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
6
|
+
import { VariantProps } from 'class-variance-authority';
|
|
7
|
+
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
8
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
9
|
+
import * as url from 'url';
|
|
10
|
+
import * as Headless from '@headlessui/react';
|
|
11
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
12
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
13
|
+
import { Command as Command$1 } from 'cmdk';
|
|
14
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
16
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
17
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
18
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
19
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
20
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
21
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
22
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
23
|
+
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
24
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
25
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
26
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
27
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
28
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
29
|
+
import { ToasterProps } from 'sonner';
|
|
30
|
+
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
31
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
32
|
+
import { ThemeProviderProps } from 'next-themes';
|
|
33
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
34
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
35
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
36
|
+
import { ClassValue } from 'clsx';
|
|
37
|
+
import * as _sindresorhus_slugify from '@sindresorhus/slugify';
|
|
38
|
+
|
|
39
|
+
declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
40
|
+
declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
41
|
+
declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
42
|
+
declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
43
|
+
|
|
44
|
+
declare const alertVariants: (props?: ({
|
|
45
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
46
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
47
|
+
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
|
|
48
|
+
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
49
|
+
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
50
|
+
|
|
51
|
+
declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
52
|
+
|
|
53
|
+
declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
54
|
+
declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
|
|
55
|
+
declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
|
|
56
|
+
|
|
57
|
+
declare const badgeVariants: (props?: ({
|
|
58
|
+
variant?: "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
59
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
60
|
+
declare function Badge({ variant, className, ...props }: VariantProps<typeof badgeVariants> & React__default.ComponentPropsWithoutRef<'span'>): react_jsx_runtime.JSX.Element;
|
|
61
|
+
declare const BadgeButton: React__default.ForwardRefExoticComponent<(VariantProps<(props?: ({
|
|
62
|
+
variant?: "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
63
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & ({
|
|
64
|
+
className?: string;
|
|
65
|
+
children: React__default.ReactNode;
|
|
66
|
+
} & (Omit<Headless.ButtonProps<"button">, "className" | "as"> | Omit<Omit<{
|
|
67
|
+
href: string | url.UrlObject;
|
|
68
|
+
as?: string | url.UrlObject;
|
|
69
|
+
replace?: boolean;
|
|
70
|
+
scroll?: boolean;
|
|
71
|
+
shallow?: boolean;
|
|
72
|
+
passHref?: boolean;
|
|
73
|
+
prefetch?: boolean | null;
|
|
74
|
+
locale?: string | false;
|
|
75
|
+
legacyBehavior?: boolean;
|
|
76
|
+
onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
77
|
+
onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>;
|
|
78
|
+
onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
79
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>, "ref">, "className">))) & React__default.RefAttributes<HTMLElement>>;
|
|
80
|
+
|
|
81
|
+
declare function Breadcrumb({ ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
|
|
82
|
+
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
|
|
83
|
+
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
84
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<'a'> & {
|
|
85
|
+
asChild?: boolean;
|
|
86
|
+
}): react_jsx_runtime.JSX.Element;
|
|
87
|
+
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
88
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
89
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
90
|
+
|
|
91
|
+
declare const Link$1: React__default.ForwardRefExoticComponent<{
|
|
92
|
+
href: string | url.UrlObject;
|
|
93
|
+
as?: string | url.UrlObject;
|
|
94
|
+
replace?: boolean;
|
|
95
|
+
scroll?: boolean;
|
|
96
|
+
shallow?: boolean;
|
|
97
|
+
passHref?: boolean;
|
|
98
|
+
prefetch?: boolean | null;
|
|
99
|
+
locale?: string | false;
|
|
100
|
+
legacyBehavior?: boolean;
|
|
101
|
+
onMouseEnter?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
102
|
+
onTouchStart?: React__default.TouchEventHandler<HTMLAnchorElement>;
|
|
103
|
+
onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
104
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
|
|
105
|
+
|
|
106
|
+
declare const buttonVariants: (props?: ({
|
|
107
|
+
variant?: "link" | "primary/neutral" | "light" | "primary/white" | "white" | "neutral" | "primary" | "secondary" | "tertiary" | "accent" | "outline" | "ghost" | "error" | null | undefined;
|
|
108
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
109
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
110
|
+
type ButtonProps = VariantProps<typeof buttonVariants> & {
|
|
111
|
+
className?: string;
|
|
112
|
+
children: React__default.ReactNode;
|
|
113
|
+
} & (Omit<Headless.ButtonProps, 'as' | 'className'> | Omit<React__default.ComponentPropsWithoutRef<typeof Link$1>, 'className'>);
|
|
114
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLElement>>;
|
|
115
|
+
/**
|
|
116
|
+
* Expand the hit area to at least 44×44px on touch devices
|
|
117
|
+
*/
|
|
118
|
+
declare function TouchTarget({ children }: {
|
|
119
|
+
children: React__default.ReactNode;
|
|
120
|
+
}): react_jsx_runtime.JSX.Element;
|
|
121
|
+
|
|
122
|
+
declare function Card({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
123
|
+
declare function CardHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
124
|
+
declare function CardTitle({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function CardDescription({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
126
|
+
declare function CardAction({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
127
|
+
declare function CardContent({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
128
|
+
declare function CardFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
129
|
+
|
|
130
|
+
declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
131
|
+
|
|
132
|
+
declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
133
|
+
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
|
|
134
|
+
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
|
|
135
|
+
|
|
136
|
+
type IconProps = React.HTMLAttributes<SVGElement>;
|
|
93
137
|
interface LayoutProps {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
138
|
+
children: React.ReactNode;
|
|
139
|
+
sitename?: string;
|
|
140
|
+
toc?: boolean;
|
|
97
141
|
}
|
|
98
142
|
type ColorProperty = {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
type: 'color'
|
|
107
|
-
}
|
|
143
|
+
value: string | {
|
|
144
|
+
colorSpace: string;
|
|
145
|
+
channels: number[];
|
|
146
|
+
alpha: number;
|
|
147
|
+
};
|
|
148
|
+
type: 'color';
|
|
149
|
+
};
|
|
108
150
|
type ColorThemes = {
|
|
109
|
-
[key: string]: {
|
|
110
151
|
[key: string]: {
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
type
|
|
125
|
-
type
|
|
152
|
+
[key: string]: {
|
|
153
|
+
name: string;
|
|
154
|
+
colors: {
|
|
155
|
+
token: string;
|
|
156
|
+
oklch: string;
|
|
157
|
+
hex: string;
|
|
158
|
+
rgb: string;
|
|
159
|
+
hsl: string;
|
|
160
|
+
name?: string;
|
|
161
|
+
}[];
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
|
+
};
|
|
165
|
+
type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
|
|
166
|
+
type ViewMode = 'grid' | 'list';
|
|
167
|
+
type ThemeOption = string;
|
|
126
168
|
type ColorTheme = {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
}
|
|
169
|
+
[key: string]: {
|
|
170
|
+
name: string;
|
|
171
|
+
colors: {
|
|
172
|
+
token: string;
|
|
173
|
+
oklch: string;
|
|
174
|
+
hex: string;
|
|
175
|
+
rgb: string;
|
|
176
|
+
hsl: string;
|
|
177
|
+
name?: string;
|
|
178
|
+
}[];
|
|
179
|
+
};
|
|
180
|
+
};
|
|
139
181
|
interface ColorCardProps {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
182
|
+
name: string;
|
|
183
|
+
token: string;
|
|
184
|
+
hex: string;
|
|
185
|
+
rgb: string;
|
|
186
|
+
hsl: string;
|
|
187
|
+
oklch: string;
|
|
188
|
+
format: 'hex' | 'rgb' | 'hsl' | 'oklch';
|
|
189
|
+
viewMode: 'grid' | 'list';
|
|
148
190
|
}
|
|
149
191
|
interface ViewToggleProps {
|
|
150
|
-
|
|
151
|
-
|
|
192
|
+
viewMode: ViewMode;
|
|
193
|
+
setViewMode: (mode: ViewMode) => void;
|
|
152
194
|
}
|
|
153
195
|
interface Color {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
196
|
+
token: string;
|
|
197
|
+
oklch: string;
|
|
198
|
+
hex: string;
|
|
199
|
+
rgb: string;
|
|
200
|
+
hsl: string;
|
|
201
|
+
name?: string;
|
|
160
202
|
}
|
|
161
|
-
type ThemeCategory = 'brand' | 'aboriginal'
|
|
203
|
+
type ThemeCategory = 'brand' | 'aboriginal';
|
|
162
204
|
interface ThemeSelectorProps {
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
205
|
+
themeCategory: ThemeCategory;
|
|
206
|
+
setThemeCategory: (category: ThemeCategory) => void;
|
|
207
|
+
primaryColor: string;
|
|
208
|
+
setPrimaryColor: (color: string) => void;
|
|
209
|
+
accentColor: string;
|
|
210
|
+
setAccentColor: (color: string) => void;
|
|
211
|
+
availableAccentColors: string[];
|
|
212
|
+
colorThemes: ColorThemes;
|
|
171
213
|
}
|
|
172
214
|
interface FormatToggleProps {
|
|
173
|
-
|
|
174
|
-
|
|
215
|
+
format: ColorFormat;
|
|
216
|
+
setFormat: (format: ColorFormat) => void;
|
|
175
217
|
}
|
|
176
218
|
type SimpleNode = {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}
|
|
219
|
+
type: string;
|
|
220
|
+
attributes: {
|
|
221
|
+
content?: string;
|
|
222
|
+
[key: string]: string | number | boolean | undefined;
|
|
223
|
+
};
|
|
224
|
+
children?: SimpleNode[];
|
|
225
|
+
};
|
|
184
226
|
type HeadingNode = {
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
}
|
|
227
|
+
level: number;
|
|
228
|
+
id: string;
|
|
229
|
+
title: string;
|
|
230
|
+
children: HeadingNode[];
|
|
231
|
+
};
|
|
190
232
|
type Link = {
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
}
|
|
233
|
+
href: string;
|
|
234
|
+
title: string;
|
|
235
|
+
links?: Link[];
|
|
236
|
+
};
|
|
195
237
|
interface ColorData {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
238
|
+
oklch: string;
|
|
239
|
+
hex: string;
|
|
240
|
+
rgb: string;
|
|
241
|
+
hsl: string;
|
|
242
|
+
[key: string]: string;
|
|
201
243
|
}
|
|
202
|
-
type Format = 'hex' | 'oklch' | 'hsl' | 'rgb'
|
|
203
|
-
type Variant = 'shades' | 'theme'
|
|
204
|
-
type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js'
|
|
244
|
+
type Format = 'hex' | 'oklch' | 'hsl' | 'rgb';
|
|
245
|
+
type Variant = 'shades' | 'theme';
|
|
246
|
+
type Output = 'css' | 'ts' | 'scss' | 'less' | 'tailwind' | 'json' | 'json-DTFM' | 'js';
|
|
205
247
|
interface ColorsDisplayProps {
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
248
|
+
baseColors: string[];
|
|
249
|
+
themeColor: string | undefined;
|
|
250
|
+
colorsToUse: ColorData[];
|
|
251
|
+
paletteName: string;
|
|
252
|
+
variant: Variant;
|
|
211
253
|
}
|
|
212
254
|
interface ColourOutputProps {
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
255
|
+
colorsToUse: ColorData[];
|
|
256
|
+
paletteName: string;
|
|
257
|
+
format: Format;
|
|
258
|
+
output: Output;
|
|
259
|
+
variant: Variant;
|
|
218
260
|
}
|
|
219
261
|
interface DesignTokensShades {
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
}
|
|
231
|
-
}
|
|
262
|
+
[paletteName: string]: {
|
|
263
|
+
[shade: string]: {
|
|
264
|
+
$type: 'color';
|
|
265
|
+
$value: string | {
|
|
266
|
+
colorSpace: string;
|
|
267
|
+
channels: number[];
|
|
268
|
+
alpha: number;
|
|
269
|
+
};
|
|
270
|
+
};
|
|
271
|
+
};
|
|
232
272
|
}
|
|
233
273
|
interface StructuredColor {
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
274
|
+
colorSpace: string;
|
|
275
|
+
channels: number[];
|
|
276
|
+
alpha: number;
|
|
237
277
|
}
|
|
238
278
|
interface DesignTokensTheme {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
}
|
|
248
|
-
>
|
|
249
|
-
}
|
|
279
|
+
[paletteName: string]: {
|
|
280
|
+
value: string | StructuredColor;
|
|
281
|
+
type: 'color';
|
|
282
|
+
variants: Record<string, {
|
|
283
|
+
value: string | StructuredColor;
|
|
284
|
+
type: 'color';
|
|
285
|
+
}>;
|
|
286
|
+
};
|
|
250
287
|
}
|
|
288
|
+
type NavigationLink = {
|
|
289
|
+
title: string;
|
|
290
|
+
href: string;
|
|
291
|
+
links?: NavigationLink[];
|
|
292
|
+
};
|
|
251
293
|
type NavigationSection = {
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
294
|
+
title: string;
|
|
295
|
+
links: NavigationLink[];
|
|
296
|
+
};
|
|
297
|
+
interface PrevNextLinksProps {
|
|
298
|
+
navigation: NavigationSection[];
|
|
299
|
+
}
|
|
300
|
+
type SidebarLinkProps = {
|
|
301
|
+
link: Link;
|
|
302
|
+
pathname: string;
|
|
303
|
+
onLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
|
|
304
|
+
depth: number;
|
|
305
|
+
};
|
|
306
|
+
type TableOfContentsItem = {
|
|
307
|
+
id: string;
|
|
308
|
+
children: TableOfContentsItem[];
|
|
309
|
+
title: string;
|
|
310
|
+
};
|
|
311
|
+
type TableOfContentsProps = {
|
|
312
|
+
tableOfContents: TableOfContentsItem[];
|
|
313
|
+
};
|
|
314
|
+
interface TocContextType {
|
|
315
|
+
toc: boolean;
|
|
316
|
+
setToc: Dispatch<SetStateAction<boolean>>;
|
|
257
317
|
}
|
|
258
318
|
|
|
259
|
-
declare function ColorCard({
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
}:
|
|
269
|
-
|
|
270
|
-
declare function
|
|
271
|
-
|
|
272
|
-
}: React.ComponentProps<typeof
|
|
319
|
+
declare function ColorCard({ name, token, hex, rgb, hsl, oklch, format, viewMode }: ColorCardProps): react_jsx_runtime.JSX.Element;
|
|
320
|
+
|
|
321
|
+
declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
322
|
+
declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
323
|
+
declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
324
|
+
declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
325
|
+
declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
|
|
326
|
+
declare function DialogContent({ className, children, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
327
|
+
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
328
|
+
declare function DialogFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
329
|
+
declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
330
|
+
declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
331
|
+
|
|
332
|
+
declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
|
|
333
|
+
declare function CommandDialog({ title, description, children, ...props }: React$1.ComponentProps<typeof Dialog> & {
|
|
334
|
+
title?: string;
|
|
335
|
+
description?: string;
|
|
336
|
+
}): react_jsx_runtime.JSX.Element;
|
|
337
|
+
declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
|
|
338
|
+
declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
|
|
339
|
+
declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
|
|
340
|
+
declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
|
|
341
|
+
declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
342
|
+
declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
343
|
+
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
344
|
+
|
|
345
|
+
declare function ContextMenu({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
346
|
+
declare function ContextMenuTrigger({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
347
|
+
declare function ContextMenuGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
348
|
+
declare function ContextMenuPortal({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
349
|
+
declare function ContextMenuSub({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
|
|
350
|
+
declare function ContextMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
351
|
+
declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
|
|
352
|
+
inset?: boolean;
|
|
353
|
+
}): react_jsx_runtime.JSX.Element;
|
|
354
|
+
declare function ContextMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
|
|
355
|
+
declare function ContextMenuContent({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
356
|
+
declare function ContextMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
|
|
357
|
+
inset?: boolean;
|
|
358
|
+
variant?: 'default' | 'destructive';
|
|
359
|
+
}): react_jsx_runtime.JSX.Element;
|
|
360
|
+
declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
361
|
+
declare function ContextMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
362
|
+
declare function ContextMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
|
|
363
|
+
inset?: boolean;
|
|
364
|
+
}): react_jsx_runtime.JSX.Element;
|
|
365
|
+
declare function ContextMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
366
|
+
declare function ContextMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
367
|
+
|
|
368
|
+
declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
369
|
+
declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
370
|
+
declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
371
|
+
declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
|
|
372
|
+
declare function DrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
373
|
+
declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
|
|
374
|
+
declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
375
|
+
declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
376
|
+
declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
|
|
377
|
+
declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
|
|
378
|
+
|
|
379
|
+
declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
380
|
+
declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
381
|
+
declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
382
|
+
declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
383
|
+
declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
384
|
+
declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
385
|
+
inset?: boolean;
|
|
386
|
+
variant?: 'default' | 'destructive';
|
|
387
|
+
}): react_jsx_runtime.JSX.Element;
|
|
388
|
+
declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
389
|
+
declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
390
|
+
declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
391
|
+
declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
392
|
+
inset?: boolean;
|
|
393
|
+
}): react_jsx_runtime.JSX.Element;
|
|
394
|
+
declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
395
|
+
declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
396
|
+
declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
|
|
397
|
+
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
398
|
+
inset?: boolean;
|
|
399
|
+
}): react_jsx_runtime.JSX.Element;
|
|
400
|
+
declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
|
|
273
401
|
|
|
274
402
|
interface DynamicFaviconProps {
|
|
275
|
-
|
|
276
|
-
|
|
403
|
+
lightModeFavicon: string;
|
|
404
|
+
darkModeFavicon: string;
|
|
277
405
|
}
|
|
278
|
-
declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null
|
|
279
|
-
|
|
280
|
-
declare function Footer({
|
|
281
|
-
legalLinks,
|
|
282
|
-
department,
|
|
283
|
-
socialLinks,
|
|
284
|
-
}: {
|
|
285
|
-
legalLinks: Array<{
|
|
286
|
-
name: string
|
|
287
|
-
href: string
|
|
288
|
-
}>
|
|
289
|
-
department?: string
|
|
290
|
-
socialLinks?: Array<{
|
|
291
|
-
name: string
|
|
292
|
-
href: string
|
|
293
|
-
icon: React.ComponentType<{
|
|
294
|
-
className?: string
|
|
295
|
-
}>
|
|
296
|
-
}>
|
|
297
|
-
}): react_jsx_runtime.JSX.Element
|
|
406
|
+
declare function DynamicFavicon({ lightModeFavicon, darkModeFavicon }: DynamicFaviconProps): null;
|
|
298
407
|
|
|
299
|
-
declare function
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
408
|
+
declare function FooterSocialLink({ href, icon: Icon, children, }: {
|
|
409
|
+
href: string;
|
|
410
|
+
icon: React.ComponentType<{
|
|
411
|
+
className?: string;
|
|
412
|
+
}>;
|
|
413
|
+
children: React.ReactNode;
|
|
414
|
+
}): react_jsx_runtime.JSX.Element;
|
|
415
|
+
declare function FooterAcknowledgement(): react_jsx_runtime.JSX.Element;
|
|
416
|
+
declare function FooterSmallPrint({ socialLinks, department, }: {
|
|
417
|
+
socialLinks?: Array<{
|
|
418
|
+
name: string;
|
|
419
|
+
href: string;
|
|
420
|
+
icon: React.ComponentType<{
|
|
421
|
+
className?: string;
|
|
422
|
+
}>;
|
|
423
|
+
}>;
|
|
424
|
+
department?: string;
|
|
425
|
+
}): react_jsx_runtime.JSX.Element;
|
|
426
|
+
declare function FooterLegalLinks({ legalLinks }: {
|
|
427
|
+
legalLinks: Array<{
|
|
428
|
+
name: string;
|
|
429
|
+
href: string;
|
|
430
|
+
}>;
|
|
431
|
+
}): react_jsx_runtime.JSX.Element;
|
|
432
|
+
declare function Footer({ legalLinks, department, socialLinks, }: {
|
|
433
|
+
legalLinks: Array<{
|
|
434
|
+
name: string;
|
|
435
|
+
href: string;
|
|
436
|
+
}>;
|
|
437
|
+
department?: string;
|
|
438
|
+
socialLinks?: Array<{
|
|
439
|
+
name: string;
|
|
440
|
+
href: string;
|
|
441
|
+
icon: React.ComponentType<{
|
|
442
|
+
className?: string;
|
|
443
|
+
}>;
|
|
444
|
+
}>;
|
|
445
|
+
}): react_jsx_runtime.JSX.Element;
|
|
446
|
+
|
|
447
|
+
declare function FormatToggle({ format, setFormat }: FormatToggleProps): react_jsx_runtime.JSX.Element;
|
|
303
448
|
|
|
304
449
|
declare const Icons: {
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
}: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element
|
|
362
|
-
|
|
363
|
-
declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element
|
|
364
|
-
|
|
365
|
-
declare function Masthead(): react_jsx_runtime.JSX.Element
|
|
366
|
-
|
|
367
|
-
declare function
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
}:
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
}
|
|
380
|
-
declare function
|
|
381
|
-
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
declare function
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
declare function
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
declare function
|
|
404
|
-
|
|
405
|
-
}: React$1.ComponentProps<typeof
|
|
406
|
-
declare function
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
declare function
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
}
|
|
415
|
-
|
|
416
|
-
}): react_jsx_runtime.JSX.Element
|
|
417
|
-
declare function
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
}: React$1.ComponentProps<
|
|
421
|
-
declare function
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
declare function
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
}: React$1.ComponentProps<typeof
|
|
433
|
-
|
|
434
|
-
declare function
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
}:
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
450
|
+
account_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
451
|
+
add: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
452
|
+
attach_file: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
453
|
+
cancel: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
454
|
+
check_circle: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
455
|
+
check: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
456
|
+
chevron_down: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
457
|
+
chevron_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
458
|
+
chevron_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
459
|
+
chevron_up: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
460
|
+
close: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
461
|
+
collapse_all: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
462
|
+
computer: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
463
|
+
copy: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
464
|
+
dark_mode: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
465
|
+
dock_to_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
466
|
+
dock_to_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
467
|
+
delete: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
468
|
+
desktop: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
469
|
+
display_settings: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
470
|
+
double_arrow_left: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
471
|
+
double_arrow_right: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
472
|
+
download: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
473
|
+
east: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
474
|
+
error: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
475
|
+
exclamation: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
476
|
+
grid_view: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
477
|
+
help: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
478
|
+
info: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
479
|
+
light_mode: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
480
|
+
link: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
481
|
+
list: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
482
|
+
login: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
483
|
+
logout: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
484
|
+
menu: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
485
|
+
more_horiz: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
486
|
+
more_vert: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
487
|
+
north: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
488
|
+
open_in_new: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
489
|
+
palette: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
490
|
+
print: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
491
|
+
progress_activity: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
492
|
+
remove: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
493
|
+
search: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
494
|
+
settings_brightness: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
495
|
+
share: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
496
|
+
side_navigation: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
497
|
+
south: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
498
|
+
unfold_less: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
499
|
+
unfold_more: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
500
|
+
upload: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
501
|
+
west: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
502
|
+
};
|
|
503
|
+
|
|
504
|
+
declare function Input({ className, type, ...props }: React$1.ComponentProps<'input'>): react_jsx_runtime.JSX.Element;
|
|
505
|
+
|
|
506
|
+
declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
507
|
+
|
|
508
|
+
declare function Logo(props: React.ComponentPropsWithoutRef<'svg'>): react_jsx_runtime.JSX.Element;
|
|
509
|
+
|
|
510
|
+
declare function Masthead(): react_jsx_runtime.JSX.Element;
|
|
511
|
+
|
|
512
|
+
declare function Menubar({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
513
|
+
declare function MenubarMenu({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime.JSX.Element;
|
|
514
|
+
declare function MenubarGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
515
|
+
declare function MenubarPortal({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
516
|
+
declare function MenubarRadioGroup({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
517
|
+
declare function MenubarTrigger({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
518
|
+
declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
519
|
+
declare function MenubarItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
|
|
520
|
+
inset?: boolean;
|
|
521
|
+
variant?: 'default' | 'destructive';
|
|
522
|
+
}): react_jsx_runtime.JSX.Element;
|
|
523
|
+
declare function MenubarCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
524
|
+
declare function MenubarRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
525
|
+
declare function MenubarLabel({ className, inset, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
|
|
526
|
+
inset?: boolean;
|
|
527
|
+
}): react_jsx_runtime.JSX.Element;
|
|
528
|
+
declare function MenubarSeparator({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
529
|
+
declare function MenubarShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
530
|
+
declare function MenubarSub({ ...props }: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime.JSX.Element;
|
|
531
|
+
declare function MenubarSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
|
|
532
|
+
inset?: boolean;
|
|
533
|
+
}): react_jsx_runtime.JSX.Element;
|
|
534
|
+
declare function MenubarSubContent({ className, ...props }: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
|
|
535
|
+
|
|
536
|
+
declare function Navigation({ className, onLinkClick, navigation, }: {
|
|
537
|
+
className?: string;
|
|
538
|
+
onLinkClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
|
|
539
|
+
navigation: NavigationSection[];
|
|
540
|
+
}): react_jsx_runtime.JSX.Element;
|
|
541
|
+
|
|
542
|
+
declare function NavigationMenu({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
543
|
+
viewport?: boolean;
|
|
544
|
+
}): react_jsx_runtime.JSX.Element;
|
|
545
|
+
declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
546
|
+
declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
547
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
548
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
549
|
+
declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
550
|
+
declare function NavigationMenuViewport({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
|
|
551
|
+
declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
|
|
552
|
+
declare function NavigationMenuIndicator({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
|
|
553
|
+
|
|
554
|
+
declare function Pagination({ className, ...props }: React$1.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
|
|
555
|
+
declare function PaginationContent({ className, ...props }: React$1.ComponentProps<'ul'>): react_jsx_runtime.JSX.Element;
|
|
556
|
+
declare function PaginationItem({ ...props }: React$1.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
557
|
+
type PaginationLinkProps = {
|
|
558
|
+
isActive?: boolean;
|
|
559
|
+
} & Pick<React$1.ComponentProps<typeof Button>, 'size'> & React$1.ComponentProps<'a'>;
|
|
560
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
|
|
561
|
+
declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
562
|
+
declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
|
|
563
|
+
declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
564
|
+
|
|
565
|
+
declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
566
|
+
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
567
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
568
|
+
declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
|
|
569
|
+
|
|
570
|
+
declare function PrevNextLinksPageLink({ title, href, dir, ...props }: Omit<React.ComponentPropsWithoutRef<'div'>, 'dir' | 'title'> & {
|
|
571
|
+
title: string;
|
|
572
|
+
href: string;
|
|
573
|
+
dir?: 'previous' | 'next';
|
|
574
|
+
}): react_jsx_runtime.JSX.Element;
|
|
575
|
+
declare function PrevNextLinks({ navigation }: PrevNextLinksProps): react_jsx_runtime.JSX.Element | null;
|
|
576
|
+
|
|
577
|
+
declare function Progress({ className, value, ...props }: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
578
|
+
|
|
579
|
+
declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
580
|
+
declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
581
|
+
|
|
582
|
+
declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>): react_jsx_runtime.JSX.Element;
|
|
583
|
+
declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
|
|
584
|
+
declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
585
|
+
withHandle?: boolean;
|
|
586
|
+
}): react_jsx_runtime.JSX.Element;
|
|
587
|
+
|
|
588
|
+
declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
589
|
+
declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
|
|
590
|
+
|
|
591
|
+
declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
592
|
+
declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
593
|
+
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
|
|
594
|
+
declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
595
|
+
size?: 'sm' | 'default';
|
|
596
|
+
}): react_jsx_runtime.JSX.Element;
|
|
597
|
+
declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
598
|
+
declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
|
|
599
|
+
declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
600
|
+
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
601
|
+
declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
|
|
602
|
+
declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
|
|
603
|
+
|
|
604
|
+
declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
605
|
+
|
|
606
|
+
declare function Sheet({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
607
|
+
declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
608
|
+
declare function SheetClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
|
|
609
|
+
declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
610
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
611
|
+
}): react_jsx_runtime.JSX.Element;
|
|
612
|
+
declare function SheetHeader({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
613
|
+
declare function SheetFooter({ className, ...props }: React$1.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
614
|
+
declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
|
|
615
|
+
declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
|
|
616
|
+
|
|
617
|
+
declare function SidebarNavigation({ className, onLinkClick, navigation, }: {
|
|
618
|
+
className?: string;
|
|
619
|
+
onLinkClick?: React$1.MouseEventHandler<HTMLAnchorElement>;
|
|
620
|
+
navigation: NavigationSection[];
|
|
621
|
+
}): react_jsx_runtime.JSX.Element;
|
|
622
|
+
declare function SidebarLink({ link, pathname, onLinkClick, depth }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
|
|
623
|
+
|
|
624
|
+
declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
625
|
+
|
|
626
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React$1.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
443
627
|
|
|
444
628
|
declare const Social: {
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
}
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
}
|
|
461
|
-
declare function
|
|
462
|
-
|
|
463
|
-
}:
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element
|
|
469
|
-
declare function TabsList({
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
declare function
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
declare function
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
declare function
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
declare
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
declare function
|
|
497
|
-
|
|
498
|
-
declare
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
declare function
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
declare
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
declare
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
declare
|
|
537
|
-
declare function
|
|
538
|
-
declare
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
declare const
|
|
546
|
-
declare const
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
declare const interpolateColors: (color1: string, color2: string, steps: number) => ColorData[]
|
|
550
|
-
declare const GenerateInterpolatedColors: (colorArray: string[]) => ColorData[]
|
|
551
|
-
declare const getSurroundingColors: (colors: ColorData[], themeColor: string) => ColorData[]
|
|
552
|
-
declare const colorDataArray: (
|
|
553
|
-
colorsToUse: ColorData[],
|
|
554
|
-
paletteName: string,
|
|
555
|
-
format: Format,
|
|
556
|
-
output: Output,
|
|
557
|
-
variant: Variant,
|
|
558
|
-
) => string[]
|
|
559
|
-
declare function createColorArray(
|
|
560
|
-
colorArray: ColorData[],
|
|
561
|
-
name: string,
|
|
562
|
-
type: string,
|
|
563
|
-
): {
|
|
564
|
-
name: string
|
|
565
|
-
colors: {
|
|
566
|
-
name?: string | undefined
|
|
567
|
-
oklch: string
|
|
568
|
-
hex: string
|
|
569
|
-
rgb: string
|
|
570
|
-
hsl: string
|
|
571
|
-
token: string
|
|
572
|
-
}[]
|
|
573
|
-
}[]
|
|
574
|
-
declare const isLightColor: (hexColor: string) => boolean
|
|
575
|
-
declare const renderColorOutput: (
|
|
576
|
-
colorsToUse: ColorData[],
|
|
577
|
-
paletteName: string,
|
|
578
|
-
format: Format,
|
|
579
|
-
output: Output,
|
|
580
|
-
variant: Variant,
|
|
581
|
-
) => string
|
|
582
|
-
declare const renderColorOutputToDTFM: (
|
|
583
|
-
colorsToUse: ColorData[],
|
|
584
|
-
paletteName: string,
|
|
585
|
-
format: Format,
|
|
586
|
-
variant: Variant,
|
|
587
|
-
) => string
|
|
588
|
-
declare const themeIndices: number[]
|
|
589
|
-
declare const themeTokens: number[]
|
|
590
|
-
declare const generateColorThemes: (colors: ColorThemes) => ColorThemes
|
|
591
|
-
declare function oklchConverter(hex: string): string
|
|
592
|
-
declare const getColorValue: (
|
|
593
|
-
color: {
|
|
594
|
-
oklch: string
|
|
595
|
-
hex: string
|
|
596
|
-
rgb: string
|
|
597
|
-
hsl: string
|
|
598
|
-
},
|
|
599
|
-
colorFormat: 'oklch' | 'rgb' | 'hsl' | 'hex',
|
|
600
|
-
) => string
|
|
601
|
-
|
|
602
|
-
declare const colors: ColorThemes
|
|
603
|
-
declare const colorThemes: ColorThemes
|
|
604
|
-
|
|
605
|
-
export {
|
|
606
|
-
Badge,
|
|
607
|
-
Button,
|
|
608
|
-
Card,
|
|
609
|
-
CardAction,
|
|
610
|
-
CardContent,
|
|
611
|
-
CardDescription,
|
|
612
|
-
CardFooter,
|
|
613
|
-
CardHeader,
|
|
614
|
-
CardTitle,
|
|
615
|
-
Collapsible,
|
|
616
|
-
type Color,
|
|
617
|
-
ColorCard,
|
|
618
|
-
type ColorCardProps,
|
|
619
|
-
type ColorData,
|
|
620
|
-
type ColorFormat,
|
|
621
|
-
type ColorProperty,
|
|
622
|
-
type ColorTheme,
|
|
623
|
-
type ColorThemes,
|
|
624
|
-
type ColorsDisplayProps,
|
|
625
|
-
type ColourOutputProps,
|
|
626
|
-
type DesignTokensShades,
|
|
627
|
-
type DesignTokensTheme,
|
|
628
|
-
DynamicFavicon,
|
|
629
|
-
Footer,
|
|
630
|
-
type Format,
|
|
631
|
-
FormatToggle,
|
|
632
|
-
type FormatToggleProps,
|
|
633
|
-
GenerateInterpolatedColors,
|
|
634
|
-
type HeadingNode,
|
|
635
|
-
type IconProps,
|
|
636
|
-
Icons,
|
|
637
|
-
Label,
|
|
638
|
-
type LayoutProps,
|
|
639
|
-
type Link,
|
|
640
|
-
Logo,
|
|
641
|
-
Masthead,
|
|
642
|
-
Navigation,
|
|
643
|
-
type NavigationSection,
|
|
644
|
-
type Output,
|
|
645
|
-
PrevNextLinks,
|
|
646
|
-
RadioGroup,
|
|
647
|
-
RadioGroupItem,
|
|
648
|
-
Separator,
|
|
649
|
-
Sheet,
|
|
650
|
-
SheetClose,
|
|
651
|
-
SheetContent,
|
|
652
|
-
SheetDescription,
|
|
653
|
-
SheetFooter,
|
|
654
|
-
SheetHeader,
|
|
655
|
-
SheetTitle,
|
|
656
|
-
SheetTrigger,
|
|
657
|
-
SidebarNavigation,
|
|
658
|
-
type SimpleNode,
|
|
659
|
-
Social,
|
|
660
|
-
type StructuredColor,
|
|
661
|
-
TableOfContents,
|
|
662
|
-
Tabs,
|
|
663
|
-
TabsContent,
|
|
664
|
-
TabsList,
|
|
665
|
-
TabsTrigger,
|
|
666
|
-
type ThemeCategory,
|
|
667
|
-
type ThemeOption,
|
|
668
|
-
ThemeProvider,
|
|
669
|
-
type ThemeSelectorProps,
|
|
670
|
-
ThemeSwitcher,
|
|
671
|
-
Toaster,
|
|
672
|
-
TocProvider,
|
|
673
|
-
Toggle,
|
|
674
|
-
ToggleGroup,
|
|
675
|
-
ToggleGroupItem,
|
|
676
|
-
type Variant,
|
|
677
|
-
type ViewMode,
|
|
678
|
-
ViewToggle,
|
|
679
|
-
type ViewToggleProps,
|
|
680
|
-
addStartStopToColorArray,
|
|
681
|
-
camelCase,
|
|
682
|
-
cn,
|
|
683
|
-
colorDataArray,
|
|
684
|
-
colorThemes,
|
|
685
|
-
colors,
|
|
686
|
-
createColorArray,
|
|
687
|
-
darkenColor,
|
|
688
|
-
domToSimple,
|
|
689
|
-
generateColorThemes,
|
|
690
|
-
getColorValue,
|
|
691
|
-
getHeadings,
|
|
692
|
-
getNodeText,
|
|
693
|
-
getSurroundingColors,
|
|
694
|
-
interpolateColors,
|
|
695
|
-
isLightColor,
|
|
696
|
-
kebabCase,
|
|
697
|
-
lightenColor,
|
|
698
|
-
oklchConverter,
|
|
699
|
-
renderColorOutput,
|
|
700
|
-
renderColorOutputToDTFM,
|
|
701
|
-
shades,
|
|
702
|
-
themeIndices,
|
|
703
|
-
themeTokens,
|
|
704
|
-
toggleVariants,
|
|
705
|
-
truncate,
|
|
706
|
-
useToc,
|
|
707
|
-
}
|
|
629
|
+
Facebook: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
630
|
+
Github: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
631
|
+
Instagram: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
632
|
+
LinkedIn: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
633
|
+
X: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
634
|
+
YouTube: (props: IconProps) => react_jsx_runtime.JSX.Element;
|
|
635
|
+
};
|
|
636
|
+
|
|
637
|
+
declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
638
|
+
|
|
639
|
+
declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
640
|
+
|
|
641
|
+
declare function Table({ className, ...props }: React$1.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
|
|
642
|
+
declare function TableHeader({ className, ...props }: React$1.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
|
|
643
|
+
declare function TableBody({ className, ...props }: React$1.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
|
|
644
|
+
declare function TableFooter({ className, ...props }: React$1.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
|
|
645
|
+
declare function TableRow({ className, ...props }: React$1.ComponentProps<'tr'>): react_jsx_runtime.JSX.Element;
|
|
646
|
+
declare function TableHead({ className, ...props }: React$1.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
|
|
647
|
+
declare function TableCell({ className, ...props }: React$1.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
|
|
648
|
+
declare function TableCaption({ className, ...props }: React$1.ComponentProps<'caption'>): react_jsx_runtime.JSX.Element;
|
|
649
|
+
|
|
650
|
+
declare function TableOfContents({ tableOfContents }: TableOfContentsProps): react_jsx_runtime.JSX.Element;
|
|
651
|
+
|
|
652
|
+
declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
653
|
+
declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
654
|
+
declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
655
|
+
declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
656
|
+
|
|
657
|
+
declare function Textarea({ className, ...props }: React$1.ComponentProps<'textarea'>): react_jsx_runtime.JSX.Element;
|
|
658
|
+
|
|
659
|
+
declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
660
|
+
|
|
661
|
+
declare function ThemeSelector({ themeCategory, setThemeCategory, primaryColor, setPrimaryColor, accentColor, setAccentColor, availableAccentColors, colorThemes, }: ThemeSelectorProps): react_jsx_runtime.JSX.Element;
|
|
662
|
+
|
|
663
|
+
declare function ThemeSwitcher(): react_jsx_runtime.JSX.Element;
|
|
664
|
+
|
|
665
|
+
declare const TocContext: React$1.Context<TocContextType>;
|
|
666
|
+
declare function TocProvider({ children }: {
|
|
667
|
+
children: ReactNode;
|
|
668
|
+
}): react_jsx_runtime.JSX.Element;
|
|
669
|
+
declare function useToc(): TocContextType;
|
|
670
|
+
|
|
671
|
+
declare const toggleVariants: (props?: ({
|
|
672
|
+
variant?: "default" | "outline" | null | undefined;
|
|
673
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
674
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
675
|
+
declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
676
|
+
|
|
677
|
+
declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
678
|
+
declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
679
|
+
|
|
680
|
+
declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
|
|
681
|
+
declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
682
|
+
declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
683
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
684
|
+
|
|
685
|
+
declare function ViewToggle({ viewMode, setViewMode }: ViewToggleProps): react_jsx_runtime.JSX.Element;
|
|
686
|
+
|
|
687
|
+
declare function cn(...inputs: ClassValue[]): string;
|
|
688
|
+
declare function truncate(text: string, maxLength: number): string;
|
|
689
|
+
declare function kebabCase(str: string): string;
|
|
690
|
+
declare function camelCase(str: string): string;
|
|
691
|
+
|
|
692
|
+
declare function getNodeText(node: HTMLElement | SimpleNode): string;
|
|
693
|
+
declare function domToSimple(node: Node): SimpleNode;
|
|
694
|
+
declare function getHeadings(slugify?: _sindresorhus_slugify.CountableSlugify): HeadingNode[];
|
|
695
|
+
|
|
696
|
+
declare const shades: string[];
|
|
697
|
+
declare const darkenColor: (color: string, factor?: number) => string;
|
|
698
|
+
declare const lightenColor: (color: string, factor?: number) => string;
|
|
699
|
+
declare const addStartStopToColorArray: (colorArray: string[]) => string[];
|
|
700
|
+
declare const interpolateColors: (color1: string, color2: string, steps: number) => ColorData[];
|
|
701
|
+
declare const GenerateInterpolatedColors: (colorArray: string[]) => ColorData[];
|
|
702
|
+
declare const getSurroundingColors: (colors: ColorData[], themeColor: string) => ColorData[];
|
|
703
|
+
declare const colorDataArray: (colorsToUse: ColorData[], paletteName: string, format: Format, output: Output, variant: Variant) => string[];
|
|
704
|
+
declare function createColorArray(colorArray: ColorData[], name: string, type: string): {
|
|
705
|
+
name: string;
|
|
706
|
+
colors: {
|
|
707
|
+
name?: string | undefined;
|
|
708
|
+
oklch: string;
|
|
709
|
+
hex: string;
|
|
710
|
+
rgb: string;
|
|
711
|
+
hsl: string;
|
|
712
|
+
token: string;
|
|
713
|
+
}[];
|
|
714
|
+
}[];
|
|
715
|
+
declare const isLightColor: (hexColor: string) => boolean;
|
|
716
|
+
declare const renderColorOutput: (colorsToUse: ColorData[], paletteName: string, format: Format, output: Output, variant: Variant) => string;
|
|
717
|
+
declare const renderColorOutputToDTFM: (colorsToUse: ColorData[], paletteName: string, format: Format, variant: Variant) => string;
|
|
718
|
+
declare const themeIndices: number[];
|
|
719
|
+
declare const themeTokens: number[];
|
|
720
|
+
declare const generateColorThemes: (colors: ColorThemes) => ColorThemes;
|
|
721
|
+
declare function oklchConverter(hex: string): string;
|
|
722
|
+
declare const getColorValue: (color: {
|
|
723
|
+
oklch: string;
|
|
724
|
+
hex: string;
|
|
725
|
+
rgb: string;
|
|
726
|
+
hsl: string;
|
|
727
|
+
}, colorFormat: "oklch" | "rgb" | "hsl" | "hex") => string;
|
|
728
|
+
|
|
729
|
+
declare const colors: ColorThemes;
|
|
730
|
+
declare const colorThemes: ColorThemes;
|
|
731
|
+
|
|
732
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Color, ColorCard, type ColorCardProps, type ColorData, type ColorFormat, type ColorProperty, type ColorTheme, type ColorThemes, type ColorsDisplayProps, type ColourOutputProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type DesignTokensShades, type DesignTokensTheme, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, type Format, FormatToggle, type FormatToggleProps, GenerateInterpolatedColors, type HeadingNode, type IconProps, Icons, Input, Label, type LayoutProps, Link$1 as Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, type NavigationLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, type NavigationSection, type Output, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrevNextLinks, PrevNextLinksPageLink, type PrevNextLinksProps, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, type SidebarLinkProps, SidebarNavigation, type SimpleNode, Skeleton, Slider, Social, type StructuredColor, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type ThemeCategory, type ThemeOption, ThemeProvider, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, Toaster, TocContext, type TocContextType, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, type Variant, type ViewMode, ViewToggle, type ViewToggleProps, addStartStopToColorArray, badgeVariants, buttonVariants, camelCase, cn, colorDataArray, colorThemes, colors, createColorArray, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
|