@freightos/freightwind 1.0.0 → 1.1.1
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/LICENSE +21 -0
- package/README.md +28 -0
- package/dist/cjs/components/alert.js +33 -16
- package/dist/cjs/components/avatar.js +53 -58
- package/dist/cjs/components/badge.js +42 -18
- package/dist/cjs/components/button.js +35 -24
- package/dist/cjs/components/checkbox.js +21 -3
- package/dist/cjs/components/chip.js +67 -9
- package/dist/cjs/components/message.js +38 -0
- package/dist/cjs/components/pop-confirm.js +86 -0
- package/dist/cjs/components/radio-button-group.js +31 -35
- package/dist/cjs/components/radio-group.js +2 -1
- package/dist/cjs/components/slider.js +14 -6
- package/dist/cjs/components/switch.js +29 -10
- package/dist/cjs/components/tooltip.js +40 -11
- package/dist/cjs/index.js +38 -84
- package/dist/cjs/lib/icon-utils.js +5 -0
- package/dist/cjs/{components/aspect-ratio.js → lib/use-stable-id.js} +7 -4
- package/dist/cjs/lib/utils.js +18 -1
- package/dist/esm/components/alert.js +34 -17
- package/dist/esm/components/avatar.js +53 -22
- package/dist/esm/components/badge.js +45 -19
- package/dist/esm/components/button.js +36 -25
- package/dist/esm/components/checkbox.js +22 -4
- package/dist/esm/components/chip.js +34 -9
- package/dist/esm/components/message.js +34 -0
- package/dist/esm/components/pop-confirm.js +51 -0
- package/dist/esm/components/radio-button-group.js +31 -33
- package/dist/esm/components/radio-group.js +2 -1
- package/dist/esm/components/slider.js +14 -6
- package/dist/esm/components/switch.js +30 -11
- package/dist/esm/components/tooltip.js +40 -7
- package/dist/esm/index.js +18 -66
- package/dist/esm/lib/icon-utils.js +1 -0
- package/dist/esm/lib/use-stable-id.js +6 -0
- package/dist/esm/lib/utils.js +18 -1
- package/dist/types/components/alert.d.ts +5 -5
- package/dist/types/components/avatar.d.ts +14 -19
- package/dist/types/components/badge.d.ts +22 -8
- package/dist/types/components/button.d.ts +15 -9
- package/dist/types/components/checkbox.d.ts +8 -2
- package/dist/types/components/chip.d.ts +14 -8
- package/dist/types/components/message.d.ts +14 -0
- package/dist/types/components/pop-confirm.d.ts +28 -0
- package/dist/types/components/radio-button-group.d.ts +19 -14
- package/dist/types/components/slider.d.ts +10 -2
- package/dist/types/components/switch.d.ts +7 -6
- package/dist/types/components/tooltip.d.ts +9 -6
- package/dist/types/index.d.ts +25 -61
- package/dist/types/lib/icon-utils.d.ts +1 -0
- package/dist/types/lib/use-stable-id.d.ts +1 -0
- package/guidelines/Guidelines.md +54 -0
- package/guidelines/design-tokens/colors.md +81 -0
- package/guidelines/design-tokens/spacing.md +45 -0
- package/guidelines/design-tokens/typography.md +50 -0
- package/guidelines/overview-components.md +252 -0
- package/guidelines/overview-icons.md +52 -0
- package/package.json +63 -54
- package/tokens.css +409 -0
- package/dist/cjs/components/accordion.js +0 -57
- package/dist/cjs/components/breadcrumb.js +0 -65
- package/dist/cjs/components/calendar.js +0 -106
- package/dist/cjs/components/card.js +0 -59
- package/dist/cjs/components/chart.js +0 -176
- package/dist/cjs/components/collapsible.js +0 -43
- package/dist/cjs/components/command.js +0 -73
- package/dist/cjs/components/context-menu.js +0 -83
- package/dist/cjs/components/country-select.js +0 -155
- package/dist/cjs/components/date-picker.js +0 -59
- package/dist/cjs/components/date-range-picker.js +0 -59
- package/dist/cjs/components/date-time-picker.js +0 -106
- package/dist/cjs/components/dialog.js +0 -70
- package/dist/cjs/components/drawer.js +0 -68
- package/dist/cjs/components/dropdown-menu.js +0 -85
- package/dist/cjs/components/empty.js +0 -42
- package/dist/cjs/components/file-preview.js +0 -73
- package/dist/cjs/components/form.js +0 -106
- package/dist/cjs/components/inline-edit.js +0 -83
- package/dist/cjs/components/input-group.js +0 -70
- package/dist/cjs/components/input-otp.js +0 -58
- package/dist/cjs/components/input.js +0 -57
- package/dist/cjs/components/label.js +0 -45
- package/dist/cjs/components/menubar.js +0 -96
- package/dist/cjs/components/navigation-menu.js +0 -68
- package/dist/cjs/components/pagination.js +0 -65
- package/dist/cjs/components/phone-input.js +0 -218
- package/dist/cjs/components/popover.js +0 -49
- package/dist/cjs/components/progress.js +0 -43
- package/dist/cjs/components/resizable.js +0 -47
- package/dist/cjs/components/rich-text-editor.js +0 -152
- package/dist/cjs/components/route.js +0 -47
- package/dist/cjs/components/scroll-area.js +0 -48
- package/dist/cjs/components/select.js +0 -71
- package/dist/cjs/components/separator.js +0 -43
- package/dist/cjs/components/sheet.js +0 -245
- package/dist/cjs/components/skeleton.js +0 -8
- package/dist/cjs/components/sonner.js +0 -25
- package/dist/cjs/components/spinner.js +0 -25
- package/dist/cjs/components/stepper.js +0 -99
- package/dist/cjs/components/steps.js +0 -127
- package/dist/cjs/components/table.js +0 -66
- package/dist/cjs/components/tabs.js +0 -51
- package/dist/cjs/components/textarea.js +0 -44
- package/dist/cjs/components/time-picker.js +0 -110
- package/dist/cjs/components/toast.js +0 -75
- package/dist/cjs/components/toaster.js +0 -12
- package/dist/cjs/components/toggle-group.js +0 -58
- package/dist/cjs/components/toggle.js +0 -62
- package/dist/cjs/hooks/use-toast.js +0 -166
- package/dist/cjs/lib/countryUtils.js +0 -93
- package/dist/esm/components/accordion.js +0 -18
- package/dist/esm/components/aspect-ratio.js +0 -3
- package/dist/esm/components/breadcrumb.js +0 -23
- package/dist/esm/components/calendar.js +0 -70
- package/dist/esm/components/card.js +0 -18
- package/dist/esm/components/chart.js +0 -135
- package/dist/esm/components/collapsible.js +0 -5
- package/dist/esm/components/command.js +0 -29
- package/dist/esm/components/context-menu.js +0 -33
- package/dist/esm/components/country-select.js +0 -118
- package/dist/esm/components/date-picker.js +0 -23
- package/dist/esm/components/date-range-picker.js +0 -23
- package/dist/esm/components/date-time-picker.js +0 -70
- package/dist/esm/components/dialog.js +0 -24
- package/dist/esm/components/drawer.js +0 -23
- package/dist/esm/components/dropdown-menu.js +0 -35
- package/dist/esm/components/empty.js +0 -6
- package/dist/esm/components/file-preview.js +0 -69
- package/dist/esm/components/form.js +0 -63
- package/dist/esm/components/inline-edit.js +0 -47
- package/dist/esm/components/input-group.js +0 -63
- package/dist/esm/components/input-otp.js +0 -19
- package/dist/esm/components/input.js +0 -21
- package/dist/esm/components/label.js +0 -9
- package/dist/esm/components/menubar.js +0 -45
- package/dist/esm/components/navigation-menu.js +0 -24
- package/dist/esm/components/pagination.js +0 -23
- package/dist/esm/components/phone-input.js +0 -181
- package/dist/esm/components/popover.js +0 -10
- package/dist/esm/components/progress.js +0 -7
- package/dist/esm/components/resizable.js +0 -9
- package/dist/esm/components/rich-text-editor.js +0 -145
- package/dist/esm/components/route.js +0 -11
- package/dist/esm/components/scroll-area.js +0 -11
- package/dist/esm/components/select.js +0 -26
- package/dist/esm/components/separator.js +0 -7
- package/dist/esm/components/sheet.js +0 -197
- package/dist/esm/components/skeleton.js +0 -6
- package/dist/esm/components/sonner.js +0 -22
- package/dist/esm/components/spinner.js +0 -21
- package/dist/esm/components/stepper.js +0 -57
- package/dist/esm/components/steps.js +0 -80
- package/dist/esm/components/table.js +0 -22
- package/dist/esm/components/tabs.js +0 -12
- package/dist/esm/components/textarea.js +0 -8
- package/dist/esm/components/time-picker.js +0 -74
- package/dist/esm/components/toast.js +0 -33
- package/dist/esm/components/toaster.js +0 -9
- package/dist/esm/components/toggle-group.js +0 -21
- package/dist/esm/components/toggle.js +0 -25
- package/dist/esm/hooks/use-toast.js +0 -128
- package/dist/esm/lib/countryUtils.js +0 -87
- package/dist/styles.css +0 -152
- package/dist/types/components/accordion.d.ts +0 -11
- package/dist/types/components/aspect-ratio.d.ts +0 -3
- package/dist/types/components/breadcrumb.d.ts +0 -19
- package/dist/types/components/calendar.d.ts +0 -7
- package/dist/types/components/card.d.ts +0 -11
- package/dist/types/components/chart.d.ts +0 -66
- package/dist/types/components/collapsible.d.ts +0 -5
- package/dist/types/components/command.d.ts +0 -80
- package/dist/types/components/context-menu.d.ts +0 -27
- package/dist/types/components/country-select.d.ts +0 -17
- package/dist/types/components/date-picker.d.ts +0 -9
- package/dist/types/components/date-range-picker.d.ts +0 -10
- package/dist/types/components/date-time-picker.d.ts +0 -10
- package/dist/types/components/dialog.d.ts +0 -23
- package/dist/types/components/drawer.d.ts +0 -22
- package/dist/types/components/dropdown-menu.d.ts +0 -27
- package/dist/types/components/empty.d.ts +0 -6
- package/dist/types/components/file-preview.d.ts +0 -9
- package/dist/types/components/form.d.ts +0 -23
- package/dist/types/components/inline-edit.d.ts +0 -10
- package/dist/types/components/input-group.d.ts +0 -16
- package/dist/types/components/input-otp.d.ts +0 -34
- package/dist/types/components/input.d.ts +0 -9
- package/dist/types/components/label.d.ts +0 -5
- package/dist/types/components/menubar.d.ts +0 -28
- package/dist/types/components/navigation-menu.d.ts +0 -12
- package/dist/types/components/pagination.d.ts +0 -29
- package/dist/types/components/phone-input.d.ts +0 -20
- package/dist/types/components/popover.d.ts +0 -9
- package/dist/types/components/progress.d.ts +0 -4
- package/dist/types/components/resizable.d.ts +0 -23
- package/dist/types/components/rich-text-editor.d.ts +0 -8
- package/dist/types/components/route.d.ts +0 -10
- package/dist/types/components/scroll-area.d.ts +0 -5
- package/dist/types/components/select.d.ts +0 -13
- package/dist/types/components/separator.d.ts +0 -4
- package/dist/types/components/sheet.d.ts +0 -49
- package/dist/types/components/skeleton.d.ts +0 -2
- package/dist/types/components/sonner.d.ts +0 -4
- package/dist/types/components/spinner.d.ts +0 -8
- package/dist/types/components/stepper.d.ts +0 -17
- package/dist/types/components/steps.d.ts +0 -64
- package/dist/types/components/table.d.ts +0 -14
- package/dist/types/components/tabs.d.ts +0 -7
- package/dist/types/components/textarea.d.ts +0 -3
- package/dist/types/components/time-picker.d.ts +0 -10
- package/dist/types/components/toast.d.ts +0 -15
- package/dist/types/components/toaster.d.ts +0 -1
- package/dist/types/components/toggle-group.d.ts +0 -12
- package/dist/types/components/toggle.d.ts +0 -12
- package/dist/types/hooks/use-toast.d.ts +0 -44
- package/dist/types/lib/countryUtils.d.ts +0 -20
- package/tailwind-preset.js +0 -70
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
// Inspired by react-hot-toast library
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
const TOAST_LIMIT = 1;
|
|
5
|
-
const TOAST_REMOVE_DELAY = 1000000;
|
|
6
|
-
const actionTypes = {
|
|
7
|
-
ADD_TOAST: "ADD_TOAST",
|
|
8
|
-
UPDATE_TOAST: "UPDATE_TOAST",
|
|
9
|
-
DISMISS_TOAST: "DISMISS_TOAST",
|
|
10
|
-
REMOVE_TOAST: "REMOVE_TOAST",
|
|
11
|
-
};
|
|
12
|
-
let count = 0;
|
|
13
|
-
function genId() {
|
|
14
|
-
count = (count + 1) % Number.MAX_SAFE_INTEGER;
|
|
15
|
-
return count.toString();
|
|
16
|
-
}
|
|
17
|
-
const toastTimeouts = new Map();
|
|
18
|
-
const addToRemoveQueue = (toastId) => {
|
|
19
|
-
if (toastTimeouts.has(toastId)) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
const timeout = setTimeout(() => {
|
|
23
|
-
toastTimeouts.delete(toastId);
|
|
24
|
-
dispatch({
|
|
25
|
-
type: "REMOVE_TOAST",
|
|
26
|
-
toastId: toastId,
|
|
27
|
-
});
|
|
28
|
-
}, TOAST_REMOVE_DELAY);
|
|
29
|
-
toastTimeouts.set(toastId, timeout);
|
|
30
|
-
};
|
|
31
|
-
export const reducer = (state, action) => {
|
|
32
|
-
switch (action.type) {
|
|
33
|
-
case "ADD_TOAST":
|
|
34
|
-
return {
|
|
35
|
-
...state,
|
|
36
|
-
toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
|
|
37
|
-
};
|
|
38
|
-
case "UPDATE_TOAST":
|
|
39
|
-
return {
|
|
40
|
-
...state,
|
|
41
|
-
toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
|
|
42
|
-
};
|
|
43
|
-
case "DISMISS_TOAST": {
|
|
44
|
-
const { toastId } = action;
|
|
45
|
-
// ! Side effects ! - This could be extracted into a dismissToast() action,
|
|
46
|
-
// but I'll keep it here for simplicity
|
|
47
|
-
if (toastId) {
|
|
48
|
-
addToRemoveQueue(toastId);
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
state.toasts.forEach((toast) => {
|
|
52
|
-
addToRemoveQueue(toast.id);
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
return {
|
|
56
|
-
...state,
|
|
57
|
-
toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
|
|
58
|
-
? {
|
|
59
|
-
...t,
|
|
60
|
-
open: false,
|
|
61
|
-
}
|
|
62
|
-
: t),
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
case "REMOVE_TOAST":
|
|
66
|
-
if (action.toastId === undefined) {
|
|
67
|
-
return {
|
|
68
|
-
...state,
|
|
69
|
-
toasts: [],
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
return {
|
|
73
|
-
...state,
|
|
74
|
-
toasts: state.toasts.filter((t) => t.id !== action.toastId),
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const listeners = [];
|
|
79
|
-
let memoryState = { toasts: [] };
|
|
80
|
-
function dispatch(action) {
|
|
81
|
-
memoryState = reducer(memoryState, action);
|
|
82
|
-
listeners.forEach((listener) => {
|
|
83
|
-
listener(memoryState);
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
function toast({ ...props }) {
|
|
87
|
-
const id = genId();
|
|
88
|
-
const update = (props) => dispatch({
|
|
89
|
-
type: "UPDATE_TOAST",
|
|
90
|
-
toast: { ...props, id },
|
|
91
|
-
});
|
|
92
|
-
const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
|
|
93
|
-
dispatch({
|
|
94
|
-
type: "ADD_TOAST",
|
|
95
|
-
toast: {
|
|
96
|
-
...props,
|
|
97
|
-
id,
|
|
98
|
-
open: true,
|
|
99
|
-
onOpenChange: (open) => {
|
|
100
|
-
if (!open)
|
|
101
|
-
dismiss();
|
|
102
|
-
},
|
|
103
|
-
},
|
|
104
|
-
});
|
|
105
|
-
return {
|
|
106
|
-
id: id,
|
|
107
|
-
dismiss,
|
|
108
|
-
update,
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
function useToast() {
|
|
112
|
-
const [state, setState] = React.useState(memoryState);
|
|
113
|
-
React.useEffect(() => {
|
|
114
|
-
listeners.push(setState);
|
|
115
|
-
return () => {
|
|
116
|
-
const index = listeners.indexOf(setState);
|
|
117
|
-
if (index > -1) {
|
|
118
|
-
listeners.splice(index, 1);
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
}, [state]);
|
|
122
|
-
return {
|
|
123
|
-
...state,
|
|
124
|
-
toast,
|
|
125
|
-
dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
|
|
126
|
-
};
|
|
127
|
-
}
|
|
128
|
-
export { useToast, toast };
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get flag image URL for country code (ISO 3166-1 alpha-2)
|
|
3
|
-
* Uses Freightos festatic CDN for flag images
|
|
4
|
-
* @param countryCode Two-letter country code (e.g., 'US', 'GB', 'FR')
|
|
5
|
-
* @returns Flag image URL or empty string if invalid
|
|
6
|
-
*/
|
|
7
|
-
export const getCountryFlag = (countryCode) => {
|
|
8
|
-
if (!countryCode || countryCode.length !== 2)
|
|
9
|
-
return '';
|
|
10
|
-
const lowerCode = countryCode.toLowerCase();
|
|
11
|
-
// Use Freightos festatic CDN for flag images
|
|
12
|
-
return `https://festatic.freightos.com/flags/1x1/${lowerCode}.svg`;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* Get flag emoji for country code (ISO 3166-1 alpha-2)
|
|
16
|
-
* Uses Unicode regional indicator symbols to display flag emojis
|
|
17
|
-
*/
|
|
18
|
-
export const getCountryFlagEmoji = (countryCode) => {
|
|
19
|
-
if (!countryCode || countryCode.length !== 2)
|
|
20
|
-
return '';
|
|
21
|
-
const upperCode = countryCode.toUpperCase();
|
|
22
|
-
// Convert country code to regional indicator symbols (flag emoji)
|
|
23
|
-
const codePoints = [...upperCode].map(char => 0x1F1E6 + char.charCodeAt(0) - 65);
|
|
24
|
-
return String.fromCodePoint(...codePoints);
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Common country names mapping (ISO 3166-1 alpha-2 codes)
|
|
28
|
-
*/
|
|
29
|
-
const COUNTRY_NAMES = {
|
|
30
|
-
US: 'United States',
|
|
31
|
-
GB: 'United Kingdom',
|
|
32
|
-
CA: 'Canada',
|
|
33
|
-
FR: 'France',
|
|
34
|
-
DE: 'Germany',
|
|
35
|
-
IT: 'Italy',
|
|
36
|
-
ES: 'Spain',
|
|
37
|
-
NL: 'Netherlands',
|
|
38
|
-
BE: 'Belgium',
|
|
39
|
-
CH: 'Switzerland',
|
|
40
|
-
AT: 'Austria',
|
|
41
|
-
SE: 'Sweden',
|
|
42
|
-
NO: 'Norway',
|
|
43
|
-
DK: 'Denmark',
|
|
44
|
-
FI: 'Finland',
|
|
45
|
-
PL: 'Poland',
|
|
46
|
-
CZ: 'Czech Republic',
|
|
47
|
-
IE: 'Ireland',
|
|
48
|
-
PT: 'Portugal',
|
|
49
|
-
GR: 'Greece',
|
|
50
|
-
CN: 'China',
|
|
51
|
-
JP: 'Japan',
|
|
52
|
-
KR: 'South Korea',
|
|
53
|
-
IN: 'India',
|
|
54
|
-
AU: 'Australia',
|
|
55
|
-
NZ: 'New Zealand',
|
|
56
|
-
SG: 'Singapore',
|
|
57
|
-
HK: 'Hong Kong',
|
|
58
|
-
TW: 'Taiwan',
|
|
59
|
-
TH: 'Thailand',
|
|
60
|
-
MY: 'Malaysia',
|
|
61
|
-
ID: 'Indonesia',
|
|
62
|
-
PH: 'Philippines',
|
|
63
|
-
VN: 'Vietnam',
|
|
64
|
-
BR: 'Brazil',
|
|
65
|
-
MX: 'Mexico',
|
|
66
|
-
AR: 'Argentina',
|
|
67
|
-
CL: 'Chile',
|
|
68
|
-
CO: 'Colombia',
|
|
69
|
-
PE: 'Peru',
|
|
70
|
-
ZA: 'South Africa',
|
|
71
|
-
EG: 'Egypt',
|
|
72
|
-
IL: 'Israel',
|
|
73
|
-
AE: 'United Arab Emirates',
|
|
74
|
-
SA: 'Saudi Arabia',
|
|
75
|
-
TR: 'Turkey',
|
|
76
|
-
RU: 'Russia',
|
|
77
|
-
UA: 'Ukraine',
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* Get country information including flag, code, and name
|
|
81
|
-
*/
|
|
82
|
-
export const getCountryInfo = (countryCode) => {
|
|
83
|
-
const upperCode = countryCode?.toUpperCase() || '';
|
|
84
|
-
const flag = getCountryFlag(upperCode);
|
|
85
|
-
const name = COUNTRY_NAMES[upperCode] || upperCode;
|
|
86
|
-
return { flag, code: upperCode, name };
|
|
87
|
-
};
|
package/dist/styles.css
DELETED
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
/* FreightWind Design System - FDS Tokens */
|
|
2
|
-
/* Auto-generated - do not edit manually */
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
/* Primary Blue */
|
|
6
|
-
--fds-blue: #0066FF;
|
|
7
|
-
--fds-blue-10: #E5F0FF;
|
|
8
|
-
--fds-blue-20: #CCE0FF;
|
|
9
|
-
--fds-blue-40: #4D94FF;
|
|
10
|
-
--fds-blue-50: #0052CC;
|
|
11
|
-
|
|
12
|
-
/* Semantic Colors */
|
|
13
|
-
--fds-red: #DC2626;
|
|
14
|
-
--fds-red-10: #FEE2E2;
|
|
15
|
-
--fds-green: #16A34A;
|
|
16
|
-
--fds-green-10: #DCFCE7;
|
|
17
|
-
--fds-orange: #EA580C;
|
|
18
|
-
--fds-orange-10: #FFEDD5;
|
|
19
|
-
--fds-yellow: #CA8A04;
|
|
20
|
-
--fds-yellow-10: #FEF9C3;
|
|
21
|
-
--fds-purple: #9333EA;
|
|
22
|
-
--fds-purple-10: #F3E8FF;
|
|
23
|
-
|
|
24
|
-
/* Gray Scale */
|
|
25
|
-
--fds-gray-10: #F8FAFC;
|
|
26
|
-
--fds-gray-20: #F1F5F9;
|
|
27
|
-
--fds-gray-30: #E2E8F0;
|
|
28
|
-
--fds-gray-40: #CBD5E1;
|
|
29
|
-
--fds-gray-50: #94A3B8;
|
|
30
|
-
--fds-gray-60: #64748B;
|
|
31
|
-
--fds-gray-70: #475569;
|
|
32
|
-
--fds-gray-80: #334155;
|
|
33
|
-
--fds-gray-90: #1E293B;
|
|
34
|
-
|
|
35
|
-
/* Spacing */
|
|
36
|
-
--fds-spacing-xs: 4px;
|
|
37
|
-
--fds-spacing-sm: 8px;
|
|
38
|
-
--fds-spacing-md: 12px;
|
|
39
|
-
--fds-spacing-lg: 16px;
|
|
40
|
-
--fds-spacing-xl: 24px;
|
|
41
|
-
--fds-spacing-xxl: 32px;
|
|
42
|
-
--fds-spacing-xxxl: 64px;
|
|
43
|
-
|
|
44
|
-
/* Typography Sizes */
|
|
45
|
-
--fds-text-xs: 10px;
|
|
46
|
-
--fds-text-sm: 12px;
|
|
47
|
-
--fds-text-base: 14px;
|
|
48
|
-
--fds-text-h6: 16px;
|
|
49
|
-
--fds-text-h5: 18px;
|
|
50
|
-
--fds-text-h4: 20px;
|
|
51
|
-
--fds-text-h3: 24px;
|
|
52
|
-
--fds-text-h2: 32px;
|
|
53
|
-
--fds-text-h1: 40px;
|
|
54
|
-
|
|
55
|
-
/* Font Weights */
|
|
56
|
-
--fds-font-regular: 400;
|
|
57
|
-
--fds-font-medium: 500;
|
|
58
|
-
--fds-font-semibold: 600;
|
|
59
|
-
--fds-font-bold: 700;
|
|
60
|
-
|
|
61
|
-
/* Border Radius */
|
|
62
|
-
--fds-radius-sm: 2px;
|
|
63
|
-
--fds-radius-md: 4px;
|
|
64
|
-
--fds-radius-lg: 8px;
|
|
65
|
-
|
|
66
|
-
/* Shadows */
|
|
67
|
-
--fds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
68
|
-
--fds-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
69
|
-
--fds-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/* Tailwind-compatible utility classes */
|
|
73
|
-
.bg-fds-blue { background-color: var(--fds-blue); }
|
|
74
|
-
.bg-fds-blue-10 { background-color: var(--fds-blue-10); }
|
|
75
|
-
.bg-fds-blue-20 { background-color: var(--fds-blue-20); }
|
|
76
|
-
.bg-fds-blue-40 { background-color: var(--fds-blue-40); }
|
|
77
|
-
.bg-fds-blue-50 { background-color: var(--fds-blue-50); }
|
|
78
|
-
|
|
79
|
-
.bg-fds-red { background-color: var(--fds-red); }
|
|
80
|
-
.bg-fds-red-10 { background-color: var(--fds-red-10); }
|
|
81
|
-
.bg-fds-green { background-color: var(--fds-green); }
|
|
82
|
-
.bg-fds-green-10 { background-color: var(--fds-green-10); }
|
|
83
|
-
.bg-fds-orange { background-color: var(--fds-orange); }
|
|
84
|
-
.bg-fds-orange-10 { background-color: var(--fds-orange-10); }
|
|
85
|
-
.bg-fds-purple { background-color: var(--fds-purple); }
|
|
86
|
-
.bg-fds-purple-10 { background-color: var(--fds-purple-10); }
|
|
87
|
-
|
|
88
|
-
.bg-fds-gray-10 { background-color: var(--fds-gray-10); }
|
|
89
|
-
.bg-fds-gray-20 { background-color: var(--fds-gray-20); }
|
|
90
|
-
.bg-fds-gray-30 { background-color: var(--fds-gray-30); }
|
|
91
|
-
.bg-fds-gray-40 { background-color: var(--fds-gray-40); }
|
|
92
|
-
.bg-fds-gray-50 { background-color: var(--fds-gray-50); }
|
|
93
|
-
.bg-fds-gray-60 { background-color: var(--fds-gray-60); }
|
|
94
|
-
.bg-fds-gray-70 { background-color: var(--fds-gray-70); }
|
|
95
|
-
.bg-fds-gray-80 { background-color: var(--fds-gray-80); }
|
|
96
|
-
.bg-fds-gray-90 { background-color: var(--fds-gray-90); }
|
|
97
|
-
|
|
98
|
-
.text-fds-blue { color: var(--fds-blue); }
|
|
99
|
-
.text-fds-red { color: var(--fds-red); }
|
|
100
|
-
.text-fds-green { color: var(--fds-green); }
|
|
101
|
-
.text-fds-orange { color: var(--fds-orange); }
|
|
102
|
-
.text-fds-purple { color: var(--fds-purple); }
|
|
103
|
-
|
|
104
|
-
.text-fds-gray-50 { color: var(--fds-gray-50); }
|
|
105
|
-
.text-fds-gray-60 { color: var(--fds-gray-60); }
|
|
106
|
-
.text-fds-gray-70 { color: var(--fds-gray-70); }
|
|
107
|
-
|
|
108
|
-
.border-fds-blue { border-color: var(--fds-blue); }
|
|
109
|
-
.border-fds-gray-20 { border-color: var(--fds-gray-20); }
|
|
110
|
-
.border-fds-gray-30 { border-color: var(--fds-gray-30); }
|
|
111
|
-
|
|
112
|
-
.p-fds-xs { padding: var(--fds-spacing-xs); }
|
|
113
|
-
.p-fds-sm { padding: var(--fds-spacing-sm); }
|
|
114
|
-
.p-fds-md { padding: var(--fds-spacing-md); }
|
|
115
|
-
.p-fds-lg { padding: var(--fds-spacing-lg); }
|
|
116
|
-
.p-fds-xl { padding: var(--fds-spacing-xl); }
|
|
117
|
-
.p-fds-xxl { padding: var(--fds-spacing-xxl); }
|
|
118
|
-
|
|
119
|
-
.m-fds-xs { margin: var(--fds-spacing-xs); }
|
|
120
|
-
.m-fds-sm { margin: var(--fds-spacing-sm); }
|
|
121
|
-
.m-fds-md { margin: var(--fds-spacing-md); }
|
|
122
|
-
.m-fds-lg { margin: var(--fds-spacing-lg); }
|
|
123
|
-
.m-fds-xl { margin: var(--fds-spacing-xl); }
|
|
124
|
-
|
|
125
|
-
.gap-fds-xs { gap: var(--fds-spacing-xs); }
|
|
126
|
-
.gap-fds-sm { gap: var(--fds-spacing-sm); }
|
|
127
|
-
.gap-fds-md { gap: var(--fds-spacing-md); }
|
|
128
|
-
.gap-fds-lg { gap: var(--fds-spacing-lg); }
|
|
129
|
-
.gap-fds-xl { gap: var(--fds-spacing-xl); }
|
|
130
|
-
|
|
131
|
-
.text-fds-xs { font-size: var(--fds-text-xs); }
|
|
132
|
-
.text-fds-sm { font-size: var(--fds-text-sm); }
|
|
133
|
-
.text-fds-base { font-size: var(--fds-text-base); }
|
|
134
|
-
.text-fds-h6 { font-size: var(--fds-text-h6); }
|
|
135
|
-
.text-fds-h5 { font-size: var(--fds-text-h5); }
|
|
136
|
-
.text-fds-h4 { font-size: var(--fds-text-h4); }
|
|
137
|
-
.text-fds-h3 { font-size: var(--fds-text-h3); }
|
|
138
|
-
.text-fds-h2 { font-size: var(--fds-text-h2); }
|
|
139
|
-
.text-fds-h1 { font-size: var(--fds-text-h1); }
|
|
140
|
-
|
|
141
|
-
.font-fds-regular { font-weight: var(--fds-font-regular); }
|
|
142
|
-
.font-fds-medium { font-weight: var(--fds-font-medium); }
|
|
143
|
-
.font-fds-semibold { font-weight: var(--fds-font-semibold); }
|
|
144
|
-
.font-fds-bold { font-weight: var(--fds-font-bold); }
|
|
145
|
-
|
|
146
|
-
.rounded-fds-sm { border-radius: var(--fds-radius-sm); }
|
|
147
|
-
.rounded-fds-md { border-radius: var(--fds-radius-md); }
|
|
148
|
-
.rounded-fds-lg { border-radius: var(--fds-radius-lg); }
|
|
149
|
-
|
|
150
|
-
.shadow-fds-sm { box-shadow: var(--fds-shadow-sm); }
|
|
151
|
-
.shadow-fds-md { box-shadow: var(--fds-shadow-md); }
|
|
152
|
-
.shadow-fds-lg { box-shadow: var(--fds-shadow-lg); }
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
interface AccordionTriggerProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
|
|
6
|
-
caretPosition?: 'start' | 'end';
|
|
7
|
-
bottom?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
|
-
separator?: React.ReactNode;
|
|
4
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
5
|
-
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
|
-
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
7
|
-
declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
-
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
11
|
-
declare const BreadcrumbSeparator: {
|
|
12
|
-
({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
15
|
-
declare const BreadcrumbEllipsis: {
|
|
16
|
-
({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
displayName: string;
|
|
18
|
-
};
|
|
19
|
-
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DayButton, DayPicker } from 'react-day-picker';
|
|
3
|
-
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
4
|
-
buttonVariant?: 'default' | 'secondary' | 'tertiary' | 'text' | 'danger';
|
|
5
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export { Calendar, CalendarDayButton };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
-
declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
-
interface CardTitleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
size?: 'small' | 'medium';
|
|
7
|
-
}
|
|
8
|
-
declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
export { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as RechartsPrimitive from "recharts";
|
|
3
|
-
declare const THEMES: {
|
|
4
|
-
readonly light: "";
|
|
5
|
-
readonly dark: ".dark";
|
|
6
|
-
};
|
|
7
|
-
export type ChartConfig = {
|
|
8
|
-
[k in string]: {
|
|
9
|
-
label?: React.ReactNode;
|
|
10
|
-
icon?: React.ComponentType;
|
|
11
|
-
} & ({
|
|
12
|
-
color?: string;
|
|
13
|
-
theme?: never;
|
|
14
|
-
} | {
|
|
15
|
-
color?: never;
|
|
16
|
-
theme: Record<keyof typeof THEMES, string>;
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
-
config: ChartConfig;
|
|
21
|
-
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const ChartStyle: ({ id, config }: {
|
|
24
|
-
id: string;
|
|
25
|
-
config: ChartConfig;
|
|
26
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
-
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
|
-
type TooltipPayload = {
|
|
29
|
-
value?: string | number;
|
|
30
|
-
name?: string;
|
|
31
|
-
dataKey?: string;
|
|
32
|
-
payload?: Record<string, unknown>;
|
|
33
|
-
color?: string;
|
|
34
|
-
fill?: string;
|
|
35
|
-
type?: string;
|
|
36
|
-
};
|
|
37
|
-
declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
38
|
-
active?: boolean;
|
|
39
|
-
payload?: TooltipPayload[];
|
|
40
|
-
label?: string;
|
|
41
|
-
labelFormatter?: (label: React.ReactNode, payload: TooltipPayload[]) => React.ReactNode;
|
|
42
|
-
labelClassName?: string;
|
|
43
|
-
formatter?: (value: unknown, name: string, item: TooltipPayload, index: number, payload?: Record<string, unknown>) => React.ReactNode;
|
|
44
|
-
hideLabel?: boolean;
|
|
45
|
-
hideIndicator?: boolean;
|
|
46
|
-
indicator?: "line" | "dot" | "dashed";
|
|
47
|
-
nameKey?: string;
|
|
48
|
-
labelKey?: string;
|
|
49
|
-
color?: string;
|
|
50
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
51
|
-
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
52
|
-
type LegendPayload = {
|
|
53
|
-
value?: string;
|
|
54
|
-
id?: string;
|
|
55
|
-
type?: string;
|
|
56
|
-
color?: string;
|
|
57
|
-
dataKey?: string;
|
|
58
|
-
payload?: Record<string, unknown>;
|
|
59
|
-
};
|
|
60
|
-
declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
61
|
-
payload?: LegendPayload[];
|
|
62
|
-
verticalAlign?: "top" | "bottom" | "middle";
|
|
63
|
-
hideIcon?: boolean;
|
|
64
|
-
nameKey?: string;
|
|
65
|
-
}, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
-
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
2
|
-
declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
-
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
|
-
declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
-
export { Collapsible, CollapsibleTrigger, CollapsibleContent };
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type DialogProps } from '@radix-ui/react-dialog';
|
|
3
|
-
declare const Command: React.ForwardRefExoticComponent<Omit<{
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
6
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
7
|
-
} & {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
10
|
-
label?: string;
|
|
11
|
-
shouldFilter?: boolean;
|
|
12
|
-
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
13
|
-
defaultValue?: string;
|
|
14
|
-
value?: string;
|
|
15
|
-
onValueChange?: (value: string) => void;
|
|
16
|
-
loop?: boolean;
|
|
17
|
-
disablePointerSelection?: boolean;
|
|
18
|
-
vimBindings?: boolean;
|
|
19
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
-
declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
|
|
22
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
23
|
-
} & {
|
|
24
|
-
asChild?: boolean;
|
|
25
|
-
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
|
|
26
|
-
value?: string;
|
|
27
|
-
onValueChange?: (search: string) => void;
|
|
28
|
-
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
-
declare const CommandList: React.ForwardRefExoticComponent<Omit<{
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
32
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
33
|
-
} & {
|
|
34
|
-
asChild?: boolean;
|
|
35
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
36
|
-
label?: string;
|
|
37
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
-
declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
39
|
-
children?: React.ReactNode;
|
|
40
|
-
} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
41
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
42
|
-
} & {
|
|
43
|
-
asChild?: boolean;
|
|
44
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
-
declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
46
|
-
children?: React.ReactNode;
|
|
47
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
48
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
49
|
-
} & {
|
|
50
|
-
asChild?: boolean;
|
|
51
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
|
|
52
|
-
heading?: React.ReactNode;
|
|
53
|
-
value?: string;
|
|
54
|
-
forceMount?: boolean;
|
|
55
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
-
declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
57
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
58
|
-
} & {
|
|
59
|
-
asChild?: boolean;
|
|
60
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
|
-
alwaysRender?: boolean;
|
|
62
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
-
declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
64
|
-
children?: React.ReactNode;
|
|
65
|
-
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
66
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
67
|
-
} & {
|
|
68
|
-
asChild?: boolean;
|
|
69
|
-
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
|
|
70
|
-
disabled?: boolean;
|
|
71
|
-
onSelect?: (value: string) => void;
|
|
72
|
-
value?: string;
|
|
73
|
-
keywords?: string[];
|
|
74
|
-
forceMount?: boolean;
|
|
75
|
-
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
-
declare const CommandShortcut: {
|
|
77
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
78
|
-
displayName: string;
|
|
79
|
-
};
|
|
80
|
-
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
|
-
declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
|
|
4
|
-
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
-
declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
-
declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
|
|
7
|
-
declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
|
|
8
|
-
declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
-
declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
10
|
-
inset?: boolean;
|
|
11
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
-
declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
15
|
-
inset?: boolean;
|
|
16
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
-
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
-
declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
20
|
-
inset?: boolean;
|
|
21
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
-
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const ContextMenuShortcut: {
|
|
24
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
27
|
-
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface Country {
|
|
3
|
-
code: string;
|
|
4
|
-
name: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const COUNTRIES: Country[];
|
|
7
|
-
interface CountrySelectProps {
|
|
8
|
-
value?: string;
|
|
9
|
-
onChange?: (value: string) => void;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
mostUsedCountries?: string[];
|
|
12
|
-
countries?: Country[];
|
|
13
|
-
className?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
}
|
|
16
|
-
export declare const CountrySelect: React.FC<CountrySelectProps>;
|
|
17
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface DatePickerProps {
|
|
2
|
-
value?: Date;
|
|
3
|
-
onChange?: (date: Date | undefined) => void;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
className?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare function DatePicker({ value, onChange, placeholder, disabled, className, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { DateRange } from 'react-day-picker';
|
|
2
|
-
interface DateRangePickerProps {
|
|
3
|
-
value?: DateRange;
|
|
4
|
-
onChange?: (range: DateRange | undefined) => void;
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare function DateRangePicker({ value, onChange, placeholder, disabled, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface DateTimePickerProps {
|
|
2
|
-
value?: Date;
|
|
3
|
-
onChange?: (date: Date | undefined) => void;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
className?: string;
|
|
7
|
-
use24Hour?: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare function DateTimePicker({ value, onChange, placeholder, disabled, className, use24Hour, }: DateTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|