@rufous/ui 0.1.22 → 0.1.27
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/Buttons/addButton.cjs +1 -1
- package/dist/Buttons/addButton.js +1 -1
- package/dist/Buttons/index.cjs +1 -1
- package/dist/Buttons/index.js +1 -1
- package/dist/Dialogs/BaseDialog.cjs +125 -0
- package/dist/Dialogs/BaseDialog.css +224 -0
- package/dist/Dialogs/BaseDialog.d.cts +30 -0
- package/dist/Dialogs/BaseDialog.d.ts +30 -0
- package/dist/Dialogs/BaseDialog.js +64 -0
- package/dist/Dialogs/index.cjs +131 -0
- package/dist/Dialogs/index.css +224 -0
- package/dist/Dialogs/index.d.cts +2 -0
- package/dist/Dialogs/index.d.ts +2 -0
- package/dist/Dialogs/index.js +64 -0
- package/dist/chunk-CPLUOEPG.js +91 -0
- package/dist/chunk-DE73YGRW.js +8 -0
- package/dist/{chunk-5TL73FV7.js → chunk-MB7R5AKK.js} +1 -1
- package/dist/chunk-WXXJX3FF.js +8 -0
- package/dist/icons/closeIcon.cjs +37 -0
- package/dist/icons/closeIcon.d.cts +8 -0
- package/dist/icons/closeIcon.d.ts +8 -0
- package/dist/icons/closeIcon.js +6 -0
- package/dist/icons/index.cjs +14 -0
- package/dist/icons/index.d.cts +2 -0
- package/dist/icons/index.d.ts +2 -0
- package/dist/icons/index.js +48 -40
- package/dist/icons/rufousAiIcon.js +3 -4
- package/dist/main.cjs +113 -16
- package/dist/main.css +146 -0
- package/dist/main.d.cts +3 -0
- package/dist/main.d.ts +3 -0
- package/dist/main.js +53 -41
- package/dist/style.css +146 -0
- package/dist/styles/button.css +54 -0
- package/dist/styles/dialog.css +91 -0
- package/dist/styles/dialog.d.cts +2 -0
- package/dist/styles/dialog.d.ts +2 -0
- package/package.json +1 -1
- /package/dist/{chunk-CC7BNJL3.js → chunk-QGUQF6OF.js} +0 -0
|
@@ -0,0 +1,224 @@
|
|
|
1
|
+
/* lib/styles/button.css */
|
|
2
|
+
.cancel-btn {
|
|
3
|
+
text-transform: uppercase;
|
|
4
|
+
min-width: 84px;
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-size: 12px;
|
|
7
|
+
padding: 7px 10px;
|
|
8
|
+
border: 1px solid rgb(164, 27, 6);
|
|
9
|
+
border-radius: 34px;
|
|
10
|
+
background: #fff;
|
|
11
|
+
color: rgb(164, 27, 6);
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
transition:
|
|
14
|
+
background-color 250ms,
|
|
15
|
+
box-shadow 250ms,
|
|
16
|
+
border-color 250ms,
|
|
17
|
+
color 250ms;
|
|
18
|
+
box-shadow:
|
|
19
|
+
rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
|
|
20
|
+
rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
|
|
21
|
+
rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
|
|
22
|
+
}
|
|
23
|
+
.cancel-btn:hover {
|
|
24
|
+
box-shadow:
|
|
25
|
+
rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
|
|
26
|
+
rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
|
|
27
|
+
rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
|
|
28
|
+
}
|
|
29
|
+
.cancel-btn:disabled {
|
|
30
|
+
background-color: #e0e0e0;
|
|
31
|
+
cursor: not-allowed;
|
|
32
|
+
}
|
|
33
|
+
.submit-btn {
|
|
34
|
+
display: -webkit-inline-box;
|
|
35
|
+
display: -webkit-inline-flex;
|
|
36
|
+
display: -ms-inline-flexbox;
|
|
37
|
+
display: inline-flex;
|
|
38
|
+
-webkit-align-items: center;
|
|
39
|
+
-webkit-box-align: center;
|
|
40
|
+
-ms-flex-align: center;
|
|
41
|
+
align-items: center;
|
|
42
|
+
-webkit-box-pack: center;
|
|
43
|
+
-ms-flex-pack: center;
|
|
44
|
+
-webkit-justify-content: center;
|
|
45
|
+
justify-content: center;
|
|
46
|
+
position: relative;
|
|
47
|
+
box-sizing: border-box;
|
|
48
|
+
-webkit-tap-highlight-color: transparent;
|
|
49
|
+
background-color: transparent;
|
|
50
|
+
outline: 0;
|
|
51
|
+
margin: 0;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
-webkit-user-select: none;
|
|
54
|
+
-moz-user-select: none;
|
|
55
|
+
-ms-user-select: none;
|
|
56
|
+
user-select: none;
|
|
57
|
+
vertical-align: middle;
|
|
58
|
+
-moz-appearance: none;
|
|
59
|
+
-webkit-appearance: none;
|
|
60
|
+
-webkit-text-decoration: none;
|
|
61
|
+
text-decoration: none;
|
|
62
|
+
color: inherit;
|
|
63
|
+
font-family:
|
|
64
|
+
"Roboto",
|
|
65
|
+
"Helvetica",
|
|
66
|
+
"Arial",
|
|
67
|
+
sans-serif;
|
|
68
|
+
font-weight: 500;
|
|
69
|
+
font-size: 0.875rem;
|
|
70
|
+
line-height: 1.75;
|
|
71
|
+
letter-spacing: 0.02857em;
|
|
72
|
+
min-width: 64px;
|
|
73
|
+
padding: 6px 8px;
|
|
74
|
+
border-radius: 4px;
|
|
75
|
+
-webkit-transition:
|
|
76
|
+
background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
77
|
+
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
78
|
+
border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
79
|
+
color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
80
|
+
transition:
|
|
81
|
+
background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
82
|
+
box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
83
|
+
border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
84
|
+
color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
85
|
+
background: #a81c07;
|
|
86
|
+
border: 1px solid #a81c07;
|
|
87
|
+
background-color: #9b1906;
|
|
88
|
+
color: #fff;
|
|
89
|
+
font-size: 12px;
|
|
90
|
+
text-transform: uppercase;
|
|
91
|
+
min-width: 92px;
|
|
92
|
+
height: 38px;
|
|
93
|
+
border: none;
|
|
94
|
+
border-radius: 6px;
|
|
95
|
+
cursor: pointer;
|
|
96
|
+
transition: background-color 250ms ease-in-out;
|
|
97
|
+
font-size: 600;
|
|
98
|
+
}
|
|
99
|
+
.submit-btn:hover {
|
|
100
|
+
background-color: #9b1906;
|
|
101
|
+
}
|
|
102
|
+
.submit-btn:disabled {
|
|
103
|
+
background-color: #e0e0e0;
|
|
104
|
+
cursor: not-allowed;
|
|
105
|
+
}
|
|
106
|
+
.add-btn {
|
|
107
|
+
background: #ffffff;
|
|
108
|
+
border: 1px solid #a41b06;
|
|
109
|
+
border-radius: 34px;
|
|
110
|
+
font-weight: normal;
|
|
111
|
+
font-size: 12px;
|
|
112
|
+
padding: 7px 12px;
|
|
113
|
+
color: #a41b06;
|
|
114
|
+
cursor: pointer;
|
|
115
|
+
transition: all 0.25s ease-in-out;
|
|
116
|
+
text-transform: uppercase;
|
|
117
|
+
box-shadow: none;
|
|
118
|
+
}
|
|
119
|
+
.add-btn:hover {
|
|
120
|
+
background: #a41b06;
|
|
121
|
+
color: #ffffff;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
/* lib/styles/dialog.css */
|
|
125
|
+
.dialog-overlay {
|
|
126
|
+
position: fixed;
|
|
127
|
+
inset: 0;
|
|
128
|
+
background: rgba(0, 0, 0, 0.5);
|
|
129
|
+
display: flex;
|
|
130
|
+
justify-content: center;
|
|
131
|
+
align-items: center;
|
|
132
|
+
z-index: 1300;
|
|
133
|
+
}
|
|
134
|
+
.dialog-container {
|
|
135
|
+
background: white;
|
|
136
|
+
border-radius: 8px;
|
|
137
|
+
max-height: 90vh;
|
|
138
|
+
display: flex;
|
|
139
|
+
flex-direction: column;
|
|
140
|
+
}
|
|
141
|
+
.dialog-title {
|
|
142
|
+
background: #fff;
|
|
143
|
+
padding: 8px 16px;
|
|
144
|
+
position: sticky;
|
|
145
|
+
top: 0;
|
|
146
|
+
display: flex;
|
|
147
|
+
justify-content: space-between;
|
|
148
|
+
align-items: center;
|
|
149
|
+
color: #707070;
|
|
150
|
+
z-index: 2;
|
|
151
|
+
}
|
|
152
|
+
.dialog-title h2 {
|
|
153
|
+
font-size: 1.125rem;
|
|
154
|
+
margin: 0;
|
|
155
|
+
}
|
|
156
|
+
.btn-close {
|
|
157
|
+
background: none;
|
|
158
|
+
border: none;
|
|
159
|
+
cursor: pointer;
|
|
160
|
+
}
|
|
161
|
+
.dialog-divider {
|
|
162
|
+
border-top: 1px solid #e0e0e0;
|
|
163
|
+
}
|
|
164
|
+
.dialog-body {
|
|
165
|
+
overflow: auto;
|
|
166
|
+
padding: 16px 30px;
|
|
167
|
+
flex: 1;
|
|
168
|
+
}
|
|
169
|
+
.dialog-footer {
|
|
170
|
+
display: flex;
|
|
171
|
+
gap: 8px;
|
|
172
|
+
padding: 8px 16px;
|
|
173
|
+
}
|
|
174
|
+
.btn-cancel {
|
|
175
|
+
border: 1px solid #a41b06;
|
|
176
|
+
border-radius: 34px;
|
|
177
|
+
padding: 7px 10px;
|
|
178
|
+
background: #fff;
|
|
179
|
+
color: #a41b06;
|
|
180
|
+
font-size: 12px;
|
|
181
|
+
cursor: pointer;
|
|
182
|
+
}
|
|
183
|
+
.btn-cancel:hover {
|
|
184
|
+
background: #f5f5f5;
|
|
185
|
+
}
|
|
186
|
+
.btn-confirm {
|
|
187
|
+
border-radius: 34px;
|
|
188
|
+
padding: 7px 16px;
|
|
189
|
+
background: #a21b07;
|
|
190
|
+
color: white;
|
|
191
|
+
font-size: 12px;
|
|
192
|
+
cursor: pointer;
|
|
193
|
+
border: none;
|
|
194
|
+
}
|
|
195
|
+
.btn-confirm:hover {
|
|
196
|
+
background: #a21b07;
|
|
197
|
+
}
|
|
198
|
+
.spinner {
|
|
199
|
+
border: 2px solid #f3f3f3;
|
|
200
|
+
border-top: 2px solid #c5c5c5;
|
|
201
|
+
border-radius: 50%;
|
|
202
|
+
width: 16px;
|
|
203
|
+
height: 16px;
|
|
204
|
+
animation: spin 1s linear infinite;
|
|
205
|
+
display: inline-block;
|
|
206
|
+
}
|
|
207
|
+
@keyframes spin {
|
|
208
|
+
0% {
|
|
209
|
+
transform: rotate(0deg);
|
|
210
|
+
}
|
|
211
|
+
100% {
|
|
212
|
+
transform: rotate(360deg);
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
/* lib/style.css */
|
|
217
|
+
.theme-rufous .act-icon svg {
|
|
218
|
+
color: #a81c08 !important;
|
|
219
|
+
}
|
|
220
|
+
.theme-default .act-icon svg {
|
|
221
|
+
color: #707070 !important;
|
|
222
|
+
}
|
|
223
|
+
.act-icon {
|
|
224
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import {
|
|
2
|
+
BaseDialog_default
|
|
3
|
+
} from "../chunk-CPLUOEPG.js";
|
|
4
|
+
import "../chunk-QGUQF6OF.js";
|
|
5
|
+
import "../chunk-QJPQC544.js";
|
|
6
|
+
import "../chunk-ITZTTNM2.js";
|
|
7
|
+
import "../chunk-WWAHNTUH.js";
|
|
8
|
+
import "../chunk-6KIFTMUN.js";
|
|
9
|
+
import "../chunk-ZJAV3FEQ.js";
|
|
10
|
+
import "../chunk-NMMC4ATV.js";
|
|
11
|
+
import "../chunk-DXJ745NZ.js";
|
|
12
|
+
import "../chunk-BH53P2UM.js";
|
|
13
|
+
import "../chunk-XPRBPIS5.js";
|
|
14
|
+
import "../chunk-WG3Q6GZN.js";
|
|
15
|
+
import "../chunk-RJ43D3XB.js";
|
|
16
|
+
import "../chunk-DE73YGRW.js";
|
|
17
|
+
import "../chunk-DMP72IAP.js";
|
|
18
|
+
import "../chunk-QZFGQ5JM.js";
|
|
19
|
+
import "../chunk-CSKTBLQQ.js";
|
|
20
|
+
import "../chunk-ZDVP4SUD.js";
|
|
21
|
+
import "../chunk-5BB3H3YO.js";
|
|
22
|
+
import "../chunk-WZTZFC36.js";
|
|
23
|
+
import "../chunk-QA2AYT4A.js";
|
|
24
|
+
import "../chunk-WHGVO3HV.js";
|
|
25
|
+
import "../chunk-FOUXNPQA.js";
|
|
26
|
+
import "../chunk-C7B23GTE.js";
|
|
27
|
+
import "../chunk-XCLXQOLP.js";
|
|
28
|
+
import "../chunk-ZJYLZ6I6.js";
|
|
29
|
+
import "../chunk-RNA4TTYR.js";
|
|
30
|
+
import "../chunk-NSW6ZGZF.js";
|
|
31
|
+
import "../chunk-KYJ3475B.js";
|
|
32
|
+
import "../chunk-N4EJKMJK.js";
|
|
33
|
+
import "../chunk-MKK7M3BH.js";
|
|
34
|
+
import "../chunk-GESVGIAP.js";
|
|
35
|
+
import "../chunk-QIEQRNBE.js";
|
|
36
|
+
import "../chunk-BYJP2WNC.js";
|
|
37
|
+
import "../chunk-GYLL3HRD.js";
|
|
38
|
+
import "../chunk-QONKYAQ5.js";
|
|
39
|
+
import "../chunk-H372BAXA.js";
|
|
40
|
+
import "../chunk-FSRABKKC.js";
|
|
41
|
+
import "../chunk-ZAYWFYP4.js";
|
|
42
|
+
import "../chunk-5UEJAVFK.js";
|
|
43
|
+
import "../chunk-WZAU77G7.js";
|
|
44
|
+
import "../chunk-7WNPZ4B7.js";
|
|
45
|
+
import "../chunk-WXXJX3FF.js";
|
|
46
|
+
import "../chunk-6FEUS4CQ.js";
|
|
47
|
+
import "../chunk-PPNZC5ZQ.js";
|
|
48
|
+
import "../chunk-JI5XMLWT.js";
|
|
49
|
+
import "../chunk-WXANSSXF.js";
|
|
50
|
+
import "../chunk-XPJVVKOU.js";
|
|
51
|
+
import "../chunk-GL43GPEM.js";
|
|
52
|
+
import "../chunk-IOEQAR2M.js";
|
|
53
|
+
import "../chunk-BCGCLMKA.js";
|
|
54
|
+
import "../chunk-2FHTGYR4.js";
|
|
55
|
+
import "../chunk-AH6RCYDL.js";
|
|
56
|
+
import "../chunk-3IBCGGN3.js";
|
|
57
|
+
import "../chunk-MNPAE2ZF.js";
|
|
58
|
+
import "../chunk-JSGUIKOH.js";
|
|
59
|
+
import "../chunk-MB7R5AKK.js";
|
|
60
|
+
import "../chunk-UF3Q3GWG.js";
|
|
61
|
+
import "../chunk-7DL4MCF7.js";
|
|
62
|
+
export {
|
|
63
|
+
BaseDialog_default as BaseDialog
|
|
64
|
+
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import {
|
|
2
|
+
closeIcon_default
|
|
3
|
+
} from "./chunk-WXXJX3FF.js";
|
|
4
|
+
import {
|
|
5
|
+
useRufousTheme
|
|
6
|
+
} from "./chunk-BCGCLMKA.js";
|
|
7
|
+
|
|
8
|
+
// lib/Dialogs/BaseDialog.tsx
|
|
9
|
+
import * as React from "react";
|
|
10
|
+
import { useRef } from "react";
|
|
11
|
+
var BaseDialog = ({
|
|
12
|
+
open = false,
|
|
13
|
+
onConfirm,
|
|
14
|
+
onClose,
|
|
15
|
+
onCancel,
|
|
16
|
+
children,
|
|
17
|
+
minWidth,
|
|
18
|
+
minHeight,
|
|
19
|
+
customButtons,
|
|
20
|
+
cancelText = "Cancel",
|
|
21
|
+
confirmText = "Ok",
|
|
22
|
+
submitText = "Submit",
|
|
23
|
+
title = "",
|
|
24
|
+
isLoading = false,
|
|
25
|
+
disableConfirmBtn = false,
|
|
26
|
+
fullScreen = false,
|
|
27
|
+
loading = false,
|
|
28
|
+
showCloseButton = true,
|
|
29
|
+
buttonAlign = "flex-end",
|
|
30
|
+
showCancelButton = true,
|
|
31
|
+
formatTitle = true,
|
|
32
|
+
fullWidth = false,
|
|
33
|
+
className,
|
|
34
|
+
dialogBodyStyle = {}
|
|
35
|
+
}) => {
|
|
36
|
+
const { theme } = useRufousTheme();
|
|
37
|
+
const successBtnRef = useRef(null);
|
|
38
|
+
if (!open) return null;
|
|
39
|
+
const renderButtons = () => /* @__PURE__ */ React.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, showCancelButton && /* @__PURE__ */ React.createElement(
|
|
40
|
+
"button",
|
|
41
|
+
{
|
|
42
|
+
className: "btn-cancel",
|
|
43
|
+
onClick: onCancel || onClose,
|
|
44
|
+
disabled: isLoading
|
|
45
|
+
},
|
|
46
|
+
cancelText
|
|
47
|
+
), onConfirm && /* @__PURE__ */ React.createElement(
|
|
48
|
+
"button",
|
|
49
|
+
{
|
|
50
|
+
ref: successBtnRef,
|
|
51
|
+
className: "btn-confirm",
|
|
52
|
+
disabled: disableConfirmBtn || loading,
|
|
53
|
+
onClick: async () => {
|
|
54
|
+
if (successBtnRef.current) successBtnRef.current.disabled = true;
|
|
55
|
+
await onConfirm?.();
|
|
56
|
+
if (successBtnRef.current) successBtnRef.current.disabled = false;
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
loading ? /* @__PURE__ */ React.createElement("span", { className: "spinner" }) : /* @__PURE__ */ React.createElement("span", null, confirmText)
|
|
60
|
+
));
|
|
61
|
+
return /* @__PURE__ */ React.createElement("div", { className: `dialog-overlay ${fullScreen ? "fullscreen" : ""}` }, /* @__PURE__ */ React.createElement(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
className: `dialog-container ${className || ""}`,
|
|
65
|
+
style: {
|
|
66
|
+
minWidth: minWidth || (fullScreen ? "100%" : "685px"),
|
|
67
|
+
minHeight,
|
|
68
|
+
width: fullWidth ? "100%" : "auto"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
/* @__PURE__ */ React.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1).toLowerCase() : title), showCloseButton && /* @__PURE__ */ React.createElement("button", { className: "btn-close", onClick: onClose }, /* @__PURE__ */ React.createElement(closeIcon_default, { color: theme?.customStyles?.iconColor || "#707070" }))),
|
|
72
|
+
/* @__PURE__ */ React.createElement("div", { className: "dialog-divider" }),
|
|
73
|
+
/* @__PURE__ */ React.createElement(
|
|
74
|
+
"div",
|
|
75
|
+
{
|
|
76
|
+
className: "dialog-body",
|
|
77
|
+
style: {
|
|
78
|
+
...fullScreen ? { height: "100%" } : { maxHeight: "700px", minHeight },
|
|
79
|
+
...dialogBodyStyle
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
children
|
|
83
|
+
),
|
|
84
|
+
customButtons || renderButtons()
|
|
85
|
+
));
|
|
86
|
+
};
|
|
87
|
+
var BaseDialog_default = BaseDialog;
|
|
88
|
+
|
|
89
|
+
export {
|
|
90
|
+
BaseDialog_default
|
|
91
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// lib/icons/rufousAiIcon.tsx
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var RufousAiIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z", stroke: color, "stroke-width": "2" }), /* @__PURE__ */ React.createElement("path", { d: "M16.0999 20.167C16.1447 20.0478 16.2145 19.9396 16.3045 19.8495C16.3945 19.7595 16.5028 19.6898 16.6219 19.645L21.3489 17.87L16.6219 16.097C16.5026 16.0524 16.3941 15.9827 16.3039 15.8926C16.2137 15.8026 16.1438 15.6943 16.0989 15.575L14.3239 10.846L12.5509 15.574L12.5419 15.597C12.4955 15.7114 12.4259 15.8149 12.3374 15.9009C12.2489 15.987 12.1436 16.0538 12.0279 16.097L7.29895 17.87L12.0279 19.645C12.1471 19.6898 12.2554 19.7595 12.3454 19.8495C12.4354 19.9396 12.5052 20.0478 12.5499 20.167L14.3229 24.894L16.0999 20.167Z", stroke: color, "stroke-width": "1.5" }), /* @__PURE__ */ React.createElement("path", { d: "M22.372 11.523C22.4108 11.4198 22.4712 11.3261 22.5492 11.2482C22.6271 11.1702 22.7209 11.1098 22.824 11.071L24.831 10.317L22.824 9.564C22.7242 9.52656 22.6332 9.46884 22.5568 9.39449C22.4804 9.32014 22.4202 9.23077 22.38 9.132L22.372 9.112L21.618 7.104L20.865 9.112L20.858 9.131C20.8178 9.23002 20.7575 9.31961 20.6809 9.39414C20.6043 9.46867 20.5131 9.52651 20.413 9.564L18.405 10.317L20.413 11.071C20.5163 11.1096 20.6101 11.17 20.6881 11.248C20.7661 11.3259 20.8264 11.4197 20.865 11.523L21.618 13.53L22.372 11.523Z", stroke: color, "stroke-width": "1.2" }));
|
|
4
|
+
var rufousAiIcon_default = RufousAiIcon;
|
|
5
|
+
|
|
6
|
+
export {
|
|
7
|
+
rufousAiIcon_default
|
|
8
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// lib/Buttons/addButton.tsx
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
var AddButton = ({ children, ...props }) => {
|
|
4
|
-
return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+", children);
|
|
4
|
+
return /* @__PURE__ */ React.createElement("button", { className: "add-btn", ...props }, "+ ", children);
|
|
5
5
|
};
|
|
6
6
|
var addButton_default = AddButton;
|
|
7
7
|
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// lib/icons/closeIcon.tsx
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
var CloseIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "336", height: "336", viewBox: "0 0 336 336", fill: "none", ...props }, /* @__PURE__ */ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M132.323 167.676L0 299.999L35.3553 335.356L167.68 203.032L300.003 335.356L335.36 299.999L203.037 167.676L335.357 35.3553L300 0L167.68 132.319L35.3593 0L0.00398954 35.3553L132.323 167.676Z", fill: color }));
|
|
4
|
+
var closeIcon_default = CloseIcon;
|
|
5
|
+
|
|
6
|
+
export {
|
|
7
|
+
closeIcon_default
|
|
8
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// lib/icons/closeIcon.tsx
|
|
30
|
+
var closeIcon_exports = {};
|
|
31
|
+
__export(closeIcon_exports, {
|
|
32
|
+
default: () => closeIcon_default
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(closeIcon_exports);
|
|
35
|
+
var React = __toESM(require("react"), 1);
|
|
36
|
+
var CloseIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "336", height: "336", viewBox: "0 0 336 336", fill: "none", ...props }, /* @__PURE__ */ React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M132.323 167.676L0 299.999L35.3553 335.356L167.68 203.032L300.003 335.356L335.36 299.999L203.037 167.676L335.357 35.3553L300 0L167.68 132.319L35.3593 0L0.00398954 35.3553L132.323 167.676Z", fill: color }));
|
|
37
|
+
var closeIcon_default = CloseIcon;
|
package/dist/icons/index.cjs
CHANGED
|
@@ -32,6 +32,7 @@ __export(icons_exports, {
|
|
|
32
32
|
ActivateUserIcon: () => activateUserIcon_default,
|
|
33
33
|
ArchivedIcon: () => archivedIcon_default,
|
|
34
34
|
AssignGroupIcon: () => assignGroupIcon_default,
|
|
35
|
+
CloseIcon: () => closeIcon_default,
|
|
35
36
|
CopyIcon: () => copyIcon_default,
|
|
36
37
|
DifficultyAllIcon: () => difficultyAllIcon_default,
|
|
37
38
|
DifficultyEasyIcon: () => difficultyEasyIcon_default,
|
|
@@ -64,6 +65,7 @@ __export(icons_exports, {
|
|
|
64
65
|
RefreshIcon: () => refreshIcon_default,
|
|
65
66
|
ResendInviteIcon: () => resendInviteIcon_default,
|
|
66
67
|
RolesIcon: () => rolesIcon_default,
|
|
68
|
+
RufousAiIcon: () => rufousAiIcon_default,
|
|
67
69
|
RufousBirdIcon: () => rufousBirdIcon_default,
|
|
68
70
|
RufousLauncherIcon: () => rufousLauncherBird_default,
|
|
69
71
|
SidebarIcon: () => sidebarIcon_default,
|
|
@@ -973,11 +975,22 @@ var RolesIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React49.cre
|
|
|
973
975
|
/* @__PURE__ */ React49.createElement("g", { id: "Polygon_20", "data-name": "Polygon 20", fill: "#fff" }, /* @__PURE__ */ React49.createElement("path", { d: "M 14.31851863861084 16.61064720153809 L 9.815674781799316 13.82481002807617 L 9.473684310913086 13.61322975158691 L 9.131693840026855 13.82481002807617 L 4.628849983215332 16.61064720153809 L 5.889554500579834 11.47321033477783 L 5.985584259033203 11.08187007904053 L 5.677794456481934 10.82180023193359 L 1.635604500770569 7.406408309936523 L 6.916284084320068 7.016540050506592 L 7.317644119262695 6.986899852752686 L 7.470024108886719 6.614419937133789 L 9.473684310913086 1.716671586036682 L 11.47734451293945 6.614419937133789 L 11.62972450256348 6.986899852752686 L 12.03108406066895 7.016540050506592 L 17.31176376342773 7.406408309936523 L 13.26957416534424 10.82180023193359 L 12.96178436279297 11.08187007904053 L 13.0578145980835 11.47321033477783 L 14.31851863861084 16.61064720153809 Z", stroke: "none" }), /* @__PURE__ */ React49.createElement("path", { d: "M 9.473684310913086 3.433357238769531 L 7.766864776611328 7.605509757995605 L 3.271193504333496 7.937417984008789 L 6.712894439697266 10.84543991088867 L 5.639073371887207 15.22130012512207 L 9.473684310913086 12.84887981414795 L 13.30829429626465 15.22130012512207 L 12.23447418212891 10.84543991088867 L 15.67617416381836 7.937417984008789 L 11.18050384521484 7.605509757995605 L 9.473684310913086 3.433357238769531 M 9.473684310913086 0 L 12.07894420623779 6.368300437927246 L 18.94736480712891 6.87539005279541 L 13.68908500671387 11.31830024719238 L 15.32874488830566 18 L 9.473684310913086 14.37757015228271 L 3.618624687194824 18 L 5.258284568786621 11.31830024719238 L 3.814697265625e-06 6.87539005279541 L 6.868424415588379 6.368300437927246 L 9.473684310913086 0 Z", stroke: "none", fill: color }))
|
|
974
976
|
);
|
|
975
977
|
var rolesIcon_default = RolesIcon;
|
|
978
|
+
|
|
979
|
+
// lib/icons/rufousAiIcon.tsx
|
|
980
|
+
var React50 = __toESM(require("react"), 1);
|
|
981
|
+
var RufousAiIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React50.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React50.createElement("path", { d: "M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z", stroke: color, "stroke-width": "2" }), /* @__PURE__ */ React50.createElement("path", { d: "M16.0999 20.167C16.1447 20.0478 16.2145 19.9396 16.3045 19.8495C16.3945 19.7595 16.5028 19.6898 16.6219 19.645L21.3489 17.87L16.6219 16.097C16.5026 16.0524 16.3941 15.9827 16.3039 15.8926C16.2137 15.8026 16.1438 15.6943 16.0989 15.575L14.3239 10.846L12.5509 15.574L12.5419 15.597C12.4955 15.7114 12.4259 15.8149 12.3374 15.9009C12.2489 15.987 12.1436 16.0538 12.0279 16.097L7.29895 17.87L12.0279 19.645C12.1471 19.6898 12.2554 19.7595 12.3454 19.8495C12.4354 19.9396 12.5052 20.0478 12.5499 20.167L14.3229 24.894L16.0999 20.167Z", stroke: color, "stroke-width": "1.5" }), /* @__PURE__ */ React50.createElement("path", { d: "M22.372 11.523C22.4108 11.4198 22.4712 11.3261 22.5492 11.2482C22.6271 11.1702 22.7209 11.1098 22.824 11.071L24.831 10.317L22.824 9.564C22.7242 9.52656 22.6332 9.46884 22.5568 9.39449C22.4804 9.32014 22.4202 9.23077 22.38 9.132L22.372 9.112L21.618 7.104L20.865 9.112L20.858 9.131C20.8178 9.23002 20.7575 9.31961 20.6809 9.39414C20.6043 9.46867 20.5131 9.52651 20.413 9.564L18.405 10.317L20.413 11.071C20.5163 11.1096 20.6101 11.17 20.6881 11.248C20.7661 11.3259 20.8264 11.4197 20.865 11.523L21.618 13.53L22.372 11.523Z", stroke: color, "stroke-width": "1.2" }));
|
|
982
|
+
var rufousAiIcon_default = RufousAiIcon;
|
|
983
|
+
|
|
984
|
+
// lib/icons/closeIcon.tsx
|
|
985
|
+
var React51 = __toESM(require("react"), 1);
|
|
986
|
+
var CloseIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React51.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "336", height: "336", viewBox: "0 0 336 336", fill: "none", ...props }, /* @__PURE__ */ React51.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M132.323 167.676L0 299.999L35.3553 335.356L167.68 203.032L300.003 335.356L335.36 299.999L203.037 167.676L335.357 35.3553L300 0L167.68 132.319L35.3593 0L0.00398954 35.3553L132.323 167.676Z", fill: color }));
|
|
987
|
+
var closeIcon_default = CloseIcon;
|
|
976
988
|
// Annotate the CommonJS export names for ESM import in node:
|
|
977
989
|
0 && (module.exports = {
|
|
978
990
|
ActivateUserIcon,
|
|
979
991
|
ArchivedIcon,
|
|
980
992
|
AssignGroupIcon,
|
|
993
|
+
CloseIcon,
|
|
981
994
|
CopyIcon,
|
|
982
995
|
DifficultyAllIcon,
|
|
983
996
|
DifficultyEasyIcon,
|
|
@@ -1010,6 +1023,7 @@ var rolesIcon_default = RolesIcon;
|
|
|
1010
1023
|
RefreshIcon,
|
|
1011
1024
|
ResendInviteIcon,
|
|
1012
1025
|
RolesIcon,
|
|
1026
|
+
RufousAiIcon,
|
|
1013
1027
|
RufousBirdIcon,
|
|
1014
1028
|
RufousLauncherIcon,
|
|
1015
1029
|
SidebarIcon,
|
package/dist/icons/index.d.cts
CHANGED
|
@@ -47,4 +47,6 @@ export { default as IndustryIcon } from './industryIcon.cjs';
|
|
|
47
47
|
export { default as MinExperienceIcon } from './minExperienceIcon.cjs';
|
|
48
48
|
export { default as ProjectIcon } from './projectIcon.cjs';
|
|
49
49
|
export { default as RolesIcon } from './rolesIcon.cjs';
|
|
50
|
+
export { default as RufousAiIcon } from './rufousAiIcon.cjs';
|
|
51
|
+
export { default as CloseIcon } from './closeIcon.cjs';
|
|
50
52
|
import 'react';
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -47,4 +47,6 @@ export { default as IndustryIcon } from './industryIcon.js';
|
|
|
47
47
|
export { default as MinExperienceIcon } from './minExperienceIcon.js';
|
|
48
48
|
export { default as ProjectIcon } from './projectIcon.js';
|
|
49
49
|
export { default as RolesIcon } from './rolesIcon.js';
|
|
50
|
+
export { default as RufousAiIcon } from './rufousAiIcon.js';
|
|
51
|
+
export { default as CloseIcon } from './closeIcon.js';
|
|
50
52
|
import 'react';
|