lecom-ui 5.4.0 → 5.4.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/dist/components/Badge/Badge.js +26 -0
- package/dist/components/Header/ModulesMenu.js +8 -5
- package/dist/components/IconHandler/IconHandler.js +99 -0
- package/dist/components/Layout/Layout.js +8 -5
- package/dist/components/ToggleGroup/ToggleGroup.js +0 -2
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/icons/Brand/BrandModules.js +33 -0
- package/dist/icons/Brand/FooterInfo.js +31 -0
- package/dist/icons/Brand/LogoLecom.js +30 -0
- package/dist/icons/Brand/LogoLecomBrand.js +23 -0
- package/dist/icons/Features/CadastroFacil.js +23 -0
- package/dist/icons/Features/ModoTeste.js +23 -0
- package/dist/icons/Features/Rpa.js +23 -0
- package/dist/icons/UI/NewUpdate.js +37 -0
- package/dist/icons/UI/SairModoTeste.js +31 -0
- package/dist/index.d.ts +203 -158
- package/dist/index.js +11 -6
- package/dist/lib/utils.js +1 -0
- package/dist/style.min.css +1 -1
- package/package.json +4 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../../lib/utils.js';
|
|
4
|
+
|
|
5
|
+
const badgeVariants = cva(
|
|
6
|
+
"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
7
|
+
{
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
|
|
11
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
12
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
|
|
13
|
+
outline: "text-foreground"
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
variant: "default"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
function Badge({ className, variant, ...props }) {
|
|
22
|
+
return /* @__PURE__ */ React.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
|
|
23
|
+
}
|
|
24
|
+
Badge.displayName = "Badge";
|
|
25
|
+
|
|
26
|
+
export { Badge, badgeVariants };
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useTranslation } from 'react-i18next';
|
|
3
3
|
import { Button } from '../Button/Button.js';
|
|
4
|
-
import '
|
|
5
|
-
import
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import '
|
|
4
|
+
import { LogoLecom } from '../../icons/Brand/LogoLecom.js';
|
|
5
|
+
import '../../icons/Brand/LogoLecomBrand.js';
|
|
6
|
+
import '../../icons/Brand/FooterInfo.js';
|
|
7
|
+
import '../../icons/Brand/BrandModules.js';
|
|
8
|
+
import '../../icons/Features/CadastroFacil.js';
|
|
9
|
+
import '../../icons/Features/Rpa.js';
|
|
10
|
+
import '../../icons/Features/ModoTeste.js';
|
|
11
|
+
import '../../icons/UI/NewUpdate.js';
|
|
9
12
|
import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
|
|
10
13
|
import { ScrollArea } from '../ScrollArea/ScrollArea.js';
|
|
11
14
|
import { cn } from '../../lib/utils.js';
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ReactSVG } from 'react-svg';
|
|
3
|
+
import { cn } from '../../lib/utils.js';
|
|
4
|
+
|
|
5
|
+
const isUrl = (str) => {
|
|
6
|
+
try {
|
|
7
|
+
new URL(str);
|
|
8
|
+
return true;
|
|
9
|
+
} catch {
|
|
10
|
+
return false;
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
const isImage = (str) => {
|
|
14
|
+
return /\.(svg|png|jpg|jpeg|gif|webp)$/i.test(str);
|
|
15
|
+
};
|
|
16
|
+
const IconHandler = React.forwardRef(
|
|
17
|
+
({
|
|
18
|
+
icon,
|
|
19
|
+
colorType = "color",
|
|
20
|
+
variantsColors,
|
|
21
|
+
className,
|
|
22
|
+
setAttribute,
|
|
23
|
+
style = {},
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => {
|
|
26
|
+
if (typeof icon === "string") {
|
|
27
|
+
if (isUrl(icon)) {
|
|
28
|
+
return /* @__PURE__ */ React.createElement(
|
|
29
|
+
"img",
|
|
30
|
+
{
|
|
31
|
+
src: icon,
|
|
32
|
+
alt: "\xCDcone",
|
|
33
|
+
className: cn("w-[24px] h-[24px]", className),
|
|
34
|
+
style: {
|
|
35
|
+
...style,
|
|
36
|
+
...variantsColors && {
|
|
37
|
+
color: variantsColors
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
} else if (isImage(icon)) {
|
|
43
|
+
return /* @__PURE__ */ React.createElement(
|
|
44
|
+
ReactSVG,
|
|
45
|
+
{
|
|
46
|
+
src: icon,
|
|
47
|
+
className: cn("w-[24px] h-[24px]", className),
|
|
48
|
+
beforeInjection: (svg) => {
|
|
49
|
+
if (variantsColors && setAttribute) {
|
|
50
|
+
svg.setAttribute(
|
|
51
|
+
"style",
|
|
52
|
+
`fill: ${variantsColors}${setAttribute ? `; ${setAttribute}` : ""}`
|
|
53
|
+
);
|
|
54
|
+
} else if (setAttribute) {
|
|
55
|
+
svg.setAttribute("style", `${setAttribute}`);
|
|
56
|
+
} else if (variantsColors) {
|
|
57
|
+
svg.setAttribute("style", `fill: ${variantsColors}`);
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
style
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
} else {
|
|
64
|
+
return /* @__PURE__ */ React.createElement(
|
|
65
|
+
"span",
|
|
66
|
+
{
|
|
67
|
+
className: cn("flex items-center w-auto h-[24px]", className),
|
|
68
|
+
style: {
|
|
69
|
+
...style,
|
|
70
|
+
...variantsColors && {
|
|
71
|
+
color: variantsColors
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
icon
|
|
76
|
+
);
|
|
77
|
+
}
|
|
78
|
+
} else {
|
|
79
|
+
const IconComponent = icon;
|
|
80
|
+
const setColor = colorType === "color" ? { color: variantsColors } : {};
|
|
81
|
+
return /* @__PURE__ */ React.createElement(
|
|
82
|
+
IconComponent,
|
|
83
|
+
{
|
|
84
|
+
ref,
|
|
85
|
+
fill: colorType === "fill" ? variantsColors : "none",
|
|
86
|
+
className: cn("hover:bg-transparent", className),
|
|
87
|
+
style: {
|
|
88
|
+
...style,
|
|
89
|
+
...variantsColors && setColor
|
|
90
|
+
},
|
|
91
|
+
...props
|
|
92
|
+
}
|
|
93
|
+
);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
);
|
|
97
|
+
IconHandler.displayName = "IconHandler";
|
|
98
|
+
|
|
99
|
+
export { IconHandler };
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { initializeI18n } from '../../i18n/index.js';
|
|
3
3
|
import { getCookie } from '../../utils/cookie.js';
|
|
4
|
-
import '
|
|
5
|
-
import '
|
|
6
|
-
import '
|
|
7
|
-
import '
|
|
8
|
-
import
|
|
4
|
+
import '../../icons/Brand/LogoLecom.js';
|
|
5
|
+
import { LogoLecomBrand } from '../../icons/Brand/LogoLecomBrand.js';
|
|
6
|
+
import '../../icons/Brand/FooterInfo.js';
|
|
7
|
+
import '../../icons/Brand/BrandModules.js';
|
|
8
|
+
import '../../icons/Features/CadastroFacil.js';
|
|
9
|
+
import '../../icons/Features/Rpa.js';
|
|
10
|
+
import '../../icons/Features/ModoTeste.js';
|
|
11
|
+
import '../../icons/UI/NewUpdate.js';
|
|
9
12
|
import { Header } from '../Header/Header.js';
|
|
10
13
|
import { SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarFooter } from '../Sidebar/Sidebar.js';
|
|
11
14
|
import { Typography } from '../Typography/Typography.js';
|
|
@@ -63,14 +63,12 @@ function ToggleGroupItem({
|
|
|
63
63
|
children,
|
|
64
64
|
size,
|
|
65
65
|
color,
|
|
66
|
-
asChild,
|
|
67
66
|
...props
|
|
68
67
|
}) {
|
|
69
68
|
const context = React.useContext(ToggleGroupContext);
|
|
70
69
|
return /* @__PURE__ */ React.createElement(
|
|
71
70
|
ToggleGroupPrimitive.Item,
|
|
72
71
|
{
|
|
73
|
-
asChild,
|
|
74
72
|
"data-slot": "toggle-group-item",
|
|
75
73
|
"data-variant": "outline",
|
|
76
74
|
"data-size": context.size || size,
|
|
@@ -45,7 +45,7 @@ const TooltipContent = React.forwardRef(
|
|
|
45
45
|
className,
|
|
46
46
|
children,
|
|
47
47
|
...props
|
|
48
|
-
}, ref) => /* @__PURE__ */ React.createElement(
|
|
48
|
+
}, ref) => /* @__PURE__ */ React.createElement(
|
|
49
49
|
TooltipPrimitive.Content,
|
|
50
50
|
{
|
|
51
51
|
ref,
|
|
@@ -58,7 +58,7 @@ const TooltipContent = React.forwardRef(
|
|
|
58
58
|
},
|
|
59
59
|
children,
|
|
60
60
|
arrow && /* @__PURE__ */ React.createElement(TooltipArrow, { className: "tooltip-arrow", width: 12, height: 6 })
|
|
61
|
-
)
|
|
61
|
+
)
|
|
62
62
|
);
|
|
63
63
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
64
64
|
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
|
|
3
|
+
const BrandModules = React__default.forwardRef(
|
|
4
|
+
({
|
|
5
|
+
fill = "black",
|
|
6
|
+
width = "24px",
|
|
7
|
+
height = "24px",
|
|
8
|
+
viewBox = "0 0 24 24",
|
|
9
|
+
className = "",
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
13
|
+
"svg",
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
width,
|
|
17
|
+
height,
|
|
18
|
+
viewBox,
|
|
19
|
+
fill,
|
|
20
|
+
xmlSpace: "preserve",
|
|
21
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
22
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
23
|
+
className,
|
|
24
|
+
...props
|
|
25
|
+
},
|
|
26
|
+
/* @__PURE__ */ React__default.createElement("path", { d: "M6.65,16.59c1.18-2.92,3.53-3.63,4.94-3.06a3.26,3.26,0,0,1,2,2.73.74.74,0,0,1-.28.66L6,22C5.85,18.23,6.41,17.25,6.65,16.59Zm5.93-3.81c-.42-.33-1-.66-1.46-1-.71-.42-1.32-.85-1.32-.85C5.9,8.35,5.9,6.09,6.09,2L20.34,12l-5.83,4.09A3.9,3.9,0,0,0,12.58,12.78Z" }),
|
|
27
|
+
/* @__PURE__ */ React__default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
BrandModules.displayName = "BrandModules";
|
|
32
|
+
|
|
33
|
+
export { BrandModules };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const FooterInfo = React.forwardRef(
|
|
4
|
+
({
|
|
5
|
+
fill = "black",
|
|
6
|
+
width = "84px",
|
|
7
|
+
height = "24px",
|
|
8
|
+
viewBox = "0 0 84 24",
|
|
9
|
+
className = "",
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
"svg",
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
width,
|
|
17
|
+
height,
|
|
18
|
+
viewBox,
|
|
19
|
+
fill,
|
|
20
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
},
|
|
24
|
+
/* @__PURE__ */ React.createElement("path", { d: "M.65,16.59C1.83,13.67,4.18,13,5.59,13.53a3.26,3.26,0,0,1,2,2.73.74.74,0,0,1-.28.66L0,22C-.15,18.23.41,17.25.65,16.59Zm30.4-.8a5.78,5.78,0,0,1,2.67-7.73,5.52,5.52,0,0,1,.67-.27c4.19-1.27,7.62,1.78,7.34,6a1.57,1.57,0,0,1-.09.43H33.12a2.63,2.63,0,0,0,1.69,2.25,3.8,3.8,0,0,0,4.47-1c.66.37,1.27.75,1.93,1.13A5.39,5.39,0,0,1,37,18.94l-.58,0a5.67,5.67,0,0,1-5.35-3.17Zm5-6.17A3.1,3.1,0,0,0,33,12.26h6.3a2.91,2.91,0,0,0-3.1-2.64Zm12.15,9.27a5.61,5.61,0,0,1-5.13-5.36,5.64,5.64,0,0,1,4.14-5.84,5.53,5.53,0,0,1,6.44,2.59c-.65.38-1.27.75-2,1.18a3.14,3.14,0,0,0-2.82-1.65,3.18,3.18,0,0,0-2.45,1,3.59,3.59,0,0,0,.05,5c1.5,1.36,3.57,1.08,5.27-.8.61.37,1.27.7,1.93,1.08a5.24,5.24,0,0,1-4.77,2.87,4.2,4.2,0,0,1-.7-.05ZM54.9,13.2a5.77,5.77,0,1,1,5.79,5.74h0a5.72,5.72,0,0,1-5.74-5.69Zm5.7-3.44a3.44,3.44,0,1,0,0,6.87A3.31,3.31,0,0,0,64,13.37a1,1,0,0,0,0-.17,3.37,3.37,0,0,0-3.3-3.44H60.6Zm7.06,9V8H70V9.25a3.69,3.69,0,0,1,3.2-1.56,3.56,3.56,0,0,1,3,1.65l.29-.28a4.18,4.18,0,0,1,5.89-.38,4.08,4.08,0,0,1,.46.47,4.67,4.67,0,0,1,.89,2.59c0,2.31,0,4.61,0,6.92,0-.1,0-.05,0,.05h-2.3V12.45a2.89,2.89,0,0,0,0-.66,2,2,0,0,0-1.93-2,1.31,1.31,0,0,0-.28,0,2.12,2.12,0,0,0-2.21,2v0c-.09,1,0,2-.09,3V18.7H74.43V12c0-1.27-.7-2.11-1.74-2.16a2.28,2.28,0,0,0-2.63,1.87h0a9.24,9.24,0,0,0-.1,1.18V18.8ZM21,18.7V5.39h2.5v11h5.74V18.7ZM6.58,12.78c-.42-.33-1-.66-1.46-1-.71-.42-1.32-.85-1.32-.85C-.1,8.35-.1,6.09.09,2L14.34,12,8.51,16.07A3.9,3.9,0,0,0,6.58,12.78Z" }),
|
|
25
|
+
/* @__PURE__ */ React.createElement("path", { d: "M0,0H84V24H0Z", fill: "none" })
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
FooterInfo.displayName = "FooterInfo";
|
|
30
|
+
|
|
31
|
+
export { FooterInfo };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
const LogoLecom = React.forwardRef(
|
|
5
|
+
({ fillColor, size = 24, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("custom-icon", className, fillColor),
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement(
|
|
18
|
+
"path",
|
|
19
|
+
{
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
d: "M10.7088 13.8353C12.4594 14.5129 13.0241 16.1506 13.1371 17.1106C13.1935 17.6188 12.7983 17.9012 12.7983 17.9012L4.04531 24C3.81943 19.4823 4.49707 18.2965 4.77943 17.5059C6.19119 14.0047 9.01472 13.1576 10.7088 13.8353Z"
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ React.createElement("path", { d: "M8.56301 10.6729C3.87595 7.62353 3.87595 4.91294 4.10184 0L21.2124 11.9718L14.2101 16.8847C14.323 14.7388 12.7418 13.6094 11.8948 12.9318C11.3865 12.5365 10.7089 12.1412 10.1442 11.6894C9.29713 11.1812 8.56301 10.6729 8.56301 10.6729Z" })
|
|
26
|
+
)
|
|
27
|
+
);
|
|
28
|
+
LogoLecom.displayName = "LogoLecom";
|
|
29
|
+
|
|
30
|
+
export { LogoLecom };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
const LogoLecomBrand = React.forwardRef(
|
|
5
|
+
({ fillColor, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "84",
|
|
10
|
+
height: "24",
|
|
11
|
+
viewBox: "0 0 84 24",
|
|
12
|
+
fill: "currentColor",
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("custom-icon", className, fillColor),
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement("path", { d: "M.65,16.59C1.83,13.67,4.18,13,5.59,13.53a3.26,3.26,0,0,1,2,2.73.74.74,0,0,1-.28.66L0,22C-.15,18.23.41,17.25.65,16.59Zm30.4-.8a5.78,5.78,0,0,1,2.67-7.73,5.52,5.52,0,0,1,.67-.27c4.19-1.27,7.62,1.78,7.34,6a1.57,1.57,0,0,1-.09.43H33.12a2.63,2.63,0,0,0,1.69,2.25,3.8,3.8,0,0,0,4.47-1c.66.37,1.27.75,1.93,1.13A5.39,5.39,0,0,1,37,18.94l-.58,0a5.67,5.67,0,0,1-5.35-3.17Zm5-6.17A3.1,3.1,0,0,0,33,12.26h6.3a2.91,2.91,0,0,0-3.1-2.64Zm12.15,9.27a5.61,5.61,0,0,1-5.13-5.36,5.64,5.64,0,0,1,4.14-5.84,5.53,5.53,0,0,1,6.44,2.59c-.65.38-1.27.75-2,1.18a3.14,3.14,0,0,0-2.82-1.65,3.18,3.18,0,0,0-2.45,1,3.59,3.59,0,0,0,.05,5c1.5,1.36,3.57,1.08,5.27-.8.61.37,1.27.7,1.93,1.08a5.24,5.24,0,0,1-4.77,2.87,4.2,4.2,0,0,1-.7-.05ZM54.9,13.2a5.77,5.77,0,1,1,5.79,5.74h0a5.72,5.72,0,0,1-5.74-5.69Zm5.7-3.44a3.44,3.44,0,1,0,0,6.87A3.31,3.31,0,0,0,64,13.37a1,1,0,0,0,0-.17,3.37,3.37,0,0,0-3.3-3.44H60.6Zm7.06,9V8H70V9.25a3.69,3.69,0,0,1,3.2-1.56,3.56,3.56,0,0,1,3,1.65l.29-.28a4.18,4.18,0,0,1,5.89-.38,4.08,4.08,0,0,1,.46.47,4.67,4.67,0,0,1,.89,2.59c0,2.31,0,4.61,0,6.92,0-.1,0-.05,0,.05h-2.3V12.45a2.89,2.89,0,0,0,0-.66,2,2,0,0,0-1.93-2,1.31,1.31,0,0,0-.28,0,2.12,2.12,0,0,0-2.21,2v0c-.09,1,0,2-.09,3V18.7H74.43V12c0-1.27-.7-2.11-1.74-2.16a2.28,2.28,0,0,0-2.63,1.87h0a9.24,9.24,0,0,0-.1,1.18V18.8ZM21,18.7V5.39h2.5v11h5.74V18.7ZM6.58,12.78c-.42-.33-1-.66-1.46-1-.71-.42-1.32-.85-1.32-.85C-.1,8.35-.1,6.09.09,2L14.34,12,8.51,16.07A3.9,3.9,0,0,0,6.58,12.78Z" }),
|
|
18
|
+
/* @__PURE__ */ React.createElement("path", { d: "M0,0H84V24H0Z", fill: "none" })
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
LogoLecomBrand.displayName = "LogoLecomBrand";
|
|
22
|
+
|
|
23
|
+
export { LogoLecomBrand };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
const CadastroFacil = React.forwardRef(
|
|
5
|
+
({ fillColor, size = 24, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("custom-icon", className, fillColor),
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_583_2576)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip1_583_2576)" }, /* @__PURE__ */ React.createElement("path", { d: "M14.5 2.79999V4.39999C15.9 4.39999 17 5.49999 17 6.89999H18.6C18.6 4.59999 16.8 2.79999 14.5 2.79999Z" }), /* @__PURE__ */ React.createElement("path", { d: "M1.6 16.1H0C0 18.4 1.8 20.2 4.1 20.2V18.6C2.7 18.6 1.6 17.5 1.6 16.1Z" }), /* @__PURE__ */ React.createElement("path", { d: "M23.2001 17.6V7.9H13.1V5.8C13.1 4.7 12.4 3.7 11.2 3C10.1 2.4 8.70005 2 7.20005 2C5.70005 2 4.30005 2.3 3.20005 3C2.00005 3.7 1.30005 4.7 1.30005 5.8V13.1C1.30005 14.2 2.00005 15.2 3.20005 15.9C4.10005 16.4 5.10005 16.7 6.30005 16.8V17.6H5.50005V19.7C5.50005 20.9 6.50005 21.9 7.70005 21.9H21.9C23.1 21.9 24.1 20.9 24.1 19.7V17.6H23.3H23.2001ZM21.6 9.6V17.6H7.90005V9.6H21.6ZM6.30005 15.2C5.40005 15.1 4.60005 14.9 4.00005 14.5C3.30005 14.1 2.90005 13.6 2.90005 13.2V12.2C2.90005 12.2 3.10005 12.3 3.20005 12.4C4.10005 12.9 5.10005 13.2 6.30005 13.3V15.3V15.2ZM6.30005 11.6C5.40005 11.5 4.60005 11.3 4.00005 10.9C3.30005 10.5 2.90005 10 2.90005 9.6V8.6C2.90005 8.6 3.10005 8.7 3.20005 8.8C4.10005 9.3 5.10005 9.6 6.30005 9.7V11.7V11.6ZM4.00005 7.2C3.30005 6.8 2.90005 6.3 2.90005 5.9C2.90005 5.5 3.30005 4.9 4.00005 4.6C4.80005 4.1 6.00005 3.9 7.20005 3.9C8.40005 3.9 9.60005 4.2 10.4 4.6C11.1 5 11.5 5.5 11.5 5.9C11.5 6.3 11.1 6.9 10.4 7.2C9.70005 7.6 8.90005 7.8 8.00005 7.9H6.50005C5.60005 7.9 4.70005 7.6 4.10005 7.2H4.00005ZM22.4 19.7C22.4 20 22.2 20.2 21.9 20.2H7.60005C7.30005 20.2 7.10005 20 7.10005 19.7V19.3H22.4V19.7Z" }))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_583_2576" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "24", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "clip1_583_2576" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "24", fill: "white" })))
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
CadastroFacil.displayName = "CadastroFacil";
|
|
22
|
+
|
|
23
|
+
export { CadastroFacil };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
const ModoTeste = React.forwardRef(
|
|
5
|
+
({ fillColor, size = 24, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("custom-icon", className, fillColor),
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_583_2575)" }, /* @__PURE__ */ React.createElement("path", { d: "M13.6 9.60001H8.30002C8.10002 9.60001 7.80002 9.60001 7.70002 9.90001C7.50002 10.1 7.40002 10.3 7.40002 10.5C7.40002 10.7 7.40002 11 7.70002 11.1C7.90002 11.3 8.10002 11.4 8.30002 11.4H11.7C11.7 11.4 11.8 11.3 11.9 11.2C12.2 10.9 12.7 10.8 13.1 10.8H14.4C14.4 10.8 14.4 10.6 14.4 10.5C14.4 10.3 14.4 10 14.1 9.90001C13.9 9.70001 13.7 9.60001 13.5 9.60001H13.6Z" }), /* @__PURE__ */ React.createElement("path", { d: "M12.1 16.9H5.7V2.3H11V6.9C11 7.1 11 7.4 11.3 7.5C11.5 7.7 11.7 7.8 11.9 7.8H16.3V10.8H18.1V5.9C18.1 5.7 18.1 5.4 17.8 5.3L13.3 0.8C13.1 0.6 12.9 0.5 12.7 0.5H5.7C5.2 0.5 4.8 0.7 4.5 1C4.2 1.3 4 1.8 4 2.3V16.9C4 17.4 4.2 17.8 4.5 18.2C4.8 18.5 5.3 18.7 5.7 18.7H12.1V16.9ZM12.7 2.7L15.9 6H12.7V2.7Z" }), /* @__PURE__ */ React.createElement("path", { d: "M7.70002 14.8C7.90002 15 8.10002 15.1 8.30002 15.1H12V13.9C12 13.9 11.9 13.9 11.9 13.8C11.7 13.6 11.6 13.5 11.5 13.2H8.30002C8.10002 13.2 7.80002 13.2 7.70002 13.5C7.50002 13.7 7.40002 13.9 7.40002 14.1C7.40002 14.3 7.40002 14.6 7.70002 14.7V14.8Z" }), /* @__PURE__ */ React.createElement("path", { d: "M18.4 23.8C19 23.3 19.3 22.7 19.3 22V13.3H19.6C19.6 13.1 19.7 13.1 19.8 13C19.9 12.9 20 12.7 20 12.6C20 12.5 20 12.3 19.8 12.2C19.7 12.1 19.5 12 19.3 12H13.1C12.9 12 12.7 12 12.6 12.2C12.5 12.3 12.4 12.5 12.4 12.6C12.4 12.7 12.5 13 12.6 13C12.6 13 12.7 13 12.8 13.1H13.1V22C13.1 22.7 13.4 23.3 14 23.8C14.6 24.3 15.4 24.5 16.2 24.5C17 24.5 17.8 24.2 18.4 23.8ZM14.7 22V13.2H17.8V15.1H17C16.8 15.1 16.6 15.1 16.5 15.3C16.4 15.4 16.3 15.6 16.3 15.7C16.3 15.8 16.4 16.1 16.5 16.1C16.6 16.2 16.8 16.3 17 16.3H17.8V17.6H17C16.8 17.6 16.6 17.6 16.5 17.8C16.4 17.9 16.3 18.1 16.3 18.2C16.3 18.3 16.4 18.6 16.5 18.6C16.6 18.7 16.8 18.8 17 18.8H17.8V20.1H17C16.8 20.1 16.6 20.1 16.5 20.3C16.4 20.4 16.3 20.6 16.3 20.7C16.3 20.8 16.4 21.1 16.5 21.1C16.6 21.2 16.8 21.3 17 21.3H17.8V21.9C17.8 22.2 17.6 22.6 17.3 22.8C17 23 16.6 23.2 16.2 23.2C15.8 23.2 15.4 23.1 15.1 22.8C14.8 22.6 14.6 22.2 14.6 21.9L14.7 22Z" })),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_583_2575" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "24", fill: "white" })))
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
ModoTeste.displayName = "ModoTeste";
|
|
22
|
+
|
|
23
|
+
export { ModoTeste };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cn } from '../../lib/utils.js';
|
|
3
|
+
|
|
4
|
+
const Rpa = React.forwardRef(
|
|
5
|
+
({ fillColor, size = 24, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
ref,
|
|
14
|
+
className: cn("custom-icon", className, fillColor),
|
|
15
|
+
...props
|
|
16
|
+
},
|
|
17
|
+
/* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_583_2574)" }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip1_583_2574)" }, /* @__PURE__ */ React.createElement("path", { d: "M23.8 10.6C23.1 7.8 20.9 7.4 20.7 7.4C20.6 7.6 20.3 8.1 20.1 8.3H9.60001C9.60001 8.3 9.10001 7.5 8.20001 7.2C7.40001 6.9 6.30001 7.1 4.60001 7H3.00001C3.00001 7 2.40001 7.1 1.90001 7.4C0.300008 8.5 8.15466e-06 11.7 8.15466e-06 11.7C8.15466e-06 11.7 -0.299992 13.9 0.900008 16.5C1.50001 17.5 2.10001 18.2 2.70001 18.5C3.50001 18.9 4.20001 18.8 4.20001 18.8C4.20001 18.8 19.3 16.2 20.6 16C21.8 15.8 22.4 15.3 22.4 15.3C22.4 15.3 24.5 13.5 23.8 10.5V10.6ZM3.70001 17.7C2.10001 18 0.500008 16.2 0.200008 13.5C-0.0999919 10.9 0.900008 8.4 2.50001 8.1C4.10001 7.8 5.70001 9.6 6.00001 12.3C6.30001 15 5.30001 17.4 3.70001 17.7ZM21.9 14.7L9.20001 16.5C9.20001 16.5 8.30001 16.7 8.00001 16C8.00001 15.7 8.00001 15.3 8.00001 14.6C8.00001 11.9 7.70001 9.7 7.70001 9.7C7.70001 9.7 7.70001 9.1 8.20001 8.9H21.7C21.7 8.8 23.3 8.9 23.6 11.6C23.6 14.4 21.9 14.6 21.9 14.6V14.7Z" }), /* @__PURE__ */ React.createElement("path", { d: "M13.8 10.4C13.8 10.1 13.5 9.79999 13.1 9.79999C12.7 9.79999 12.5 10.1 12.5 10.5L12.7 14.4C12.7 14.7 13 15 13.4 15C13.8 15 14 14.7 14 14.3L13.8 10.4Z" }), /* @__PURE__ */ React.createElement("path", { d: "M20.7 10.1C20.7 9.80001 20.4 9.60001 20.1 9.60001C19.8 9.60001 19.6 9.90001 19.6 10.2L19.8 13.6C19.8 13.9 20.1 14.1 20.4 14.1C20.7 14.1 20.9 13.8 20.9 13.5L20.7 10.1Z" }), /* @__PURE__ */ React.createElement("path", { d: "M2.49996 8.90001C1.29996 9.20001 0.49996 11.2 0.79996 13.5C1.09996 15.8 2.29996 17.4 3.59996 17.2C4.79996 16.9 5.59996 14.9 5.29996 12.6C4.99996 10.3 3.79996 8.70001 2.49996 8.90001Z" }), /* @__PURE__ */ React.createElement("path", { d: "M5.10002 6.59999C5.10002 6.59999 6.60002 4.89999 9.00002 5.19999C11.6 5.29999 17.7 5.69999 17.7 5.69999C18.5 5.79999 18.8 5.79999 19.7 6.29999C20.1 6.49999 20.4 6.79999 20.5 6.89999C20.5 6.99999 20.5 7.19999 20.5 7.19999C20.5 7.19999 20.1 7.69999 19.9 7.99999H10.1C10.1 7.99999 9.50002 7.29999 8.70002 7.09999C8.00002 6.89999 6.30002 6.79999 4.90002 6.89999L5.20002 6.59999H5.10002Z" }))),
|
|
18
|
+
/* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_583_2574" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "24", fill: "white" })), /* @__PURE__ */ React.createElement("clipPath", { id: "clip1_583_2574" }, /* @__PURE__ */ React.createElement("rect", { width: "24", height: "24", fill: "white" })))
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
Rpa.displayName = "Rpa";
|
|
22
|
+
|
|
23
|
+
export { Rpa };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const NewUpdate = React.forwardRef(
|
|
4
|
+
({
|
|
5
|
+
fill = "black",
|
|
6
|
+
width = "157px",
|
|
7
|
+
height = "28px",
|
|
8
|
+
viewBox = "0 0 157 28",
|
|
9
|
+
className = "",
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
"svg",
|
|
14
|
+
{
|
|
15
|
+
ref,
|
|
16
|
+
width,
|
|
17
|
+
height,
|
|
18
|
+
viewBox,
|
|
19
|
+
fill,
|
|
20
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
21
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
},
|
|
25
|
+
/* @__PURE__ */ React.createElement(
|
|
26
|
+
"path",
|
|
27
|
+
{
|
|
28
|
+
d: "M19.4098 0.627278C20.0523 0.217628 20.7984 0 21.5603 0H153C155.209 0 157 1.79086 157 4V24C157 26.2091 155.209 28 153 28H21.6115C20.8175 28 20.0415 27.7637 19.3823 27.3213L1.53814 15.3446C0.340826 14.541 0.361597 12.7728 1.57746 11.9976L19.4098 0.627278Z",
|
|
29
|
+
fill
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
NewUpdate.displayName = "NewUpdate";
|
|
36
|
+
|
|
37
|
+
export { NewUpdate };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const SairModoTeste = ({
|
|
4
|
+
color = "currentColor",
|
|
5
|
+
strokeWidth = 1.5,
|
|
6
|
+
width = 20,
|
|
7
|
+
height = 20,
|
|
8
|
+
...props
|
|
9
|
+
}) => /* @__PURE__ */ React.createElement(
|
|
10
|
+
"svg",
|
|
11
|
+
{
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
width,
|
|
14
|
+
height,
|
|
15
|
+
fill: "none",
|
|
16
|
+
viewBox: "0 0 24 24",
|
|
17
|
+
...props
|
|
18
|
+
},
|
|
19
|
+
/* @__PURE__ */ React.createElement(
|
|
20
|
+
"path",
|
|
21
|
+
{
|
|
22
|
+
stroke: color,
|
|
23
|
+
strokeLinecap: "round",
|
|
24
|
+
strokeLinejoin: "round",
|
|
25
|
+
strokeWidth,
|
|
26
|
+
d: "M4.75 2h7.875L17 6.5v.9h-3.5c-.464 0-.91-.19-1.237-.527A1.83 1.83 0 0 1 11.75 5.6V2M3 7.5v10.7c0 .477.184.935.513 1.273.328.337.773.527 1.237.527h6.75M8 11.9H6.5m4.5 3.6H6.5M19 10v6m-5-6v1m-1-1h7m-6 8v3.375c0 .91 1.1 1.625 2.5 1.625.567 0 1.085-.117 1.5-.317.259-.125.478-.281.644-.462M1 2l11 10.5L23 23"
|
|
27
|
+
}
|
|
28
|
+
)
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
export { SairModoTeste };
|