@rabelo-digital/ds-rd 1.1.1 → 1.1.2
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/index.css +214 -213
- package/dist/index.css.map +7 -1
- package/dist/index.js +772 -247
- package/dist/index.js.map +7 -1
- package/dist/index.mjs +718 -128
- package/dist/index.mjs.map +7 -1
- package/dist/styles.css +1160 -0
- package/dist/tokens/index.js +333 -43
- package/dist/tokens/index.js.map +7 -1
- package/dist/tokens/index.mjs +314 -2
- package/dist/tokens/index.mjs.map +7 -1
- package/package.json +14 -11
- package/dist/chunk-CZMDBTZY.js +0 -317
- package/dist/chunk-CZMDBTZY.js.map +0 -1
- package/dist/chunk-JPWULLEO.mjs +0 -306
- package/dist/chunk-JPWULLEO.mjs.map +0 -1
- package/dist/index.d.mts +0 -241
- package/dist/index.d.ts +0 -241
- package/dist/tokens/index.d.mts +0 -295
- package/dist/tokens/index.d.ts +0 -295
package/dist/index.js
CHANGED
|
@@ -1,51 +1,90 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function _interopNamespace(e) {
|
|
19
|
-
if (e && e.__esModule) return e;
|
|
20
|
-
var n = Object.create(null);
|
|
21
|
-
if (e) {
|
|
22
|
-
Object.keys(e).forEach(function (k) {
|
|
23
|
-
if (k !== 'default') {
|
|
24
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
25
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function () { return e[k]; }
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
});
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
31
17
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/index.ts
|
|
31
|
+
var index_exports = {};
|
|
32
|
+
__export(index_exports, {
|
|
33
|
+
Accordion: () => Accordion,
|
|
34
|
+
Avatar: () => Avatar,
|
|
35
|
+
Badge: () => Badge,
|
|
36
|
+
Button: () => Button,
|
|
37
|
+
Card: () => Card,
|
|
38
|
+
Checkbox: () => Checkbox,
|
|
39
|
+
Drawer: () => Drawer,
|
|
40
|
+
Input: () => Input,
|
|
41
|
+
Modal: () => Modal,
|
|
42
|
+
RadioGroup: () => RadioGroup,
|
|
43
|
+
Select: () => Select,
|
|
44
|
+
SocialIcons: () => SocialIcons,
|
|
45
|
+
Table: () => Table,
|
|
46
|
+
Tabs: () => Tabs,
|
|
47
|
+
Textarea: () => Textarea,
|
|
48
|
+
ToastProvider: () => ToastProvider,
|
|
49
|
+
Tooltip: () => Tooltip,
|
|
50
|
+
TooltipProvider: () => TooltipProvider,
|
|
51
|
+
breakpoints: () => breakpoints,
|
|
52
|
+
elevation: () => elevation,
|
|
53
|
+
mediaQuery: () => mediaQuery,
|
|
54
|
+
motion: () => motion,
|
|
55
|
+
primitiveColors: () => primitiveColors,
|
|
56
|
+
radii: () => radii,
|
|
57
|
+
semanticColors: () => semanticColors,
|
|
58
|
+
spacing: () => spacing,
|
|
59
|
+
typography: () => typography,
|
|
60
|
+
useToast: () => useToast,
|
|
61
|
+
zIndex: () => zIndex
|
|
62
|
+
});
|
|
63
|
+
module.exports = __toCommonJS(index_exports);
|
|
35
64
|
|
|
36
|
-
|
|
37
|
-
var
|
|
38
|
-
var RadixRadio__namespace = /*#__PURE__*/_interopNamespace(RadixRadio);
|
|
39
|
-
var RadixSelect__namespace = /*#__PURE__*/_interopNamespace(RadixSelect);
|
|
40
|
-
var RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
|
|
41
|
-
var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
|
|
42
|
-
var RadixTabs__namespace = /*#__PURE__*/_interopNamespace(RadixTabs);
|
|
43
|
-
var RadixAccordion__namespace = /*#__PURE__*/_interopNamespace(RadixAccordion);
|
|
44
|
-
var RadixToast__namespace = /*#__PURE__*/_interopNamespace(RadixToast);
|
|
65
|
+
// src/components/atoms/Button/Button.tsx
|
|
66
|
+
var import_react = __toESM(require("react"));
|
|
45
67
|
|
|
46
68
|
// src/components/atoms/Button/Button.module.css
|
|
47
|
-
var Button_default = {
|
|
48
|
-
|
|
69
|
+
var Button_default = {
|
|
70
|
+
button: "Button_button",
|
|
71
|
+
sm: "Button_sm",
|
|
72
|
+
md: "Button_md",
|
|
73
|
+
lg: "Button_lg",
|
|
74
|
+
primary: "Button_primary",
|
|
75
|
+
secondary: "Button_secondary",
|
|
76
|
+
ghost: "Button_ghost",
|
|
77
|
+
danger: "Button_danger",
|
|
78
|
+
loading: "Button_loading",
|
|
79
|
+
label: "Button_label",
|
|
80
|
+
labelHidden: "Button_labelHidden",
|
|
81
|
+
spinner: "Button_spinner",
|
|
82
|
+
spin: "Button_spin"
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
// src/components/atoms/Button/Button.tsx
|
|
86
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
87
|
+
var Button = import_react.default.forwardRef(
|
|
49
88
|
({
|
|
50
89
|
variant = "primary",
|
|
51
90
|
size = "md",
|
|
@@ -57,7 +96,7 @@ var Button = React__default.default.forwardRef(
|
|
|
57
96
|
...props
|
|
58
97
|
}, ref) => {
|
|
59
98
|
const isDisabled = disabled || loading;
|
|
60
|
-
return /* @__PURE__ */
|
|
99
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
61
100
|
"button",
|
|
62
101
|
{
|
|
63
102
|
ref,
|
|
@@ -74,8 +113,8 @@ var Button = React__default.default.forwardRef(
|
|
|
74
113
|
onClick: isDisabled ? void 0 : onClick,
|
|
75
114
|
...props,
|
|
76
115
|
children: [
|
|
77
|
-
/* @__PURE__ */
|
|
78
|
-
loading && /* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: loading ? Button_default.labelHidden : Button_default.label, children }),
|
|
117
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: Button_default.spinner, "aria-hidden": "true" })
|
|
79
118
|
]
|
|
80
119
|
}
|
|
81
120
|
);
|
|
@@ -83,17 +122,33 @@ var Button = React__default.default.forwardRef(
|
|
|
83
122
|
);
|
|
84
123
|
Button.displayName = "Button";
|
|
85
124
|
|
|
125
|
+
// src/components/atoms/Input/Input.tsx
|
|
126
|
+
var import_react2 = __toESM(require("react"));
|
|
127
|
+
|
|
86
128
|
// src/components/atoms/Input/Input.module.css
|
|
87
|
-
var Input_default = {
|
|
88
|
-
|
|
129
|
+
var Input_default = {
|
|
130
|
+
wrapper: "Input_wrapper",
|
|
131
|
+
label: "Input_label",
|
|
132
|
+
input: "Input_input",
|
|
133
|
+
error: "Input_error",
|
|
134
|
+
sm: "Input_sm",
|
|
135
|
+
md: "Input_md",
|
|
136
|
+
lg: "Input_lg",
|
|
137
|
+
helperText: "Input_helperText",
|
|
138
|
+
errorText: "Input_errorText"
|
|
139
|
+
};
|
|
140
|
+
|
|
141
|
+
// src/components/atoms/Input/Input.tsx
|
|
142
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
143
|
+
var Input = import_react2.default.forwardRef(
|
|
89
144
|
({ label, error, helperText, size = "md", className, id, ...props }, ref) => {
|
|
90
|
-
const generatedId =
|
|
145
|
+
const generatedId = (0, import_react2.useId)();
|
|
91
146
|
const inputId = id ?? generatedId;
|
|
92
147
|
const errorId = `${inputId}-error`;
|
|
93
148
|
const helperId = `${inputId}-helper`;
|
|
94
|
-
return /* @__PURE__ */
|
|
95
|
-
label && /* @__PURE__ */
|
|
96
|
-
/* @__PURE__ */
|
|
149
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: Input_default.wrapper, children: [
|
|
150
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: inputId, className: Input_default.label, children: label }),
|
|
151
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
97
152
|
"input",
|
|
98
153
|
{
|
|
99
154
|
ref,
|
|
@@ -104,29 +159,44 @@ var Input = React__default.default.forwardRef(
|
|
|
104
159
|
...props
|
|
105
160
|
}
|
|
106
161
|
),
|
|
107
|
-
error && /* @__PURE__ */
|
|
108
|
-
helperText && !error && /* @__PURE__ */
|
|
162
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: errorId, className: Input_default.errorText, role: "alert", children: error }),
|
|
163
|
+
helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { id: helperId, className: Input_default.helperText, children: helperText })
|
|
109
164
|
] });
|
|
110
165
|
}
|
|
111
166
|
);
|
|
112
167
|
Input.displayName = "Input";
|
|
113
168
|
|
|
169
|
+
// src/components/atoms/Textarea/Textarea.tsx
|
|
170
|
+
var import_react3 = __toESM(require("react"));
|
|
171
|
+
|
|
114
172
|
// src/components/atoms/Textarea/Textarea.module.css
|
|
115
|
-
var Textarea_default = {
|
|
116
|
-
|
|
173
|
+
var Textarea_default = {
|
|
174
|
+
wrapper: "Textarea_wrapper",
|
|
175
|
+
label: "Textarea_label",
|
|
176
|
+
textarea: "Textarea_textarea",
|
|
177
|
+
error: "Textarea_error",
|
|
178
|
+
footer: "Textarea_footer",
|
|
179
|
+
helperText: "Textarea_helperText",
|
|
180
|
+
errorText: "Textarea_errorText",
|
|
181
|
+
counter: "Textarea_counter"
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
// src/components/atoms/Textarea/Textarea.tsx
|
|
185
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
186
|
+
var Textarea = import_react3.default.forwardRef(
|
|
117
187
|
({ label, error, helperText, showCount = false, maxLength, className, id, onChange, ...props }, ref) => {
|
|
118
|
-
const generatedId =
|
|
188
|
+
const generatedId = (0, import_react3.useId)();
|
|
119
189
|
const textareaId = id ?? generatedId;
|
|
120
190
|
const errorId = `${textareaId}-error`;
|
|
121
191
|
const helperId = `${textareaId}-helper`;
|
|
122
|
-
const [count, setCount] =
|
|
192
|
+
const [count, setCount] = (0, import_react3.useState)(typeof props.value === "string" ? props.value.length : 0);
|
|
123
193
|
const handleChange = (e) => {
|
|
124
194
|
setCount(e.target.value.length);
|
|
125
195
|
onChange?.(e);
|
|
126
196
|
};
|
|
127
|
-
return /* @__PURE__ */
|
|
128
|
-
label && /* @__PURE__ */
|
|
129
|
-
/* @__PURE__ */
|
|
197
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Textarea_default.wrapper, children: [
|
|
198
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: textareaId, className: Textarea_default.label, children: label }),
|
|
199
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
130
200
|
"textarea",
|
|
131
201
|
{
|
|
132
202
|
ref,
|
|
@@ -139,10 +209,10 @@ var Textarea = React__default.default.forwardRef(
|
|
|
139
209
|
...props
|
|
140
210
|
}
|
|
141
211
|
),
|
|
142
|
-
/* @__PURE__ */
|
|
143
|
-
error && /* @__PURE__ */
|
|
144
|
-
helperText && !error && /* @__PURE__ */
|
|
145
|
-
showCount && maxLength && /* @__PURE__ */
|
|
212
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: Textarea_default.footer, children: [
|
|
213
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: errorId, className: Textarea_default.errorText, role: "alert", children: error }),
|
|
214
|
+
helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: helperId, className: Textarea_default.helperText, children: helperText }),
|
|
215
|
+
showCount && maxLength && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: Textarea_default.counter, "aria-live": "polite", children: [
|
|
146
216
|
count,
|
|
147
217
|
"/",
|
|
148
218
|
maxLength
|
|
@@ -154,13 +224,26 @@ var Textarea = React__default.default.forwardRef(
|
|
|
154
224
|
Textarea.displayName = "Textarea";
|
|
155
225
|
|
|
156
226
|
// src/components/atoms/Badge/Badge.module.css
|
|
157
|
-
var Badge_default = {
|
|
227
|
+
var Badge_default = {
|
|
228
|
+
badge: "Badge_badge",
|
|
229
|
+
sm: "Badge_sm",
|
|
230
|
+
md: "Badge_md",
|
|
231
|
+
default: "Badge_default",
|
|
232
|
+
primary: "Badge_primary",
|
|
233
|
+
success: "Badge_success",
|
|
234
|
+
warning: "Badge_warning",
|
|
235
|
+
error: "Badge_error",
|
|
236
|
+
info: "Badge_info"
|
|
237
|
+
};
|
|
238
|
+
|
|
239
|
+
// src/components/atoms/Badge/Badge.tsx
|
|
240
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
158
241
|
var Badge = ({
|
|
159
242
|
variant = "default",
|
|
160
243
|
size = "md",
|
|
161
244
|
children,
|
|
162
245
|
className
|
|
163
|
-
}) => /* @__PURE__ */
|
|
246
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
164
247
|
"span",
|
|
165
248
|
{
|
|
166
249
|
className: [Badge_default.badge, Badge_default[variant], Badge_default[size], className ?? ""].filter(Boolean).join(" "),
|
|
@@ -169,8 +252,25 @@ var Badge = ({
|
|
|
169
252
|
);
|
|
170
253
|
Badge.displayName = "Badge";
|
|
171
254
|
|
|
255
|
+
// src/components/atoms/Avatar/Avatar.tsx
|
|
256
|
+
var import_react4 = require("react");
|
|
257
|
+
|
|
172
258
|
// src/components/atoms/Avatar/Avatar.module.css
|
|
173
|
-
var Avatar_default = {
|
|
259
|
+
var Avatar_default = {
|
|
260
|
+
avatar: "Avatar_avatar",
|
|
261
|
+
circle: "Avatar_circle",
|
|
262
|
+
square: "Avatar_square",
|
|
263
|
+
xs: "Avatar_xs",
|
|
264
|
+
sm: "Avatar_sm",
|
|
265
|
+
md: "Avatar_md",
|
|
266
|
+
lg: "Avatar_lg",
|
|
267
|
+
xl: "Avatar_xl",
|
|
268
|
+
image: "Avatar_image",
|
|
269
|
+
initials: "Avatar_initials"
|
|
270
|
+
};
|
|
271
|
+
|
|
272
|
+
// src/components/atoms/Avatar/Avatar.tsx
|
|
273
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
174
274
|
function getInitials(name) {
|
|
175
275
|
return name.split(" ").map((part) => part[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
|
|
176
276
|
}
|
|
@@ -182,12 +282,12 @@ var Avatar = ({
|
|
|
182
282
|
shape = "circle",
|
|
183
283
|
className
|
|
184
284
|
}) => {
|
|
185
|
-
const [imgError, setImgError] =
|
|
285
|
+
const [imgError, setImgError] = (0, import_react4.useState)(false);
|
|
186
286
|
const initials = name ? getInitials(name) : null;
|
|
187
287
|
const showImage = src && !imgError;
|
|
188
288
|
const wrapperClass = [Avatar_default.avatar, Avatar_default[size], Avatar_default[shape], className ?? ""].filter(Boolean).join(" ");
|
|
189
289
|
if (showImage) {
|
|
190
|
-
return /* @__PURE__ */
|
|
290
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: wrapperClass, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
191
291
|
"img",
|
|
192
292
|
{
|
|
193
293
|
src,
|
|
@@ -197,12 +297,24 @@ var Avatar = ({
|
|
|
197
297
|
}
|
|
198
298
|
) });
|
|
199
299
|
}
|
|
200
|
-
return /* @__PURE__ */
|
|
300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: wrapperClass, role: "img", "aria-label": alt ?? name ?? "Avatar", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: Avatar_default.initials, "aria-hidden": "true", children: initials ?? "?" }) });
|
|
201
301
|
};
|
|
202
302
|
Avatar.displayName = "Avatar";
|
|
203
303
|
|
|
304
|
+
// src/components/atoms/Checkbox/Checkbox.tsx
|
|
305
|
+
var RadixCheckbox = __toESM(require("@radix-ui/react-checkbox"));
|
|
306
|
+
var import_react5 = require("react");
|
|
307
|
+
|
|
204
308
|
// src/components/atoms/Checkbox/Checkbox.module.css
|
|
205
|
-
var Checkbox_default = {
|
|
309
|
+
var Checkbox_default = {
|
|
310
|
+
wrapper: "Checkbox_wrapper",
|
|
311
|
+
root: "Checkbox_root",
|
|
312
|
+
indicator: "Checkbox_indicator",
|
|
313
|
+
label: "Checkbox_label"
|
|
314
|
+
};
|
|
315
|
+
|
|
316
|
+
// src/components/atoms/Checkbox/Checkbox.tsx
|
|
317
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
206
318
|
var Checkbox = ({
|
|
207
319
|
checked,
|
|
208
320
|
defaultChecked,
|
|
@@ -212,11 +324,11 @@ var Checkbox = ({
|
|
|
212
324
|
id,
|
|
213
325
|
className
|
|
214
326
|
}) => {
|
|
215
|
-
const generatedId =
|
|
327
|
+
const generatedId = (0, import_react5.useId)();
|
|
216
328
|
const checkboxId = id ?? generatedId;
|
|
217
|
-
return /* @__PURE__ */
|
|
218
|
-
/* @__PURE__ */
|
|
219
|
-
|
|
329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: [Checkbox_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
|
|
330
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
331
|
+
RadixCheckbox.Root,
|
|
220
332
|
{
|
|
221
333
|
id: checkboxId,
|
|
222
334
|
checked,
|
|
@@ -224,7 +336,7 @@ var Checkbox = ({
|
|
|
224
336
|
onCheckedChange,
|
|
225
337
|
disabled,
|
|
226
338
|
className: Checkbox_default.root,
|
|
227
|
-
children: /* @__PURE__ */
|
|
339
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadixCheckbox.Indicator, { className: Checkbox_default.indicator, children: checked === "indeterminate" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "10", height: "2", viewBox: "0 0 10 2", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "10", height: "2", rx: "1" }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
228
340
|
"path",
|
|
229
341
|
{
|
|
230
342
|
d: "M1 4l2.5 2.5L9 1",
|
|
@@ -236,13 +348,28 @@ var Checkbox = ({
|
|
|
236
348
|
) }) })
|
|
237
349
|
}
|
|
238
350
|
),
|
|
239
|
-
label && /* @__PURE__ */
|
|
351
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { htmlFor: checkboxId, className: Checkbox_default.label, children: label })
|
|
240
352
|
] });
|
|
241
353
|
};
|
|
242
354
|
Checkbox.displayName = "Checkbox";
|
|
243
355
|
|
|
356
|
+
// src/components/atoms/Radio/Radio.tsx
|
|
357
|
+
var RadixRadio = __toESM(require("@radix-ui/react-radio-group"));
|
|
358
|
+
var import_react6 = require("react");
|
|
359
|
+
|
|
244
360
|
// src/components/atoms/Radio/Radio.module.css
|
|
245
|
-
var Radio_default = {
|
|
361
|
+
var Radio_default = {
|
|
362
|
+
group: "Radio_group",
|
|
363
|
+
vertical: "Radio_vertical",
|
|
364
|
+
horizontal: "Radio_horizontal",
|
|
365
|
+
item: "Radio_item",
|
|
366
|
+
radio: "Radio_radio",
|
|
367
|
+
indicator: "Radio_indicator",
|
|
368
|
+
label: "Radio_label"
|
|
369
|
+
};
|
|
370
|
+
|
|
371
|
+
// src/components/atoms/Radio/Radio.tsx
|
|
372
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
246
373
|
var RadioGroup = ({
|
|
247
374
|
options,
|
|
248
375
|
value,
|
|
@@ -253,9 +380,9 @@ var RadioGroup = ({
|
|
|
253
380
|
orientation = "vertical",
|
|
254
381
|
className
|
|
255
382
|
}) => {
|
|
256
|
-
const baseId =
|
|
257
|
-
return /* @__PURE__ */
|
|
258
|
-
|
|
383
|
+
const baseId = (0, import_react6.useId)();
|
|
384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
385
|
+
RadixRadio.Root,
|
|
259
386
|
{
|
|
260
387
|
value,
|
|
261
388
|
defaultValue,
|
|
@@ -266,18 +393,18 @@ var RadioGroup = ({
|
|
|
266
393
|
className: [Radio_default.group, Radio_default[orientation], className ?? ""].filter(Boolean).join(" "),
|
|
267
394
|
children: options.map((option) => {
|
|
268
395
|
const radioId = `${baseId}-${option.value}`;
|
|
269
|
-
return /* @__PURE__ */
|
|
270
|
-
/* @__PURE__ */
|
|
271
|
-
|
|
396
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: Radio_default.item, children: [
|
|
397
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
398
|
+
RadixRadio.Item,
|
|
272
399
|
{
|
|
273
400
|
id: radioId,
|
|
274
401
|
value: option.value,
|
|
275
402
|
disabled: option.disabled ?? disabled,
|
|
276
403
|
className: Radio_default.radio,
|
|
277
|
-
children: /* @__PURE__ */
|
|
404
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RadixRadio.Indicator, { className: Radio_default.indicator })
|
|
278
405
|
}
|
|
279
406
|
),
|
|
280
|
-
/* @__PURE__ */
|
|
407
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { htmlFor: radioId, className: Radio_default.label, children: option.label })
|
|
281
408
|
] }, option.value);
|
|
282
409
|
})
|
|
283
410
|
}
|
|
@@ -285,8 +412,30 @@ var RadioGroup = ({
|
|
|
285
412
|
};
|
|
286
413
|
RadioGroup.displayName = "RadioGroup";
|
|
287
414
|
|
|
415
|
+
// src/components/atoms/Select/Select.tsx
|
|
416
|
+
var RadixSelect = __toESM(require("@radix-ui/react-select"));
|
|
417
|
+
var import_react7 = require("react");
|
|
418
|
+
|
|
288
419
|
// src/components/atoms/Select/Select.module.css
|
|
289
|
-
var Select_default = {
|
|
420
|
+
var Select_default = {
|
|
421
|
+
wrapper: "Select_wrapper",
|
|
422
|
+
label: "Select_label",
|
|
423
|
+
trigger: "Select_trigger",
|
|
424
|
+
error: "Select_error",
|
|
425
|
+
sm: "Select_sm",
|
|
426
|
+
md: "Select_md",
|
|
427
|
+
lg: "Select_lg",
|
|
428
|
+
icon: "Select_icon",
|
|
429
|
+
content: "Select_content",
|
|
430
|
+
viewport: "Select_viewport",
|
|
431
|
+
item: "Select_item",
|
|
432
|
+
itemIndicator: "Select_itemIndicator",
|
|
433
|
+
errorText: "Select_errorText",
|
|
434
|
+
helperText: "Select_helperText"
|
|
435
|
+
};
|
|
436
|
+
|
|
437
|
+
// src/components/atoms/Select/Select.tsx
|
|
438
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
290
439
|
var Select = ({
|
|
291
440
|
options,
|
|
292
441
|
value,
|
|
@@ -301,28 +450,28 @@ var Select = ({
|
|
|
301
450
|
id,
|
|
302
451
|
className
|
|
303
452
|
}) => {
|
|
304
|
-
const generatedId =
|
|
453
|
+
const generatedId = (0, import_react7.useId)();
|
|
305
454
|
const selectId = id ?? generatedId;
|
|
306
|
-
return /* @__PURE__ */
|
|
307
|
-
label && /* @__PURE__ */
|
|
308
|
-
/* @__PURE__ */
|
|
309
|
-
|
|
455
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: [Select_default.wrapper, className ?? ""].filter(Boolean).join(" "), children: [
|
|
456
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { id: `${selectId}-label`, className: Select_default.label, children: label }),
|
|
457
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
458
|
+
RadixSelect.Root,
|
|
310
459
|
{
|
|
311
460
|
value,
|
|
312
461
|
defaultValue,
|
|
313
462
|
onValueChange,
|
|
314
463
|
disabled,
|
|
315
464
|
children: [
|
|
316
|
-
/* @__PURE__ */
|
|
317
|
-
|
|
465
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
466
|
+
RadixSelect.Trigger,
|
|
318
467
|
{
|
|
319
468
|
id: selectId,
|
|
320
469
|
"aria-labelledby": label ? `${selectId}-label` : void 0,
|
|
321
470
|
"aria-invalid": !!error,
|
|
322
471
|
className: [Select_default.trigger, Select_default[size], error ? Select_default.error : ""].filter(Boolean).join(" "),
|
|
323
472
|
children: [
|
|
324
|
-
/* @__PURE__ */
|
|
325
|
-
/* @__PURE__ */
|
|
473
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Value, { placeholder }),
|
|
474
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Icon, { className: Select_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
326
475
|
"path",
|
|
327
476
|
{
|
|
328
477
|
d: "M1 1l5 5 5-5",
|
|
@@ -335,15 +484,15 @@ var Select = ({
|
|
|
335
484
|
]
|
|
336
485
|
}
|
|
337
486
|
),
|
|
338
|
-
/* @__PURE__ */
|
|
339
|
-
|
|
487
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Content, { className: Select_default.content, position: "popper", sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.Viewport, { className: Select_default.viewport, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
488
|
+
RadixSelect.Item,
|
|
340
489
|
{
|
|
341
490
|
value: option.value,
|
|
342
491
|
disabled: option.disabled,
|
|
343
492
|
className: Select_default.item,
|
|
344
493
|
children: [
|
|
345
|
-
/* @__PURE__ */
|
|
346
|
-
/* @__PURE__ */
|
|
494
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.ItemText, { children: option.label }),
|
|
495
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixSelect.ItemIndicator, { className: Select_default.itemIndicator, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
347
496
|
"path",
|
|
348
497
|
{
|
|
349
498
|
d: "M1 5l3 3 7-7",
|
|
@@ -360,39 +509,61 @@ var Select = ({
|
|
|
360
509
|
]
|
|
361
510
|
}
|
|
362
511
|
),
|
|
363
|
-
error && /* @__PURE__ */
|
|
364
|
-
helperText && !error && /* @__PURE__ */
|
|
512
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: Select_default.errorText, role: "alert", children: error }),
|
|
513
|
+
helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: Select_default.helperText, children: helperText })
|
|
365
514
|
] });
|
|
366
515
|
};
|
|
367
516
|
Select.displayName = "Select";
|
|
368
517
|
|
|
518
|
+
// src/components/atoms/Tooltip/Tooltip.tsx
|
|
519
|
+
var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
|
|
520
|
+
|
|
369
521
|
// src/components/atoms/Tooltip/Tooltip.module.css
|
|
370
|
-
var Tooltip_default = {
|
|
371
|
-
|
|
522
|
+
var Tooltip_default = {
|
|
523
|
+
content: "Tooltip_content",
|
|
524
|
+
fadeIn: "Tooltip_fadeIn",
|
|
525
|
+
arrow: "Tooltip_arrow"
|
|
526
|
+
};
|
|
527
|
+
|
|
528
|
+
// src/components/atoms/Tooltip/Tooltip.tsx
|
|
529
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
530
|
+
var TooltipProvider = RadixTooltip.Provider;
|
|
372
531
|
var Tooltip = ({
|
|
373
532
|
content,
|
|
374
533
|
children,
|
|
375
534
|
side = "top",
|
|
376
535
|
delayDuration = 300
|
|
377
|
-
}) => /* @__PURE__ */
|
|
378
|
-
/* @__PURE__ */
|
|
379
|
-
/* @__PURE__ */
|
|
536
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(RadixTooltip.Root, { delayDuration, children: [
|
|
537
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixTooltip.Trigger, { asChild: true, children }),
|
|
538
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixTooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(RadixTooltip.Content, { side, className: Tooltip_default.content, sideOffset: 6, children: [
|
|
380
539
|
content,
|
|
381
|
-
/* @__PURE__ */
|
|
540
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixTooltip.Arrow, { className: Tooltip_default.arrow })
|
|
382
541
|
] }) })
|
|
383
542
|
] });
|
|
384
543
|
Tooltip.displayName = "Tooltip";
|
|
385
544
|
|
|
545
|
+
// src/components/atoms/SocialIcons/SocialIcons.tsx
|
|
546
|
+
var import_fa = require("react-icons/fa");
|
|
547
|
+
|
|
386
548
|
// src/components/atoms/SocialIcons/SocialIcons.module.css
|
|
387
|
-
var SocialIcons_default = {
|
|
549
|
+
var SocialIcons_default = {
|
|
550
|
+
list: "SocialIcons_list",
|
|
551
|
+
link: "SocialIcons_link",
|
|
552
|
+
sm: "SocialIcons_sm",
|
|
553
|
+
md: "SocialIcons_md",
|
|
554
|
+
lg: "SocialIcons_lg"
|
|
555
|
+
};
|
|
556
|
+
|
|
557
|
+
// src/components/atoms/SocialIcons/SocialIcons.tsx
|
|
558
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
388
559
|
var ICON_MAP = {
|
|
389
|
-
linkedin:
|
|
390
|
-
instagram:
|
|
391
|
-
github:
|
|
392
|
-
youtube:
|
|
393
|
-
whatsapp:
|
|
394
|
-
facebook:
|
|
395
|
-
twitter:
|
|
560
|
+
linkedin: import_fa.FaLinkedinIn,
|
|
561
|
+
instagram: import_fa.FaInstagram,
|
|
562
|
+
github: import_fa.FaGithub,
|
|
563
|
+
youtube: import_fa.FaYoutube,
|
|
564
|
+
whatsapp: import_fa.FaWhatsapp,
|
|
565
|
+
facebook: import_fa.FaFacebookF,
|
|
566
|
+
twitter: import_fa.FaTwitter
|
|
396
567
|
};
|
|
397
568
|
var DEFAULT_LABELS = {
|
|
398
569
|
linkedin: "Seguir no LinkedIn",
|
|
@@ -403,10 +574,10 @@ var DEFAULT_LABELS = {
|
|
|
403
574
|
facebook: "Seguir no Facebook",
|
|
404
575
|
twitter: "Seguir no Twitter"
|
|
405
576
|
};
|
|
406
|
-
var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */
|
|
577
|
+
var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: [SocialIcons_default.list, className ?? ""].filter(Boolean).join(" "), children: links.map(({ platform, url, label }) => {
|
|
407
578
|
const Icon2 = ICON_MAP[platform];
|
|
408
579
|
const ariaLabel = label ?? DEFAULT_LABELS[platform];
|
|
409
|
-
return /* @__PURE__ */
|
|
580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
410
581
|
"a",
|
|
411
582
|
{
|
|
412
583
|
href: url,
|
|
@@ -414,18 +585,26 @@ var SocialIcons = ({ links, size = "md", className }) => /* @__PURE__ */ jsxRunt
|
|
|
414
585
|
rel: "noopener noreferrer",
|
|
415
586
|
"aria-label": ariaLabel,
|
|
416
587
|
className: [SocialIcons_default.link, SocialIcons_default[size]].join(" "),
|
|
417
|
-
children: /* @__PURE__ */
|
|
588
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { "aria-hidden": "true" })
|
|
418
589
|
}
|
|
419
590
|
) }, platform);
|
|
420
591
|
}) });
|
|
421
592
|
SocialIcons.displayName = "SocialIcons";
|
|
422
593
|
|
|
423
594
|
// src/components/molecules/Card/Card.module.css
|
|
424
|
-
var Card_default = {
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
595
|
+
var Card_default = {
|
|
596
|
+
card: "Card_card",
|
|
597
|
+
header: "Card_header",
|
|
598
|
+
body: "Card_body",
|
|
599
|
+
footer: "Card_footer"
|
|
600
|
+
};
|
|
601
|
+
|
|
602
|
+
// src/components/molecules/Card/Card.tsx
|
|
603
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
604
|
+
var CardHeader = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: [Card_default.header, className ?? ""].filter(Boolean).join(" "), children });
|
|
605
|
+
var CardBody = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: [Card_default.body, className ?? ""].filter(Boolean).join(" "), children });
|
|
606
|
+
var CardFooter = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: [Card_default.footer, className ?? ""].filter(Boolean).join(" "), children });
|
|
607
|
+
var Card = ({ elevation: elevation2 = "sm", radius = "lg", className, children }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
429
608
|
"div",
|
|
430
609
|
{
|
|
431
610
|
className: [Card_default.card, className ?? ""].filter(Boolean).join(" "),
|
|
@@ -441,8 +620,29 @@ Card.Body = CardBody;
|
|
|
441
620
|
Card.Footer = CardFooter;
|
|
442
621
|
Card.displayName = "Card";
|
|
443
622
|
|
|
623
|
+
// src/components/molecules/Modal/Modal.tsx
|
|
624
|
+
var Dialog = __toESM(require("@radix-ui/react-dialog"));
|
|
625
|
+
|
|
444
626
|
// src/components/molecules/Modal/Modal.module.css
|
|
445
|
-
var Modal_default = {
|
|
627
|
+
var Modal_default = {
|
|
628
|
+
overlay: "Modal_overlay",
|
|
629
|
+
overlayIn: "Modal_overlayIn",
|
|
630
|
+
content: "Modal_content",
|
|
631
|
+
contentIn: "Modal_contentIn",
|
|
632
|
+
sm: "Modal_sm",
|
|
633
|
+
md: "Modal_md",
|
|
634
|
+
lg: "Modal_lg",
|
|
635
|
+
xl: "Modal_xl",
|
|
636
|
+
full: "Modal_full",
|
|
637
|
+
header: "Modal_header",
|
|
638
|
+
title: "Modal_title",
|
|
639
|
+
description: "Modal_description",
|
|
640
|
+
body: "Modal_body",
|
|
641
|
+
close: "Modal_close"
|
|
642
|
+
};
|
|
643
|
+
|
|
644
|
+
// src/components/molecules/Modal/Modal.tsx
|
|
645
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
446
646
|
var Modal = ({
|
|
447
647
|
open,
|
|
448
648
|
onOpenChange,
|
|
@@ -451,19 +651,19 @@ var Modal = ({
|
|
|
451
651
|
size = "md",
|
|
452
652
|
children,
|
|
453
653
|
trigger
|
|
454
|
-
}) => /* @__PURE__ */
|
|
455
|
-
trigger && /* @__PURE__ */
|
|
456
|
-
/* @__PURE__ */
|
|
457
|
-
/* @__PURE__ */
|
|
458
|
-
/* @__PURE__ */
|
|
459
|
-
|
|
654
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Dialog.Root, { open, onOpenChange, children: [
|
|
655
|
+
trigger && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dialog.Trigger, { asChild: true, children: trigger }),
|
|
656
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Dialog.Portal, { children: [
|
|
657
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dialog.Overlay, { className: Modal_default.overlay }),
|
|
658
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
|
|
659
|
+
Dialog.Content,
|
|
460
660
|
{
|
|
461
661
|
className: [Modal_default.content, Modal_default[size]].join(" "),
|
|
462
662
|
"aria-describedby": description ? "modal-description" : void 0,
|
|
463
663
|
children: [
|
|
464
|
-
/* @__PURE__ */
|
|
465
|
-
title && /* @__PURE__ */
|
|
466
|
-
/* @__PURE__ */
|
|
664
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: Modal_default.header, children: [
|
|
665
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dialog.Title, { className: Modal_default.title, children: title }),
|
|
666
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { className: Modal_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
467
667
|
"path",
|
|
468
668
|
{
|
|
469
669
|
d: "M2 2l12 12M14 2L2 14",
|
|
@@ -473,8 +673,8 @@ var Modal = ({
|
|
|
473
673
|
}
|
|
474
674
|
) }) }) })
|
|
475
675
|
] }),
|
|
476
|
-
description && /* @__PURE__ */
|
|
477
|
-
/* @__PURE__ */
|
|
676
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Dialog.Description, { id: "modal-description", className: Modal_default.description, children: description }),
|
|
677
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: Modal_default.body, children })
|
|
478
678
|
]
|
|
479
679
|
}
|
|
480
680
|
)
|
|
@@ -482,8 +682,30 @@ var Modal = ({
|
|
|
482
682
|
] });
|
|
483
683
|
Modal.displayName = "Modal";
|
|
484
684
|
|
|
685
|
+
// src/components/molecules/Drawer/Drawer.tsx
|
|
686
|
+
var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
|
|
687
|
+
|
|
485
688
|
// src/components/molecules/Drawer/Drawer.module.css
|
|
486
|
-
var Drawer_default = {
|
|
689
|
+
var Drawer_default = {
|
|
690
|
+
overlay: "Drawer_overlay",
|
|
691
|
+
fadeIn: "Drawer_fadeIn",
|
|
692
|
+
content: "Drawer_content",
|
|
693
|
+
right: "Drawer_right",
|
|
694
|
+
slideInRight: "Drawer_slideInRight",
|
|
695
|
+
left: "Drawer_left",
|
|
696
|
+
slideInLeft: "Drawer_slideInLeft",
|
|
697
|
+
top: "Drawer_top",
|
|
698
|
+
slideInTop: "Drawer_slideInTop",
|
|
699
|
+
bottom: "Drawer_bottom",
|
|
700
|
+
slideInBottom: "Drawer_slideInBottom",
|
|
701
|
+
header: "Drawer_header",
|
|
702
|
+
title: "Drawer_title",
|
|
703
|
+
body: "Drawer_body",
|
|
704
|
+
close: "Drawer_close"
|
|
705
|
+
};
|
|
706
|
+
|
|
707
|
+
// src/components/molecules/Drawer/Drawer.tsx
|
|
708
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
487
709
|
var Drawer = ({
|
|
488
710
|
open,
|
|
489
711
|
onOpenChange,
|
|
@@ -491,14 +713,14 @@ var Drawer = ({
|
|
|
491
713
|
side = "right",
|
|
492
714
|
children,
|
|
493
715
|
trigger
|
|
494
|
-
}) => /* @__PURE__ */
|
|
495
|
-
trigger && /* @__PURE__ */
|
|
496
|
-
/* @__PURE__ */
|
|
497
|
-
/* @__PURE__ */
|
|
498
|
-
/* @__PURE__ */
|
|
499
|
-
/* @__PURE__ */
|
|
500
|
-
title && /* @__PURE__ */
|
|
501
|
-
/* @__PURE__ */
|
|
716
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Dialog2.Root, { open, onOpenChange, children: [
|
|
717
|
+
trigger && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog2.Trigger, { asChild: true, children: trigger }),
|
|
718
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Dialog2.Portal, { children: [
|
|
719
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog2.Overlay, { className: Drawer_default.overlay }),
|
|
720
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Dialog2.Content, { className: [Drawer_default.content, Drawer_default[side]].join(" "), children: [
|
|
721
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: Drawer_default.header, children: [
|
|
722
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog2.Title, { className: Drawer_default.title, children: title }),
|
|
723
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: Drawer_default.close, "aria-label": "Fechar", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
502
724
|
"path",
|
|
503
725
|
{
|
|
504
726
|
d: "M2 2l12 12M14 2L2 14",
|
|
@@ -508,30 +730,41 @@ var Drawer = ({
|
|
|
508
730
|
}
|
|
509
731
|
) }) }) })
|
|
510
732
|
] }),
|
|
511
|
-
/* @__PURE__ */
|
|
733
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: Drawer_default.body, children })
|
|
512
734
|
] })
|
|
513
735
|
] })
|
|
514
736
|
] });
|
|
515
737
|
Drawer.displayName = "Drawer";
|
|
516
738
|
|
|
739
|
+
// src/components/molecules/Tabs/Tabs.tsx
|
|
740
|
+
var RadixTabs = __toESM(require("@radix-ui/react-tabs"));
|
|
741
|
+
|
|
517
742
|
// src/components/molecules/Tabs/Tabs.module.css
|
|
518
|
-
var Tabs_default = {
|
|
743
|
+
var Tabs_default = {
|
|
744
|
+
root: "Tabs_root",
|
|
745
|
+
list: "Tabs_list",
|
|
746
|
+
trigger: "Tabs_trigger",
|
|
747
|
+
content: "Tabs_content"
|
|
748
|
+
};
|
|
749
|
+
|
|
750
|
+
// src/components/molecules/Tabs/Tabs.tsx
|
|
751
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
519
752
|
var Tabs = ({
|
|
520
753
|
tabs,
|
|
521
754
|
defaultValue,
|
|
522
755
|
value,
|
|
523
756
|
onValueChange,
|
|
524
757
|
className
|
|
525
|
-
}) => /* @__PURE__ */
|
|
526
|
-
|
|
758
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
759
|
+
RadixTabs.Root,
|
|
527
760
|
{
|
|
528
761
|
defaultValue: defaultValue ?? tabs[0]?.value,
|
|
529
762
|
value,
|
|
530
763
|
onValueChange,
|
|
531
764
|
className: [Tabs_default.root, className ?? ""].filter(Boolean).join(" "),
|
|
532
765
|
children: [
|
|
533
|
-
/* @__PURE__ */
|
|
534
|
-
|
|
766
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTabs.List, { className: Tabs_default.list, "aria-label": "Tabs", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
767
|
+
RadixTabs.Trigger,
|
|
535
768
|
{
|
|
536
769
|
value: tab.value,
|
|
537
770
|
disabled: tab.disabled,
|
|
@@ -540,14 +773,29 @@ var Tabs = ({
|
|
|
540
773
|
},
|
|
541
774
|
tab.value
|
|
542
775
|
)) }),
|
|
543
|
-
tabs.map((tab) => /* @__PURE__ */
|
|
776
|
+
tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RadixTabs.Content, { value: tab.value, className: Tabs_default.content, children: tab.content }, tab.value))
|
|
544
777
|
]
|
|
545
778
|
}
|
|
546
779
|
);
|
|
547
780
|
Tabs.displayName = "Tabs";
|
|
548
781
|
|
|
782
|
+
// src/components/molecules/Accordion/Accordion.tsx
|
|
783
|
+
var RadixAccordion = __toESM(require("@radix-ui/react-accordion"));
|
|
784
|
+
|
|
549
785
|
// src/components/molecules/Accordion/Accordion.module.css
|
|
550
|
-
var Accordion_default = {
|
|
786
|
+
var Accordion_default = {
|
|
787
|
+
root: "Accordion_root",
|
|
788
|
+
item: "Accordion_item",
|
|
789
|
+
trigger: "Accordion_trigger",
|
|
790
|
+
chevron: "Accordion_chevron",
|
|
791
|
+
content: "Accordion_content",
|
|
792
|
+
slideDown: "Accordion_slideDown",
|
|
793
|
+
slideUp: "Accordion_slideUp",
|
|
794
|
+
contentInner: "Accordion_contentInner"
|
|
795
|
+
};
|
|
796
|
+
|
|
797
|
+
// src/components/molecules/Accordion/Accordion.tsx
|
|
798
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
551
799
|
var Accordion = ({
|
|
552
800
|
items,
|
|
553
801
|
type = "single",
|
|
@@ -558,16 +806,16 @@ var Accordion = ({
|
|
|
558
806
|
className
|
|
559
807
|
}) => {
|
|
560
808
|
const rootClassName = [Accordion_default.root, className ?? ""].filter(Boolean).join(" ");
|
|
561
|
-
const content = items.map((item) => /* @__PURE__ */
|
|
562
|
-
|
|
809
|
+
const content = items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
810
|
+
RadixAccordion.Item,
|
|
563
811
|
{
|
|
564
812
|
value: item.value,
|
|
565
813
|
disabled: item.disabled,
|
|
566
814
|
className: Accordion_default.item,
|
|
567
815
|
children: [
|
|
568
|
-
/* @__PURE__ */
|
|
816
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixAccordion.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(RadixAccordion.Trigger, { className: Accordion_default.trigger, children: [
|
|
569
817
|
item.trigger,
|
|
570
|
-
/* @__PURE__ */
|
|
818
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
571
819
|
"svg",
|
|
572
820
|
{
|
|
573
821
|
className: Accordion_default.chevron,
|
|
@@ -576,7 +824,7 @@ var Accordion = ({
|
|
|
576
824
|
viewBox: "0 0 14 9",
|
|
577
825
|
fill: "none",
|
|
578
826
|
"aria-hidden": "true",
|
|
579
|
-
children: /* @__PURE__ */
|
|
827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
580
828
|
"path",
|
|
581
829
|
{
|
|
582
830
|
d: "M1 1l6 6 6-6",
|
|
@@ -589,14 +837,14 @@ var Accordion = ({
|
|
|
589
837
|
}
|
|
590
838
|
)
|
|
591
839
|
] }) }),
|
|
592
|
-
/* @__PURE__ */
|
|
840
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixAccordion.Content, { className: Accordion_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: Accordion_default.contentInner, children: item.content }) })
|
|
593
841
|
]
|
|
594
842
|
},
|
|
595
843
|
item.value
|
|
596
844
|
));
|
|
597
845
|
if (type === "multiple") {
|
|
598
|
-
return /* @__PURE__ */
|
|
599
|
-
|
|
846
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
847
|
+
RadixAccordion.Root,
|
|
600
848
|
{
|
|
601
849
|
type: "multiple",
|
|
602
850
|
className: rootClassName,
|
|
@@ -607,8 +855,8 @@ var Accordion = ({
|
|
|
607
855
|
}
|
|
608
856
|
);
|
|
609
857
|
}
|
|
610
|
-
return /* @__PURE__ */
|
|
611
|
-
|
|
858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
859
|
+
RadixAccordion.Root,
|
|
612
860
|
{
|
|
613
861
|
type: "single",
|
|
614
862
|
collapsible,
|
|
@@ -622,39 +870,61 @@ var Accordion = ({
|
|
|
622
870
|
};
|
|
623
871
|
Accordion.displayName = "Accordion";
|
|
624
872
|
|
|
873
|
+
// src/components/molecules/Toast/Toast.tsx
|
|
874
|
+
var RadixToast = __toESM(require("@radix-ui/react-toast"));
|
|
875
|
+
var import_react8 = require("react");
|
|
876
|
+
|
|
625
877
|
// src/components/molecules/Toast/Toast.module.css
|
|
626
|
-
var Toast_default = {
|
|
627
|
-
|
|
878
|
+
var Toast_default = {
|
|
879
|
+
viewport: "Toast_viewport",
|
|
880
|
+
root: "Toast_root",
|
|
881
|
+
slideIn: "Toast_slideIn",
|
|
882
|
+
slideOut: "Toast_slideOut",
|
|
883
|
+
default: "Toast_default",
|
|
884
|
+
success: "Toast_success",
|
|
885
|
+
warning: "Toast_warning",
|
|
886
|
+
error: "Toast_error",
|
|
887
|
+
info: "Toast_info",
|
|
888
|
+
content: "Toast_content",
|
|
889
|
+
text: "Toast_text",
|
|
890
|
+
title: "Toast_title",
|
|
891
|
+
description: "Toast_description",
|
|
892
|
+
close: "Toast_close"
|
|
893
|
+
};
|
|
894
|
+
|
|
895
|
+
// src/components/molecules/Toast/Toast.tsx
|
|
896
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
897
|
+
var ToastContext = (0, import_react8.createContext)(null);
|
|
628
898
|
var useToast = () => {
|
|
629
|
-
const ctx =
|
|
899
|
+
const ctx = (0, import_react8.useContext)(ToastContext);
|
|
630
900
|
if (!ctx) throw new Error("useToast must be used within ToastProvider");
|
|
631
901
|
return ctx;
|
|
632
902
|
};
|
|
633
903
|
var ToastProvider = ({ children }) => {
|
|
634
|
-
const [toasts, setToasts] =
|
|
635
|
-
const show =
|
|
904
|
+
const [toasts, setToasts] = (0, import_react8.useState)([]);
|
|
905
|
+
const show = (0, import_react8.useCallback)((message) => {
|
|
636
906
|
const id = Math.random().toString(36).slice(2);
|
|
637
907
|
setToasts((prev) => [...prev, { ...message, id }]);
|
|
638
908
|
}, []);
|
|
639
|
-
const dismiss =
|
|
909
|
+
const dismiss = (0, import_react8.useCallback)((id) => {
|
|
640
910
|
setToasts((prev) => prev.filter((t) => t.id !== id));
|
|
641
911
|
}, []);
|
|
642
|
-
return /* @__PURE__ */
|
|
912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ToastContext.Provider, { value: { show }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(RadixToast.Provider, { swipeDirection: "right", children: [
|
|
643
913
|
children,
|
|
644
|
-
toasts.map((toast) => /* @__PURE__ */
|
|
645
|
-
|
|
914
|
+
toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
915
|
+
RadixToast.Root,
|
|
646
916
|
{
|
|
647
917
|
duration: toast.duration ?? 4e3,
|
|
648
918
|
className: [Toast_default.root, Toast_default[toast.variant ?? "default"]].join(" "),
|
|
649
919
|
onOpenChange: (open) => {
|
|
650
920
|
if (!open) dismiss(toast.id);
|
|
651
921
|
},
|
|
652
|
-
children: /* @__PURE__ */
|
|
653
|
-
/* @__PURE__ */
|
|
654
|
-
/* @__PURE__ */
|
|
655
|
-
toast.description && /* @__PURE__ */
|
|
922
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: Toast_default.content, children: [
|
|
923
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: Toast_default.text, children: [
|
|
924
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixToast.Title, { className: Toast_default.title, children: toast.title }),
|
|
925
|
+
toast.description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixToast.Description, { className: Toast_default.description, children: toast.description })
|
|
656
926
|
] }),
|
|
657
|
-
/* @__PURE__ */
|
|
927
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { className: Toast_default.close, "aria-label": "Fechar notifica\xE7\xE3o", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
658
928
|
"path",
|
|
659
929
|
{
|
|
660
930
|
d: "M1 1l10 10M11 1L1 11",
|
|
@@ -667,15 +937,28 @@ var ToastProvider = ({ children }) => {
|
|
|
667
937
|
},
|
|
668
938
|
toast.id
|
|
669
939
|
)),
|
|
670
|
-
/* @__PURE__ */
|
|
940
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RadixToast.Viewport, { className: Toast_default.viewport, "aria-label": "Notifica\xE7\xF5es", role: "region" })
|
|
671
941
|
] }) });
|
|
672
942
|
};
|
|
673
943
|
|
|
674
944
|
// src/components/molecules/Table/Table.module.css
|
|
675
|
-
var Table_default = {
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
945
|
+
var Table_default = {
|
|
946
|
+
wrapper: "Table_wrapper",
|
|
947
|
+
table: "Table_table",
|
|
948
|
+
caption: "Table_caption",
|
|
949
|
+
head: "Table_head",
|
|
950
|
+
stickyHeader: "Table_stickyHeader",
|
|
951
|
+
th: "Table_th",
|
|
952
|
+
td: "Table_td",
|
|
953
|
+
row: "Table_row",
|
|
954
|
+
body: "Table_body"
|
|
955
|
+
};
|
|
956
|
+
|
|
957
|
+
// src/components/molecules/Table/Table.tsx
|
|
958
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
959
|
+
var TableHead = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("thead", { className: [Table_default.head, className ?? ""].filter(Boolean).join(" "), ...props, children });
|
|
960
|
+
var TableBody = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tbody", { className: [Table_default.body, className ?? ""].filter(Boolean).join(" "), ...props, children });
|
|
961
|
+
var TableRow = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tr", { className: [Table_default.row, className ?? ""].filter(Boolean).join(" "), ...props, children });
|
|
679
962
|
var TableCell = ({
|
|
680
963
|
as: Tag = "td",
|
|
681
964
|
scope,
|
|
@@ -684,7 +967,7 @@ var TableCell = ({
|
|
|
684
967
|
...props
|
|
685
968
|
}) => {
|
|
686
969
|
const cellClass = [Tag === "th" ? Table_default.th : Table_default.td, className ?? ""].filter(Boolean).join(" ");
|
|
687
|
-
return /* @__PURE__ */
|
|
970
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
688
971
|
Tag,
|
|
689
972
|
{
|
|
690
973
|
className: cellClass,
|
|
@@ -694,13 +977,13 @@ var TableCell = ({
|
|
|
694
977
|
}
|
|
695
978
|
);
|
|
696
979
|
};
|
|
697
|
-
var Table = ({ caption, stickyHeader, className, children, ...props }) => /* @__PURE__ */
|
|
980
|
+
var Table = ({ caption, stickyHeader, className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: Table_default.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
698
981
|
"table",
|
|
699
982
|
{
|
|
700
983
|
className: [Table_default.table, stickyHeader ? Table_default.stickyHeader : "", className ?? ""].filter(Boolean).join(" "),
|
|
701
984
|
...props,
|
|
702
985
|
children: [
|
|
703
|
-
caption && /* @__PURE__ */
|
|
986
|
+
caption && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("caption", { className: Table_default.caption, children: caption }),
|
|
704
987
|
children
|
|
705
988
|
]
|
|
706
989
|
}
|
|
@@ -711,64 +994,306 @@ Table.Row = TableRow;
|
|
|
711
994
|
Table.Cell = TableCell;
|
|
712
995
|
Table.displayName = "Table";
|
|
713
996
|
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
997
|
+
// src/tokens/colors.primitive.ts
|
|
998
|
+
var primitiveColors = {
|
|
999
|
+
blue: {
|
|
1000
|
+
50: "#EAF4FB",
|
|
1001
|
+
100: "#C5E0F2",
|
|
1002
|
+
200: "#9BCCE9",
|
|
1003
|
+
300: "#6DB7DF",
|
|
1004
|
+
400: "#42A2D5",
|
|
1005
|
+
500: "#1B8ECB",
|
|
1006
|
+
600: "#1170A8",
|
|
1007
|
+
700: "#02548B",
|
|
1008
|
+
800: "#013E6A",
|
|
1009
|
+
900: "#012849"
|
|
1010
|
+
},
|
|
1011
|
+
teal: {
|
|
1012
|
+
50: "#E9FAF6",
|
|
1013
|
+
100: "#C0F1E6",
|
|
1014
|
+
200: "#93E7D5",
|
|
1015
|
+
300: "#62DAC2",
|
|
1016
|
+
400: "#34CEAF",
|
|
1017
|
+
500: "#16B597",
|
|
1018
|
+
600: "#0E9278",
|
|
1019
|
+
700: "#087059",
|
|
1020
|
+
800: "#044E3D",
|
|
1021
|
+
900: "#012E24"
|
|
1022
|
+
},
|
|
1023
|
+
orange: {
|
|
1024
|
+
50: "#FFF0EB",
|
|
1025
|
+
100: "#FFDDD4",
|
|
1026
|
+
200: "#FFC0AE",
|
|
1027
|
+
300: "#FF9F87",
|
|
1028
|
+
400: "#FF7358",
|
|
1029
|
+
500: "#FF3C00",
|
|
1030
|
+
600: "#D83200",
|
|
1031
|
+
700: "#B02700",
|
|
1032
|
+
800: "#881D00",
|
|
1033
|
+
900: "#601300"
|
|
1034
|
+
},
|
|
1035
|
+
red: {
|
|
1036
|
+
50: "#FEF2F2",
|
|
1037
|
+
100: "#FEE2E2",
|
|
1038
|
+
200: "#FECACA",
|
|
1039
|
+
300: "#FCA5A5",
|
|
1040
|
+
400: "#F87171",
|
|
1041
|
+
500: "#EF4444",
|
|
1042
|
+
600: "#DC2626",
|
|
1043
|
+
700: "#B91C1C",
|
|
1044
|
+
800: "#991B1B",
|
|
1045
|
+
900: "#7F1D1D"
|
|
1046
|
+
},
|
|
1047
|
+
green: {
|
|
1048
|
+
50: "#ECFDF5",
|
|
1049
|
+
100: "#D1FAE5",
|
|
1050
|
+
200: "#A7F3D0",
|
|
1051
|
+
300: "#6EE7B7",
|
|
1052
|
+
400: "#34D399",
|
|
1053
|
+
500: "#10B981",
|
|
1054
|
+
600: "#059669",
|
|
1055
|
+
700: "#047857",
|
|
1056
|
+
800: "#065F46",
|
|
1057
|
+
900: "#064E3B"
|
|
1058
|
+
},
|
|
1059
|
+
yellow: {
|
|
1060
|
+
50: "#FFFBEB",
|
|
1061
|
+
100: "#FEF3C7",
|
|
1062
|
+
200: "#FDE68A",
|
|
1063
|
+
300: "#FCD34D",
|
|
1064
|
+
400: "#FBBF24",
|
|
1065
|
+
500: "#F59E0B",
|
|
1066
|
+
600: "#D97706",
|
|
1067
|
+
700: "#B45309",
|
|
1068
|
+
800: "#92400E",
|
|
1069
|
+
900: "#78350F"
|
|
1070
|
+
},
|
|
1071
|
+
gray: {
|
|
1072
|
+
50: "#F8F9FA",
|
|
1073
|
+
100: "#E9ECEF",
|
|
1074
|
+
200: "#DEE2E6",
|
|
1075
|
+
300: "#CED4DA",
|
|
1076
|
+
400: "#ADB5BD",
|
|
1077
|
+
500: "#6C757D",
|
|
1078
|
+
600: "#495057",
|
|
1079
|
+
700: "#343A40",
|
|
1080
|
+
800: "#212529",
|
|
1081
|
+
900: "#111315"
|
|
1082
|
+
},
|
|
1083
|
+
white: "#FFFFFF",
|
|
1084
|
+
black: "#000000"
|
|
1085
|
+
};
|
|
1086
|
+
|
|
1087
|
+
// src/tokens/colors.semantic.ts
|
|
1088
|
+
var semanticColors = {
|
|
1089
|
+
primary: {
|
|
1090
|
+
default: primitiveColors.blue[700],
|
|
1091
|
+
hover: primitiveColors.blue[600],
|
|
1092
|
+
active: primitiveColors.blue[800],
|
|
1093
|
+
subtle: primitiveColors.blue[50],
|
|
1094
|
+
muted: primitiveColors.blue[100],
|
|
1095
|
+
on: primitiveColors.white
|
|
1096
|
+
},
|
|
1097
|
+
secondary: {
|
|
1098
|
+
default: primitiveColors.teal[500],
|
|
1099
|
+
hover: primitiveColors.teal[600],
|
|
1100
|
+
active: primitiveColors.teal[700],
|
|
1101
|
+
subtle: primitiveColors.teal[50],
|
|
1102
|
+
muted: primitiveColors.teal[100],
|
|
1103
|
+
on: primitiveColors.white
|
|
1104
|
+
},
|
|
1105
|
+
accent: {
|
|
1106
|
+
default: primitiveColors.orange[500],
|
|
1107
|
+
hover: primitiveColors.orange[600],
|
|
1108
|
+
active: primitiveColors.orange[700],
|
|
1109
|
+
subtle: primitiveColors.orange[50],
|
|
1110
|
+
on: primitiveColors.white
|
|
1111
|
+
},
|
|
1112
|
+
success: {
|
|
1113
|
+
default: primitiveColors.green[600],
|
|
1114
|
+
hover: primitiveColors.green[700],
|
|
1115
|
+
subtle: primitiveColors.green[50],
|
|
1116
|
+
muted: primitiveColors.green[100],
|
|
1117
|
+
on: primitiveColors.white
|
|
1118
|
+
},
|
|
1119
|
+
warning: {
|
|
1120
|
+
default: primitiveColors.yellow[500],
|
|
1121
|
+
hover: primitiveColors.yellow[600],
|
|
1122
|
+
subtle: primitiveColors.yellow[50],
|
|
1123
|
+
muted: primitiveColors.yellow[100],
|
|
1124
|
+
on: primitiveColors.gray[900]
|
|
1125
|
+
},
|
|
1126
|
+
error: {
|
|
1127
|
+
default: primitiveColors.red[600],
|
|
1128
|
+
hover: primitiveColors.red[700],
|
|
1129
|
+
subtle: primitiveColors.red[50],
|
|
1130
|
+
muted: primitiveColors.red[100],
|
|
1131
|
+
on: primitiveColors.white
|
|
1132
|
+
},
|
|
1133
|
+
info: {
|
|
1134
|
+
default: primitiveColors.blue[500],
|
|
1135
|
+
hover: primitiveColors.blue[600],
|
|
1136
|
+
subtle: primitiveColors.blue[50],
|
|
1137
|
+
muted: primitiveColors.blue[100],
|
|
1138
|
+
on: primitiveColors.white
|
|
1139
|
+
},
|
|
1140
|
+
background: {
|
|
1141
|
+
default: primitiveColors.white,
|
|
1142
|
+
subtle: primitiveColors.gray[50],
|
|
1143
|
+
muted: primitiveColors.gray[100],
|
|
1144
|
+
overlay: "rgba(0, 0, 0, 0.5)"
|
|
1145
|
+
},
|
|
1146
|
+
surface: {
|
|
1147
|
+
default: primitiveColors.white,
|
|
1148
|
+
raised: primitiveColors.white,
|
|
1149
|
+
overlay: primitiveColors.white
|
|
1150
|
+
},
|
|
1151
|
+
text: {
|
|
1152
|
+
default: primitiveColors.gray[800],
|
|
1153
|
+
muted: primitiveColors.gray[500],
|
|
1154
|
+
subtle: primitiveColors.gray[400],
|
|
1155
|
+
disabled: primitiveColors.gray[300],
|
|
1156
|
+
inverse: primitiveColors.white,
|
|
1157
|
+
link: primitiveColors.blue[700],
|
|
1158
|
+
linkHover: primitiveColors.blue[600]
|
|
1159
|
+
},
|
|
1160
|
+
border: {
|
|
1161
|
+
default: primitiveColors.gray[200],
|
|
1162
|
+
strong: primitiveColors.gray[300],
|
|
1163
|
+
muted: primitiveColors.gray[100],
|
|
1164
|
+
focus: primitiveColors.blue[500],
|
|
1165
|
+
error: primitiveColors.red[500]
|
|
1166
|
+
},
|
|
1167
|
+
disabled: {
|
|
1168
|
+
background: primitiveColors.gray[100],
|
|
1169
|
+
text: primitiveColors.gray[400],
|
|
1170
|
+
border: primitiveColors.gray[200]
|
|
1171
|
+
}
|
|
1172
|
+
};
|
|
1173
|
+
|
|
1174
|
+
// src/tokens/spacing.ts
|
|
1175
|
+
var spacing = {
|
|
1176
|
+
0: "0px",
|
|
1177
|
+
1: "4px",
|
|
1178
|
+
2: "8px",
|
|
1179
|
+
3: "12px",
|
|
1180
|
+
4: "16px",
|
|
1181
|
+
5: "20px",
|
|
1182
|
+
6: "24px",
|
|
1183
|
+
8: "32px",
|
|
1184
|
+
10: "40px",
|
|
1185
|
+
12: "48px",
|
|
1186
|
+
16: "64px",
|
|
1187
|
+
24: "96px",
|
|
1188
|
+
32: "128px"
|
|
1189
|
+
};
|
|
1190
|
+
|
|
1191
|
+
// src/tokens/typography.ts
|
|
1192
|
+
var typography = {
|
|
1193
|
+
fontFamily: {
|
|
1194
|
+
base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
|
|
1195
|
+
heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
|
|
1196
|
+
mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace"
|
|
1197
|
+
},
|
|
1198
|
+
fontSize: {
|
|
1199
|
+
xs: "0.75rem",
|
|
1200
|
+
// 12px
|
|
1201
|
+
sm: "0.875rem",
|
|
1202
|
+
// 14px
|
|
1203
|
+
md: "1rem",
|
|
1204
|
+
// 16px
|
|
1205
|
+
lg: "1.125rem",
|
|
1206
|
+
// 18px
|
|
1207
|
+
xl: "1.25rem",
|
|
1208
|
+
// 20px
|
|
1209
|
+
"2xl": "1.5rem",
|
|
1210
|
+
// 24px
|
|
1211
|
+
"3xl": "1.875rem",
|
|
1212
|
+
// 30px
|
|
1213
|
+
"4xl": "2.25rem"
|
|
1214
|
+
// 36px
|
|
1215
|
+
},
|
|
1216
|
+
fontWeight: {
|
|
1217
|
+
regular: "400",
|
|
1218
|
+
medium: "500",
|
|
1219
|
+
semibold: "600",
|
|
1220
|
+
bold: "700"
|
|
1221
|
+
},
|
|
1222
|
+
lineHeight: {
|
|
1223
|
+
tight: "1.25",
|
|
1224
|
+
snug: "1.375",
|
|
1225
|
+
normal: "1.5",
|
|
1226
|
+
relaxed: "1.625",
|
|
1227
|
+
loose: "2"
|
|
1228
|
+
},
|
|
1229
|
+
letterSpacing: {
|
|
1230
|
+
tight: "-0.025em",
|
|
1231
|
+
normal: "0em",
|
|
1232
|
+
wide: "0.025em",
|
|
1233
|
+
wider: "0.05em"
|
|
1234
|
+
}
|
|
1235
|
+
};
|
|
1236
|
+
|
|
1237
|
+
// src/tokens/radii.ts
|
|
1238
|
+
var radii = {
|
|
1239
|
+
none: "0px",
|
|
1240
|
+
sm: "2px",
|
|
1241
|
+
md: "4px",
|
|
1242
|
+
lg: "8px",
|
|
1243
|
+
xl: "12px",
|
|
1244
|
+
"2xl": "16px",
|
|
1245
|
+
full: "9999px"
|
|
1246
|
+
};
|
|
1247
|
+
|
|
1248
|
+
// src/tokens/elevation.ts
|
|
1249
|
+
var elevation = {
|
|
1250
|
+
none: "none",
|
|
1251
|
+
sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
|
|
1252
|
+
md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
|
|
1253
|
+
lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
|
|
1254
|
+
xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
|
|
1255
|
+
"2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
|
|
1256
|
+
};
|
|
1257
|
+
|
|
1258
|
+
// src/tokens/zIndex.ts
|
|
1259
|
+
var zIndex = {
|
|
1260
|
+
base: 0,
|
|
1261
|
+
raised: 1,
|
|
1262
|
+
dropdown: 1e3,
|
|
1263
|
+
sticky: 1020,
|
|
1264
|
+
overlay: 1040,
|
|
1265
|
+
modal: 1050,
|
|
1266
|
+
toast: 1060,
|
|
1267
|
+
tooltip: 1070
|
|
1268
|
+
};
|
|
1269
|
+
|
|
1270
|
+
// src/tokens/motion.ts
|
|
1271
|
+
var motion = {
|
|
1272
|
+
duration: {
|
|
1273
|
+
fast: "100ms",
|
|
1274
|
+
normal: "200ms",
|
|
1275
|
+
slow: "300ms",
|
|
1276
|
+
slower: "500ms"
|
|
1277
|
+
},
|
|
1278
|
+
easing: {
|
|
1279
|
+
easeIn: "cubic-bezier(0.4, 0, 1, 1)",
|
|
1280
|
+
easeOut: "cubic-bezier(0, 0, 0.2, 1)",
|
|
1281
|
+
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
1282
|
+
linear: "linear",
|
|
1283
|
+
spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
|
|
1284
|
+
}
|
|
1285
|
+
};
|
|
1286
|
+
|
|
1287
|
+
// src/tokens/breakpoints.ts
|
|
1288
|
+
var breakpoints = {
|
|
1289
|
+
xs: 0,
|
|
1290
|
+
sm: 576,
|
|
1291
|
+
md: 768,
|
|
1292
|
+
lg: 992,
|
|
1293
|
+
xl: 1200,
|
|
1294
|
+
xxl: 1400
|
|
1295
|
+
};
|
|
1296
|
+
function mediaQuery(bp) {
|
|
1297
|
+
return `@media (min-width: ${breakpoints[bp]}px)`;
|
|
1298
|
+
}
|
|
773
1299
|
//# sourceMappingURL=index.js.map
|
|
774
|
-
//# sourceMappingURL=index.js.map
|