@clickpalm/react 1.3.9 → 1.3.10
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.js +211 -187
- package/dist/index.mjs +170 -146
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -726,6 +726,29 @@ var Copy = (props) => {
|
|
|
726
726
|
);
|
|
727
727
|
};
|
|
728
728
|
|
|
729
|
+
// src/components/Icon/Svgs/Download.tsx
|
|
730
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
731
|
+
var Download = (props) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
732
|
+
"svg",
|
|
733
|
+
{
|
|
734
|
+
width: "15",
|
|
735
|
+
height: "15",
|
|
736
|
+
viewBox: "0 0 15 15",
|
|
737
|
+
fill: "none",
|
|
738
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
739
|
+
...props,
|
|
740
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
741
|
+
"path",
|
|
742
|
+
{
|
|
743
|
+
d: "M7.50005 1.04999C7.74858 1.04999 7.95005 1.25146 7.95005 1.49999V8.41359L10.1819 6.18179C10.3576 6.00605 10.6425 6.00605 10.8182 6.18179C10.994 6.35753 10.994 6.64245 10.8182 6.81819L7.81825 9.81819C7.64251 9.99392 7.35759 9.99392 7.18185 9.81819L4.18185 6.81819C4.00611 6.64245 4.00611 6.35753 4.18185 6.18179C4.35759 6.00605 4.64251 6.00605 4.81825 6.18179L7.05005 8.41359V1.49999C7.05005 1.25146 7.25152 1.04999 7.50005 1.04999ZM2.5 10C2.77614 10 3 10.2239 3 10.5V12C3 12.5539 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2239 12.2239 10 12.5 10C12.7761 10 13 10.2239 13 10.5V12C13 13.1041 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2239 2.22386 10 2.5 10Z",
|
|
744
|
+
fill: "currentColor",
|
|
745
|
+
"fill-rule": "evenodd",
|
|
746
|
+
"clip-rule": "evenodd"
|
|
747
|
+
}
|
|
748
|
+
)
|
|
749
|
+
}
|
|
750
|
+
);
|
|
751
|
+
|
|
729
752
|
// src/components/Icon/icons.ts
|
|
730
753
|
var iconMap = {
|
|
731
754
|
TriangleDown: import_react_icons.TriangleDownIcon,
|
|
@@ -739,6 +762,7 @@ var iconMap = {
|
|
|
739
762
|
Calendar,
|
|
740
763
|
Closed,
|
|
741
764
|
Dots,
|
|
765
|
+
Download,
|
|
742
766
|
Filter,
|
|
743
767
|
Hamburger,
|
|
744
768
|
Pencil,
|
|
@@ -752,7 +776,7 @@ var iconMap = {
|
|
|
752
776
|
};
|
|
753
777
|
|
|
754
778
|
// src/components/Icon/index.tsx
|
|
755
|
-
var
|
|
779
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
756
780
|
var colorMap = {
|
|
757
781
|
black: "#000000",
|
|
758
782
|
green: "#78CB63",
|
|
@@ -765,7 +789,7 @@ function Icon({ name, size = 24, color = "black", ...rest }) {
|
|
|
765
789
|
return null;
|
|
766
790
|
}
|
|
767
791
|
const fillColor = colorMap[color];
|
|
768
|
-
return /* @__PURE__ */ (0,
|
|
792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
769
793
|
IconComponent,
|
|
770
794
|
{
|
|
771
795
|
width: size,
|
|
@@ -972,7 +996,7 @@ var StyledLabel = styled("label", {
|
|
|
972
996
|
});
|
|
973
997
|
|
|
974
998
|
// src/components/Calendar/index.tsx
|
|
975
|
-
var
|
|
999
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
976
1000
|
calendarStyles();
|
|
977
1001
|
var Calendar2 = ({ label, onChange }) => {
|
|
978
1002
|
const [selected, setSelected] = (0, import_react3.useState)(void 0);
|
|
@@ -990,9 +1014,9 @@ var Calendar2 = ({ label, onChange }) => {
|
|
|
990
1014
|
setMonth(selected);
|
|
991
1015
|
}
|
|
992
1016
|
}, [selected]);
|
|
993
|
-
return /* @__PURE__ */ (0,
|
|
994
|
-
/* @__PURE__ */ (0,
|
|
995
|
-
/* @__PURE__ */ (0,
|
|
1017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
|
|
1018
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StyledLabel, { children: label }),
|
|
1019
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
996
1020
|
import_react_day_picker.DayPicker,
|
|
997
1021
|
{
|
|
998
1022
|
className: !open ? "calendar-root-collapsed" : "",
|
|
@@ -1022,21 +1046,21 @@ var Calendar2 = ({ label, onChange }) => {
|
|
|
1022
1046
|
components: {
|
|
1023
1047
|
MonthCaption: ({ calendarMonth, displayIndex, ...safeprops }) => {
|
|
1024
1048
|
const displayMonth = calendarMonth.date;
|
|
1025
|
-
return /* @__PURE__ */ (0,
|
|
1026
|
-
/* @__PURE__ */ (0,
|
|
1049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ...safeprops, children: [
|
|
1050
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1027
1051
|
Button,
|
|
1028
1052
|
{
|
|
1029
1053
|
variant: "secondary",
|
|
1030
1054
|
size: "sm",
|
|
1031
1055
|
onClick: () => setOpen(!open),
|
|
1032
|
-
children: /* @__PURE__ */ (0,
|
|
1056
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(StyledButton2, { isOpen: open, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "TriangleUp", size: 16 }) })
|
|
1033
1057
|
}
|
|
1034
1058
|
) }),
|
|
1035
|
-
/* @__PURE__ */ (0,
|
|
1059
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "calendar-month_caption", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "calendar-caption_label", role: "heading", "aria-level": 2, children: (0, import_date_fns.format)(displayMonth, "MMMM 'de' yyyy", { locale: import_locale.ptBR }).replace(/^./, (c) => c.toUpperCase()) }) })
|
|
1036
1060
|
] });
|
|
1037
1061
|
},
|
|
1038
|
-
PreviousMonthButton: (props) => /* @__PURE__ */ (0,
|
|
1039
|
-
NextMonthButton: (props) => /* @__PURE__ */ (0,
|
|
1062
|
+
PreviousMonthButton: (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", variant: "secondary", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "TriangleLeft", size: 16 }) }),
|
|
1063
|
+
NextMonthButton: (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { size: "sm", variant: "secondary", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "TriangleRight", size: 16 }) })
|
|
1040
1064
|
}
|
|
1041
1065
|
}
|
|
1042
1066
|
)
|
|
@@ -1160,12 +1184,12 @@ var Span = styled("span", {
|
|
|
1160
1184
|
});
|
|
1161
1185
|
|
|
1162
1186
|
// src/components/Checkbox/index.tsx
|
|
1163
|
-
var
|
|
1187
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1164
1188
|
var Checkbox2 = (0, import_react4.forwardRef)(
|
|
1165
1189
|
({ label, checked, onCheckedChange, errorMessage, ...rest }, ref) => {
|
|
1166
|
-
return /* @__PURE__ */ (0,
|
|
1167
|
-
/* @__PURE__ */ (0,
|
|
1168
|
-
/* @__PURE__ */ (0,
|
|
1190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
|
|
1191
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(StyledWrapper, { hasError: !!errorMessage, children: [
|
|
1192
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1169
1193
|
CheckboxContainer,
|
|
1170
1194
|
{
|
|
1171
1195
|
ref,
|
|
@@ -1173,12 +1197,12 @@ var Checkbox2 = (0, import_react4.forwardRef)(
|
|
|
1173
1197
|
onCheckedChange,
|
|
1174
1198
|
hasError: !!errorMessage,
|
|
1175
1199
|
...rest,
|
|
1176
|
-
children: /* @__PURE__ */ (0,
|
|
1200
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "Check", size: 16, color: "white" }) })
|
|
1177
1201
|
}
|
|
1178
1202
|
),
|
|
1179
|
-
/* @__PURE__ */ (0,
|
|
1203
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxLabel, { children: label })
|
|
1180
1204
|
] }),
|
|
1181
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
1205
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Span, { children: errorMessage })
|
|
1182
1206
|
] });
|
|
1183
1207
|
}
|
|
1184
1208
|
);
|
|
@@ -1330,7 +1354,7 @@ var CharCounter = styled(Span2, {
|
|
|
1330
1354
|
});
|
|
1331
1355
|
|
|
1332
1356
|
// src/components/Input/index.tsx
|
|
1333
|
-
var
|
|
1357
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1334
1358
|
var Input2 = (0, import_react5.forwardRef)(
|
|
1335
1359
|
({ prefix, suffix, label, maxLength, showCounter = false, errorMessage, noMargin = false, redBorder, ...props }, forwardedRef) => {
|
|
1336
1360
|
const getDisplayValue = (value) => {
|
|
@@ -1376,9 +1400,9 @@ var Input2 = (0, import_react5.forwardRef)(
|
|
|
1376
1400
|
const type = node.type;
|
|
1377
1401
|
return type?.displayName === "Button";
|
|
1378
1402
|
};
|
|
1379
|
-
return /* @__PURE__ */ (0,
|
|
1380
|
-
label && /* @__PURE__ */ (0,
|
|
1381
|
-
/* @__PURE__ */ (0,
|
|
1403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(StyledWrapper2, { children: [
|
|
1404
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Label, { children: label }),
|
|
1405
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
1382
1406
|
TextInputContainer,
|
|
1383
1407
|
{
|
|
1384
1408
|
hasButtonSuffix: isButtonElement(suffix),
|
|
@@ -1388,8 +1412,8 @@ var Input2 = (0, import_react5.forwardRef)(
|
|
|
1388
1412
|
onClick: handleContainerClick,
|
|
1389
1413
|
redBorder,
|
|
1390
1414
|
children: [
|
|
1391
|
-
!!prefix && /* @__PURE__ */ (0,
|
|
1392
|
-
/* @__PURE__ */ (0,
|
|
1415
|
+
!!prefix && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Prefix, { children: prefix }),
|
|
1416
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1393
1417
|
Input,
|
|
1394
1418
|
{
|
|
1395
1419
|
ref: inputRef,
|
|
@@ -1401,13 +1425,13 @@ var Input2 = (0, import_react5.forwardRef)(
|
|
|
1401
1425
|
onChange: handleChange
|
|
1402
1426
|
}
|
|
1403
1427
|
),
|
|
1404
|
-
!!suffix && /* @__PURE__ */ (0,
|
|
1428
|
+
!!suffix && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Suffix, { children: suffix })
|
|
1405
1429
|
]
|
|
1406
1430
|
}
|
|
1407
1431
|
),
|
|
1408
|
-
/* @__PURE__ */ (0,
|
|
1409
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
1410
|
-
showCounter && maxLength && /* @__PURE__ */ (0,
|
|
1432
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Footer, { children: [
|
|
1433
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Span2, { children: errorMessage }),
|
|
1434
|
+
showCounter && maxLength && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CharCounter, { hasReachedMax: maxLength ? charCount >= maxLength : false, children: [
|
|
1411
1435
|
charCount,
|
|
1412
1436
|
"/",
|
|
1413
1437
|
maxLength
|
|
@@ -1547,7 +1571,7 @@ var SelectContainer = styled("div", {
|
|
|
1547
1571
|
});
|
|
1548
1572
|
|
|
1549
1573
|
// src/components/Datepicker/CustomSelect/index.tsx
|
|
1550
|
-
var
|
|
1574
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1551
1575
|
var CustomSelect = ({
|
|
1552
1576
|
options = [],
|
|
1553
1577
|
value,
|
|
@@ -1576,12 +1600,12 @@ var CustomSelect = ({
|
|
|
1576
1600
|
}, []);
|
|
1577
1601
|
const safeValue = value ?? "";
|
|
1578
1602
|
const selectedLabel = options.find((opt) => opt.value === safeValue)?.label || safeValue;
|
|
1579
|
-
return /* @__PURE__ */ (0,
|
|
1580
|
-
/* @__PURE__ */ (0,
|
|
1603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectContainer, { color, isOpen, ref: selectRef, children: [
|
|
1604
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectValueButton, { onClick: handleToggle, children: [
|
|
1581
1605
|
selectedLabel,
|
|
1582
|
-
/* @__PURE__ */ (0,
|
|
1606
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(IconWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "TriangleDown", size: 16 }) })
|
|
1583
1607
|
] }),
|
|
1584
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1608
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectOptionsList, { onMouseDown: (e) => e.preventDefault(), children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1585
1609
|
SelectOptionItem,
|
|
1586
1610
|
{
|
|
1587
1611
|
selected: option.value === value,
|
|
@@ -1595,7 +1619,7 @@ var CustomSelect = ({
|
|
|
1595
1619
|
};
|
|
1596
1620
|
|
|
1597
1621
|
// src/components/Datepicker/DatePickerSelectAdapter.tsx
|
|
1598
|
-
var
|
|
1622
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1599
1623
|
function DatePickerSelectAdapter(props) {
|
|
1600
1624
|
const { options, value, onChange } = props;
|
|
1601
1625
|
const handleValueChange = (newValue) => {
|
|
@@ -1618,7 +1642,7 @@ function DatePickerSelectAdapter(props) {
|
|
|
1618
1642
|
if (isYearDropdown) {
|
|
1619
1643
|
selectOptions.reverse();
|
|
1620
1644
|
}
|
|
1621
|
-
return /* @__PURE__ */ (0,
|
|
1645
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1622
1646
|
CustomSelect,
|
|
1623
1647
|
{
|
|
1624
1648
|
color: "black",
|
|
@@ -1721,7 +1745,7 @@ var datePickerStyles = globalCss({
|
|
|
1721
1745
|
});
|
|
1722
1746
|
|
|
1723
1747
|
// src/components/Datepicker/index.tsx
|
|
1724
|
-
var
|
|
1748
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1725
1749
|
datePickerStyles();
|
|
1726
1750
|
var oneYearMore = new Date((/* @__PURE__ */ new Date()).getFullYear() + 1, 11);
|
|
1727
1751
|
var Datepicker = (0, import_react7.forwardRef)(({ label, placeholder, value, onChange, errorMessage, endDate = oneYearMore }, ref) => {
|
|
@@ -1754,8 +1778,8 @@ var Datepicker = (0, import_react7.forwardRef)(({ label, placeholder, value, onC
|
|
|
1754
1778
|
}
|
|
1755
1779
|
}, [open, selected]);
|
|
1756
1780
|
const isOpenWithError = open && errorMessage ? true : false;
|
|
1757
|
-
return /* @__PURE__ */ (0,
|
|
1758
|
-
/* @__PURE__ */ (0,
|
|
1781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
|
|
1782
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1759
1783
|
Input2,
|
|
1760
1784
|
{
|
|
1761
1785
|
ref: inputRef,
|
|
@@ -1764,13 +1788,13 @@ var Datepicker = (0, import_react7.forwardRef)(({ label, placeholder, value, onC
|
|
|
1764
1788
|
onFocus: () => setOpen(true),
|
|
1765
1789
|
value: value || "",
|
|
1766
1790
|
readOnly: true,
|
|
1767
|
-
suffix: /* @__PURE__ */ (0,
|
|
1791
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "Calendar", size: 16 }),
|
|
1768
1792
|
noMargin: true,
|
|
1769
1793
|
errorMessage: open ? "" : errorMessage,
|
|
1770
1794
|
redBorder: isOpenWithError
|
|
1771
1795
|
}
|
|
1772
1796
|
),
|
|
1773
|
-
open && /* @__PURE__ */ (0,
|
|
1797
|
+
open && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1774
1798
|
"div",
|
|
1775
1799
|
{
|
|
1776
1800
|
ref: calendarRef,
|
|
@@ -1782,7 +1806,7 @@ var Datepicker = (0, import_react7.forwardRef)(({ label, placeholder, value, onC
|
|
|
1782
1806
|
boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
|
|
1783
1807
|
borderRadius: "8px"
|
|
1784
1808
|
},
|
|
1785
|
-
children: /* @__PURE__ */ (0,
|
|
1809
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1786
1810
|
import_react_day_picker2.DayPicker,
|
|
1787
1811
|
{
|
|
1788
1812
|
mode: "single",
|
|
@@ -1796,8 +1820,8 @@ var Datepicker = (0, import_react7.forwardRef)(({ label, placeholder, value, onC
|
|
|
1796
1820
|
startMonth: new Date(1915, 0),
|
|
1797
1821
|
endMonth: endDate,
|
|
1798
1822
|
components: {
|
|
1799
|
-
PreviousMonthButton: (props) => /* @__PURE__ */ (0,
|
|
1800
|
-
NextMonthButton: (props) => /* @__PURE__ */ (0,
|
|
1823
|
+
PreviousMonthButton: (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { size: "sm", variant: "secondary", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "TriangleLeft", size: 16 }) }),
|
|
1824
|
+
NextMonthButton: (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { size: "sm", variant: "secondary", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "TriangleRight", size: 16 }) }),
|
|
1801
1825
|
Dropdown: DatePickerSelectAdapter
|
|
1802
1826
|
}
|
|
1803
1827
|
}
|
|
@@ -1810,7 +1834,7 @@ Datepicker.displayName = "Datepicker";
|
|
|
1810
1834
|
|
|
1811
1835
|
// src/components/Hr.tsx
|
|
1812
1836
|
var import_react8 = require("react");
|
|
1813
|
-
var
|
|
1837
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1814
1838
|
var StyledHr = styled("hr", {
|
|
1815
1839
|
border: "none",
|
|
1816
1840
|
height: "1px",
|
|
@@ -1827,7 +1851,7 @@ var StyledHr = styled("hr", {
|
|
|
1827
1851
|
}
|
|
1828
1852
|
});
|
|
1829
1853
|
var Hr = (0, import_react8.forwardRef)(function Hr2({ children, ...props }, ref) {
|
|
1830
|
-
return /* @__PURE__ */ (0,
|
|
1854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledHr, { ref, ...props, children });
|
|
1831
1855
|
});
|
|
1832
1856
|
Hr.displayName = "Hr";
|
|
1833
1857
|
|
|
@@ -1904,19 +1928,19 @@ var StyledChildren = styled("div", {
|
|
|
1904
1928
|
});
|
|
1905
1929
|
|
|
1906
1930
|
// src/components/Modal/index.tsx
|
|
1907
|
-
var
|
|
1931
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1908
1932
|
var Modal = ({ open, onOpenChange, title, description, children }) => {
|
|
1909
|
-
return /* @__PURE__ */ (0,
|
|
1910
|
-
/* @__PURE__ */ (0,
|
|
1911
|
-
/* @__PURE__ */ (0,
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1914
|
-
/* @__PURE__ */ (0,
|
|
1933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Dialog2.Root, { open, onOpenChange, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Dialog2.Portal, { children: [
|
|
1934
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledOverlay, {}),
|
|
1935
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(StyledContent, { children: [
|
|
1936
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Wrapper, { children: [
|
|
1937
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledTitle, { children: title }),
|
|
1938
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledClose, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { variant: "secondary", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { name: "Closed", size: 8 }) }) })
|
|
1915
1939
|
] }),
|
|
1916
|
-
/* @__PURE__ */ (0,
|
|
1917
|
-
/* @__PURE__ */ (0,
|
|
1918
|
-
description && /* @__PURE__ */ (0,
|
|
1919
|
-
/* @__PURE__ */ (0,
|
|
1940
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledDivider, {}),
|
|
1941
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
|
|
1942
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledDescription, { children: description }),
|
|
1943
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(StyledChildren, { children })
|
|
1920
1944
|
] })
|
|
1921
1945
|
] })
|
|
1922
1946
|
] }) });
|
|
@@ -1953,7 +1977,7 @@ var StyledIndicator = styled(Progress.Indicator, {
|
|
|
1953
1977
|
});
|
|
1954
1978
|
|
|
1955
1979
|
// src/components/ProgressBar/index.tsx
|
|
1956
|
-
var
|
|
1980
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1957
1981
|
var ProgressBar = ({ label, value = 0, max = 100, ...rest }) => {
|
|
1958
1982
|
const [progress2, setProgress] = (0, import_react9.useState)(0);
|
|
1959
1983
|
(0, import_react9.useEffect)(() => {
|
|
@@ -1961,15 +1985,15 @@ var ProgressBar = ({ label, value = 0, max = 100, ...rest }) => {
|
|
|
1961
1985
|
return () => clearTimeout(timer);
|
|
1962
1986
|
}, [value]);
|
|
1963
1987
|
const valueLabel = `${Math.round(progress2 / max * 100)}%`;
|
|
1964
|
-
return /* @__PURE__ */ (0,
|
|
1965
|
-
/* @__PURE__ */ (0,
|
|
1966
|
-
/* @__PURE__ */ (0,
|
|
1988
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(StyledWrapper3, { children: [
|
|
1989
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { style: { fontSize: 16, alignSelf: "flex-start", color: "black" }, children: label }),
|
|
1990
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1967
1991
|
StyledRoot,
|
|
1968
1992
|
{
|
|
1969
1993
|
value: progress2,
|
|
1970
1994
|
"aria-valuetext": valueLabel,
|
|
1971
1995
|
...rest,
|
|
1972
|
-
children: /* @__PURE__ */ (0,
|
|
1996
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1973
1997
|
StyledIndicator,
|
|
1974
1998
|
{
|
|
1975
1999
|
style: { transform: `translateX(-${100 - progress2}%)` }
|
|
@@ -2076,7 +2100,7 @@ var Span3 = styled("span", {
|
|
|
2076
2100
|
});
|
|
2077
2101
|
|
|
2078
2102
|
// src/components/Radio/index.tsx
|
|
2079
|
-
var
|
|
2103
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2080
2104
|
var Radio = (0, import_react10.forwardRef)(({
|
|
2081
2105
|
labels,
|
|
2082
2106
|
value,
|
|
@@ -2085,8 +2109,8 @@ var Radio = (0, import_react10.forwardRef)(({
|
|
|
2085
2109
|
required = false,
|
|
2086
2110
|
errorMessage
|
|
2087
2111
|
}, ref) => {
|
|
2088
|
-
return /* @__PURE__ */ (0,
|
|
2089
|
-
/* @__PURE__ */ (0,
|
|
2112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("form", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
|
|
2113
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2090
2114
|
StyledRoot2,
|
|
2091
2115
|
{
|
|
2092
2116
|
ref,
|
|
@@ -2096,28 +2120,28 @@ var Radio = (0, import_react10.forwardRef)(({
|
|
|
2096
2120
|
disabled,
|
|
2097
2121
|
required,
|
|
2098
2122
|
loop: true,
|
|
2099
|
-
children: labels.map((label, index) => /* @__PURE__ */ (0,
|
|
2100
|
-
/* @__PURE__ */ (0,
|
|
2123
|
+
children: labels.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Wrapper2, { children: [
|
|
2124
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2101
2125
|
StyledItem,
|
|
2102
2126
|
{
|
|
2103
2127
|
value: label,
|
|
2104
2128
|
id: `radio-${index}`,
|
|
2105
2129
|
"aria-label": label,
|
|
2106
2130
|
hasError: !!errorMessage,
|
|
2107
|
-
children: /* @__PURE__ */ (0,
|
|
2131
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(StyledIndicator2, {})
|
|
2108
2132
|
}
|
|
2109
2133
|
),
|
|
2110
|
-
/* @__PURE__ */ (0,
|
|
2134
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ItemLabel, { htmlFor: `radio-${index}`, children: label })
|
|
2111
2135
|
] }, label))
|
|
2112
2136
|
}
|
|
2113
2137
|
),
|
|
2114
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
2138
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Span3, { children: errorMessage })
|
|
2115
2139
|
] });
|
|
2116
2140
|
});
|
|
2117
2141
|
Radio.displayName = "Radio";
|
|
2118
2142
|
|
|
2119
2143
|
// src/components/Spacing.tsx
|
|
2120
|
-
var
|
|
2144
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2121
2145
|
var spacingMap = {
|
|
2122
2146
|
xs: 8,
|
|
2123
2147
|
sm: 12,
|
|
@@ -2129,7 +2153,7 @@ var spacingMap = {
|
|
|
2129
2153
|
};
|
|
2130
2154
|
var Spacing = ({ size, axis = "vertical" }) => {
|
|
2131
2155
|
const style = axis === "vertical" ? { height: spacingMap[size], width: "100%" } : { width: spacingMap[size], height: "100%" };
|
|
2132
|
-
return /* @__PURE__ */ (0,
|
|
2156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style, "data-testid": `spacing-${size}-${axis}` });
|
|
2133
2157
|
};
|
|
2134
2158
|
|
|
2135
2159
|
// src/components/Switch/index.tsx
|
|
@@ -2230,7 +2254,7 @@ var Span4 = styled("span", {
|
|
|
2230
2254
|
});
|
|
2231
2255
|
|
|
2232
2256
|
// src/components/Switch/index.tsx
|
|
2233
|
-
var
|
|
2257
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2234
2258
|
var Switch2 = (0, import_react11.forwardRef)(({
|
|
2235
2259
|
label,
|
|
2236
2260
|
checked,
|
|
@@ -2241,9 +2265,9 @@ var Switch2 = (0, import_react11.forwardRef)(({
|
|
|
2241
2265
|
id,
|
|
2242
2266
|
errorMessage
|
|
2243
2267
|
}, ref) => {
|
|
2244
|
-
return /* @__PURE__ */ (0,
|
|
2245
|
-
/* @__PURE__ */ (0,
|
|
2246
|
-
/* @__PURE__ */ (0,
|
|
2268
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
|
|
2269
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Wrapper3, { hasError: !!errorMessage, children: [
|
|
2270
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2247
2271
|
StyledRoot3,
|
|
2248
2272
|
{
|
|
2249
2273
|
ref,
|
|
@@ -2254,12 +2278,12 @@ var Switch2 = (0, import_react11.forwardRef)(({
|
|
|
2254
2278
|
hasError: !!errorMessage,
|
|
2255
2279
|
disabled,
|
|
2256
2280
|
required,
|
|
2257
|
-
children: /* @__PURE__ */ (0,
|
|
2281
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StyledThumb, {})
|
|
2258
2282
|
}
|
|
2259
2283
|
),
|
|
2260
|
-
label && /* @__PURE__ */ (0,
|
|
2284
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Label2, { htmlFor: id, children: label })
|
|
2261
2285
|
] }),
|
|
2262
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
2286
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Span4, { children: errorMessage })
|
|
2263
2287
|
] });
|
|
2264
2288
|
});
|
|
2265
2289
|
Switch2.displayName = "Switch";
|
|
@@ -2345,9 +2369,9 @@ var TabsContent = styled(Tabs.Content, {
|
|
|
2345
2369
|
});
|
|
2346
2370
|
|
|
2347
2371
|
// src/components/Tabs/index.tsx
|
|
2348
|
-
var
|
|
2372
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2349
2373
|
var TabsItem = ({ children }) => {
|
|
2350
|
-
return /* @__PURE__ */ (0,
|
|
2374
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children });
|
|
2351
2375
|
};
|
|
2352
2376
|
var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) => {
|
|
2353
2377
|
const items = [];
|
|
@@ -2397,7 +2421,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
|
|
|
2397
2421
|
});
|
|
2398
2422
|
}
|
|
2399
2423
|
};
|
|
2400
|
-
return /* @__PURE__ */ (0,
|
|
2424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
2401
2425
|
TabsRoot,
|
|
2402
2426
|
{
|
|
2403
2427
|
defaultValue: defaultValue || items[0]?.value,
|
|
@@ -2405,22 +2429,22 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
|
|
|
2405
2429
|
value,
|
|
2406
2430
|
onValueChange,
|
|
2407
2431
|
children: [
|
|
2408
|
-
/* @__PURE__ */ (0,
|
|
2409
|
-
hasOverflow && /* @__PURE__ */ (0,
|
|
2432
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
|
|
2433
|
+
hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2410
2434
|
Button,
|
|
2411
2435
|
{
|
|
2412
2436
|
variant: "secondary",
|
|
2413
2437
|
size: "sm",
|
|
2414
2438
|
onClick: () => scroll("left"),
|
|
2415
|
-
children: /* @__PURE__ */ (0,
|
|
2439
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "TriangleLeft", size: 64 })
|
|
2416
2440
|
}
|
|
2417
2441
|
),
|
|
2418
|
-
/* @__PURE__ */ (0,
|
|
2442
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2419
2443
|
TabsList,
|
|
2420
2444
|
{
|
|
2421
2445
|
ref: listRef,
|
|
2422
2446
|
scrollable: hasOverflow,
|
|
2423
|
-
children: items.map((item) => /* @__PURE__ */ (0,
|
|
2447
|
+
children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2424
2448
|
TabsTrigger,
|
|
2425
2449
|
{
|
|
2426
2450
|
value: item.value,
|
|
@@ -2431,17 +2455,17 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
|
|
|
2431
2455
|
))
|
|
2432
2456
|
}
|
|
2433
2457
|
),
|
|
2434
|
-
hasOverflow && /* @__PURE__ */ (0,
|
|
2458
|
+
hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2435
2459
|
Button,
|
|
2436
2460
|
{
|
|
2437
2461
|
variant: "secondary",
|
|
2438
2462
|
size: "sm",
|
|
2439
2463
|
onClick: () => scroll("right"),
|
|
2440
|
-
children: /* @__PURE__ */ (0,
|
|
2464
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "TriangleRight", size: 64 })
|
|
2441
2465
|
}
|
|
2442
2466
|
)
|
|
2443
2467
|
] }),
|
|
2444
|
-
items.map((item) => /* @__PURE__ */ (0,
|
|
2468
|
+
items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2445
2469
|
TabsContent,
|
|
2446
2470
|
{
|
|
2447
2471
|
colorContent,
|
|
@@ -2459,7 +2483,7 @@ Tabs2.Item = TabsItem;
|
|
|
2459
2483
|
|
|
2460
2484
|
// src/components/TextArea.tsx
|
|
2461
2485
|
var import_react13 = require("react");
|
|
2462
|
-
var
|
|
2486
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2463
2487
|
var Wrapper4 = styled("div", {
|
|
2464
2488
|
display: "flex",
|
|
2465
2489
|
flexDirection: "column"
|
|
@@ -2572,9 +2596,9 @@ var TextArea = (0, import_react13.forwardRef)(
|
|
|
2572
2596
|
(0, import_react13.useEffect)(() => {
|
|
2573
2597
|
setCharCount(props.value?.toString().length || 0);
|
|
2574
2598
|
}, [props.value]);
|
|
2575
|
-
return /* @__PURE__ */ (0,
|
|
2576
|
-
label && /* @__PURE__ */ (0,
|
|
2577
|
-
/* @__PURE__ */ (0,
|
|
2599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Wrapper4, { children: [
|
|
2600
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyledLabel2, { htmlFor: textAreaId, children: label }),
|
|
2601
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2578
2602
|
TextAreaElement,
|
|
2579
2603
|
{
|
|
2580
2604
|
id: textAreaId,
|
|
@@ -2591,9 +2615,9 @@ var TextArea = (0, import_react13.forwardRef)(
|
|
|
2591
2615
|
}
|
|
2592
2616
|
}
|
|
2593
2617
|
),
|
|
2594
|
-
/* @__PURE__ */ (0,
|
|
2595
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
2596
|
-
showCounter && maxLength && /* @__PURE__ */ (0,
|
|
2618
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Footer2, { children: [
|
|
2619
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Span5, { children: errorMessage }),
|
|
2620
|
+
showCounter && maxLength && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CharCounter2, { hasReachedMax: maxLength ? charCount >= maxLength : false, children: [
|
|
2597
2621
|
charCount,
|
|
2598
2622
|
"/",
|
|
2599
2623
|
maxLength
|
|
@@ -2656,7 +2680,7 @@ var TooltipArrow = styled(RadixTooltip.Arrow, {
|
|
|
2656
2680
|
|
|
2657
2681
|
// src/components/Tooltip/index.tsx
|
|
2658
2682
|
var import_react14 = require("react");
|
|
2659
|
-
var
|
|
2683
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2660
2684
|
var Tooltip = ({
|
|
2661
2685
|
content,
|
|
2662
2686
|
children,
|
|
@@ -2679,11 +2703,11 @@ var Tooltip = ({
|
|
|
2679
2703
|
setOpen(!open);
|
|
2680
2704
|
}
|
|
2681
2705
|
};
|
|
2682
|
-
return /* @__PURE__ */ (0,
|
|
2683
|
-
/* @__PURE__ */ (0,
|
|
2684
|
-
/* @__PURE__ */ (0,
|
|
2706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RadixTooltip2.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(RadixTooltip2.Root, { open, onOpenChange: setOpen, delayDuration, children: [
|
|
2707
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipTrigger, { asChild: true, onClick: handleClick, children }),
|
|
2708
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TooltipContent, { side, sideOffset, children: [
|
|
2685
2709
|
content,
|
|
2686
|
-
/* @__PURE__ */ (0,
|
|
2710
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipArrow, {})
|
|
2687
2711
|
] })
|
|
2688
2712
|
] }) });
|
|
2689
2713
|
};
|
|
@@ -2767,9 +2791,9 @@ var Spinner = styled("span", {
|
|
|
2767
2791
|
});
|
|
2768
2792
|
|
|
2769
2793
|
// src/components/Loader/index.tsx
|
|
2770
|
-
var
|
|
2794
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2771
2795
|
var Loader = ({ show, fullscreen = false }) => {
|
|
2772
|
-
return /* @__PURE__ */ (0,
|
|
2796
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Overlay2, { show, fullscreen, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SpinnerContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Spinner, {}) }) });
|
|
2773
2797
|
};
|
|
2774
2798
|
Loader.displayName = "Loader";
|
|
2775
2799
|
|
|
@@ -2838,7 +2862,7 @@ var applyMask = (value, maskType) => {
|
|
|
2838
2862
|
};
|
|
2839
2863
|
|
|
2840
2864
|
// src/components/MaskedInput/index.tsx
|
|
2841
|
-
var
|
|
2865
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2842
2866
|
var MaskedInput = (0, import_react15.forwardRef)(
|
|
2843
2867
|
({ maskType, onChange, ...props }, ref) => {
|
|
2844
2868
|
const [value, setValue] = (0, import_react15.useState)("");
|
|
@@ -2875,7 +2899,7 @@ var MaskedInput = (0, import_react15.forwardRef)(
|
|
|
2875
2899
|
onChange(syntheticEvent);
|
|
2876
2900
|
}
|
|
2877
2901
|
};
|
|
2878
|
-
return /* @__PURE__ */ (0,
|
|
2902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2879
2903
|
Input2,
|
|
2880
2904
|
{
|
|
2881
2905
|
...props,
|
|
@@ -2976,27 +3000,27 @@ var IconButton = styled("button", {
|
|
|
2976
3000
|
});
|
|
2977
3001
|
|
|
2978
3002
|
// src/components/Dropdown/index.tsx
|
|
2979
|
-
var
|
|
3003
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2980
3004
|
var Dropdown = ({ children }) => {
|
|
2981
3005
|
const childrenArray = import_react16.Children.toArray(children);
|
|
2982
|
-
return /* @__PURE__ */ (0,
|
|
2983
|
-
/* @__PURE__ */ (0,
|
|
2984
|
-
/* @__PURE__ */ (0,
|
|
3006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DropdownMenu2.Root, { modal: false, children: [
|
|
3007
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenu2.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant: "secondary", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { name: "Dots", size: 16 }) }) }),
|
|
3008
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenu2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StyledContent2, { sideOffset: 5, align: "end", children: childrenArray.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react16.Fragment, { children: [
|
|
2985
3009
|
child,
|
|
2986
|
-
index < childrenArray.length - 1 && /* @__PURE__ */ (0,
|
|
3010
|
+
index < childrenArray.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownSeparator, {})
|
|
2987
3011
|
] }, index)) }) })
|
|
2988
3012
|
] });
|
|
2989
3013
|
};
|
|
2990
3014
|
var DropdownSeparator = StyledSeparator;
|
|
2991
3015
|
var DropdownItem = import_react16.default.forwardRef(({ children, ...props }, forwardedRef) => {
|
|
2992
|
-
return /* @__PURE__ */ (0,
|
|
3016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StyledItem2, { ...props, ref: forwardedRef, children });
|
|
2993
3017
|
});
|
|
2994
3018
|
Dropdown.displayName = "Dropdown";
|
|
2995
3019
|
DropdownItem.displayName = "DropdownItem";
|
|
2996
3020
|
DropdownSeparator.displayName = "DropdownSeparator";
|
|
2997
3021
|
|
|
2998
3022
|
// src/components/Box.tsx
|
|
2999
|
-
var
|
|
3023
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3000
3024
|
var StyledBox = styled("div", {
|
|
3001
3025
|
padding: "$5",
|
|
3002
3026
|
borderRadius: "$md",
|
|
@@ -3018,12 +3042,12 @@ var StyledBox = styled("div", {
|
|
|
3018
3042
|
}
|
|
3019
3043
|
});
|
|
3020
3044
|
var Box = (props) => {
|
|
3021
|
-
return /* @__PURE__ */ (0,
|
|
3045
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StyledBox, { ...props });
|
|
3022
3046
|
};
|
|
3023
3047
|
Box.displayName = "Box";
|
|
3024
3048
|
|
|
3025
3049
|
// src/components/Paragraph.tsx
|
|
3026
|
-
var
|
|
3050
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3027
3051
|
var StyledParagraph = styled("p", {
|
|
3028
3052
|
fontFamily: "$default",
|
|
3029
3053
|
lineHeight: "$short",
|
|
@@ -3065,13 +3089,13 @@ var StyledParagraph = styled("p", {
|
|
|
3065
3089
|
}
|
|
3066
3090
|
});
|
|
3067
3091
|
var Paragraph = (props) => {
|
|
3068
|
-
return /* @__PURE__ */ (0,
|
|
3092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StyledParagraph, { ...props });
|
|
3069
3093
|
};
|
|
3070
3094
|
Paragraph.displayName = "Paragraph";
|
|
3071
3095
|
|
|
3072
3096
|
// src/components/Heading.tsx
|
|
3073
3097
|
var import_react17 = require("react");
|
|
3074
|
-
var
|
|
3098
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3075
3099
|
var StyledHeading = styled("h2", {
|
|
3076
3100
|
fontFamily: "$default",
|
|
3077
3101
|
lineHeight: "$shorter",
|
|
@@ -3104,7 +3128,7 @@ var StyledHeading = styled("h2", {
|
|
|
3104
3128
|
});
|
|
3105
3129
|
var Heading = (0, import_react17.forwardRef)(
|
|
3106
3130
|
function Heading2({ children, bold = false, ...props }, ref) {
|
|
3107
|
-
return /* @__PURE__ */ (0,
|
|
3131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(StyledHeading, { ref, bold, ...props, children });
|
|
3108
3132
|
}
|
|
3109
3133
|
);
|
|
3110
3134
|
Heading.displayName = "Heading";
|
|
@@ -3244,7 +3268,7 @@ var Span6 = styled("span", {
|
|
|
3244
3268
|
});
|
|
3245
3269
|
|
|
3246
3270
|
// src/components/Select/index.tsx
|
|
3247
|
-
var
|
|
3271
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3248
3272
|
var Select2 = (0, import_react18.forwardRef)(
|
|
3249
3273
|
({
|
|
3250
3274
|
value,
|
|
@@ -3259,9 +3283,9 @@ var Select2 = (0, import_react18.forwardRef)(
|
|
|
3259
3283
|
...rest
|
|
3260
3284
|
}, ref) => {
|
|
3261
3285
|
const [open, setOpen] = (0, import_react18.useState)(false);
|
|
3262
|
-
return /* @__PURE__ */ (0,
|
|
3263
|
-
label && /* @__PURE__ */ (0,
|
|
3264
|
-
/* @__PURE__ */ (0,
|
|
3286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyledWrapper4, { css: css2, className, style, children: [
|
|
3287
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Label3, { children: label }),
|
|
3288
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
3265
3289
|
CustomSelect2.Root,
|
|
3266
3290
|
{
|
|
3267
3291
|
value,
|
|
@@ -3269,15 +3293,15 @@ var Select2 = (0, import_react18.forwardRef)(
|
|
|
3269
3293
|
onOpenChange: setOpen,
|
|
3270
3294
|
...rest,
|
|
3271
3295
|
children: [
|
|
3272
|
-
/* @__PURE__ */ (0,
|
|
3273
|
-
/* @__PURE__ */ (0,
|
|
3274
|
-
/* @__PURE__ */ (0,
|
|
3296
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyledTrigger, { "aria-label": label, hasError: !!errorMessage, ref, children: [
|
|
3297
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomSelect2.Value, { placeholder }),
|
|
3298
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledIcon, { open, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons2.TriangleDownIcon, {}) })
|
|
3275
3299
|
] }),
|
|
3276
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
3277
|
-
/* @__PURE__ */ (0,
|
|
3278
|
-
/* @__PURE__ */ (0,
|
|
3279
|
-
/* @__PURE__ */ (0,
|
|
3280
|
-
/* @__PURE__ */ (0,
|
|
3300
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Span6, { children: errorMessage }),
|
|
3301
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomSelect2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(StyledContent3, { side: "bottom", align: "start", position: "popper", children: [
|
|
3302
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomSelect2.ScrollUpButton, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons2.TriangleUpIcon, {}) }),
|
|
3303
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledViewport, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledItem3, { value: item.value, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(StyledItemText, { children: item.label }) }, item.value)) }),
|
|
3304
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CustomSelect2.ScrollDownButton, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons2.TriangleDownIcon, {}) })
|
|
3281
3305
|
] }) })
|
|
3282
3306
|
]
|
|
3283
3307
|
}
|
|
@@ -3357,9 +3381,9 @@ var Value2 = styled("div", {
|
|
|
3357
3381
|
});
|
|
3358
3382
|
|
|
3359
3383
|
// src/components/LabelledValue/index.tsx
|
|
3360
|
-
var
|
|
3384
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3361
3385
|
function LabelledValue({ position = "vertical", withRow = false, children }) {
|
|
3362
|
-
return /* @__PURE__ */ (0,
|
|
3386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Container, { position, children: import_react19.Children.map(children, (child) => {
|
|
3363
3387
|
if ((0, import_react19.isValidElement)(child)) {
|
|
3364
3388
|
return (0, import_react19.cloneElement)(child, { position, withRow });
|
|
3365
3389
|
}
|
|
@@ -3367,9 +3391,9 @@ function LabelledValue({ position = "vertical", withRow = false, children }) {
|
|
|
3367
3391
|
}) });
|
|
3368
3392
|
}
|
|
3369
3393
|
function Item4({ label, value, position = "vertical", withRow = false }) {
|
|
3370
|
-
return /* @__PURE__ */ (0,
|
|
3371
|
-
/* @__PURE__ */ (0,
|
|
3372
|
-
/* @__PURE__ */ (0,
|
|
3394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ItemWrapper, { position, withRow, children: [
|
|
3395
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Label4, { children: label }),
|
|
3396
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Value2, { children: value })
|
|
3373
3397
|
] });
|
|
3374
3398
|
}
|
|
3375
3399
|
LabelledValue.Item = Item4;
|
|
@@ -3441,11 +3465,11 @@ var Span7 = styled("span", {
|
|
|
3441
3465
|
});
|
|
3442
3466
|
|
|
3443
3467
|
// src/components/OneTimePassword/index.tsx
|
|
3444
|
-
var
|
|
3468
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3445
3469
|
var OneTimePassword = ({ label, length, value, errorMessage, onValueChange, ...rootProps }) => {
|
|
3446
|
-
return /* @__PURE__ */ (0,
|
|
3447
|
-
/* @__PURE__ */ (0,
|
|
3448
|
-
/* @__PURE__ */ (0,
|
|
3470
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Container2, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(StyledWrapper5, { children: [
|
|
3471
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StyledLabel3, { children: label }),
|
|
3472
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
3449
3473
|
StyledRoot4,
|
|
3450
3474
|
{
|
|
3451
3475
|
value,
|
|
@@ -3453,12 +3477,12 @@ var OneTimePassword = ({ label, length, value, errorMessage, onValueChange, ...r
|
|
|
3453
3477
|
...rootProps,
|
|
3454
3478
|
style: { "--otp-length": length },
|
|
3455
3479
|
children: [
|
|
3456
|
-
Array.from({ length }).map((_, index) => /* @__PURE__ */ (0,
|
|
3457
|
-
/* @__PURE__ */ (0,
|
|
3480
|
+
Array.from({ length }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(StyledInput, {}, index)),
|
|
3481
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(OneTimePasswordField2.HiddenInput, {})
|
|
3458
3482
|
]
|
|
3459
3483
|
}
|
|
3460
3484
|
),
|
|
3461
|
-
errorMessage && /* @__PURE__ */ (0,
|
|
3485
|
+
errorMessage && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Span7, { children: errorMessage })
|
|
3462
3486
|
] }) });
|
|
3463
3487
|
};
|
|
3464
3488
|
OneTimePassword.displayName = "OneTimePasswordInput";
|
|
@@ -3628,7 +3652,7 @@ var toast = {
|
|
|
3628
3652
|
};
|
|
3629
3653
|
|
|
3630
3654
|
// src/components/Toast/index.tsx
|
|
3631
|
-
var
|
|
3655
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3632
3656
|
var Toast = () => {
|
|
3633
3657
|
const [messages, setMessages] = React4.useState([]);
|
|
3634
3658
|
const [paused, setPaused] = React4.useState(false);
|
|
@@ -3644,8 +3668,8 @@ var Toast = () => {
|
|
|
3644
3668
|
const removeToast = (id) => {
|
|
3645
3669
|
setMessages((prev) => prev.filter((msg) => msg.id !== id));
|
|
3646
3670
|
};
|
|
3647
|
-
return /* @__PURE__ */ (0,
|
|
3648
|
-
messages.map((message) => /* @__PURE__ */ (0,
|
|
3671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ToastPrimitive2.Provider, { swipeDirection: "right", children: [
|
|
3672
|
+
messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
3649
3673
|
ToastRoot,
|
|
3650
3674
|
{
|
|
3651
3675
|
open: true,
|
|
@@ -3658,11 +3682,11 @@ var Toast = () => {
|
|
|
3658
3682
|
onPause: () => setPaused(true),
|
|
3659
3683
|
onResume: () => setPaused(false),
|
|
3660
3684
|
children: [
|
|
3661
|
-
/* @__PURE__ */ (0,
|
|
3662
|
-
/* @__PURE__ */ (0,
|
|
3663
|
-
message.description && /* @__PURE__ */ (0,
|
|
3685
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ToastContent, { children: [
|
|
3686
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastTitle, { children: message.title }),
|
|
3687
|
+
message.description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastDescription, { children: message.description })
|
|
3664
3688
|
] }),
|
|
3665
|
-
/* @__PURE__ */ (0,
|
|
3689
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastAction, { altText: "Fechar", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3666
3690
|
"button",
|
|
3667
3691
|
{
|
|
3668
3692
|
style: {
|
|
@@ -3672,15 +3696,15 @@ var Toast = () => {
|
|
|
3672
3696
|
alignItems: "center"
|
|
3673
3697
|
},
|
|
3674
3698
|
onClick: () => removeToast(message.id),
|
|
3675
|
-
children: /* @__PURE__ */ (0,
|
|
3699
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Icon, { name: "Closed", size: 16, height: 14, width: 14 })
|
|
3676
3700
|
}
|
|
3677
3701
|
) }),
|
|
3678
|
-
/* @__PURE__ */ (0,
|
|
3702
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastProgress, { paused, variant: message.variant })
|
|
3679
3703
|
]
|
|
3680
3704
|
},
|
|
3681
3705
|
message.id
|
|
3682
3706
|
)),
|
|
3683
|
-
/* @__PURE__ */ (0,
|
|
3707
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastViewport, {})
|
|
3684
3708
|
] });
|
|
3685
3709
|
};
|
|
3686
3710
|
|
|
@@ -3915,22 +3939,22 @@ var StepLabel = styled("span", {
|
|
|
3915
3939
|
});
|
|
3916
3940
|
|
|
3917
3941
|
// src/components/MultiStep/index.tsx
|
|
3918
|
-
var
|
|
3942
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3919
3943
|
var MultiStep = ({
|
|
3920
3944
|
steps,
|
|
3921
3945
|
currentStep,
|
|
3922
3946
|
orientation = "horizontal",
|
|
3923
3947
|
variant
|
|
3924
3948
|
}) => {
|
|
3925
|
-
return /* @__PURE__ */ (0,
|
|
3949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3926
3950
|
Wrapper5,
|
|
3927
3951
|
{
|
|
3928
3952
|
orientation,
|
|
3929
3953
|
children: steps.map((step, index) => {
|
|
3930
3954
|
const isFirst = index === 0;
|
|
3931
3955
|
const isLast = index === steps.length - 1;
|
|
3932
|
-
return /* @__PURE__ */ (0,
|
|
3933
|
-
/* @__PURE__ */ (0,
|
|
3956
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(StepItem, { orientation, children: [
|
|
3957
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3934
3958
|
StepCircle,
|
|
3935
3959
|
{
|
|
3936
3960
|
orientation,
|
|
@@ -3941,7 +3965,7 @@ var MultiStep = ({
|
|
|
3941
3965
|
children: index + 1
|
|
3942
3966
|
}
|
|
3943
3967
|
),
|
|
3944
|
-
/* @__PURE__ */ (0,
|
|
3968
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3945
3969
|
StepLabel,
|
|
3946
3970
|
{
|
|
3947
3971
|
orientation,
|
|
@@ -4071,7 +4095,7 @@ var CarouselItemContainer = styled("div", {
|
|
|
4071
4095
|
});
|
|
4072
4096
|
|
|
4073
4097
|
// src/components/Carousel/index.tsx
|
|
4074
|
-
var
|
|
4098
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
4075
4099
|
var SWIPE_THRESHOLD = 50;
|
|
4076
4100
|
var Carousel = ({ title, variant, children }) => {
|
|
4077
4101
|
const items = import_react20.Children.toArray(children);
|
|
@@ -4107,18 +4131,18 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4107
4131
|
};
|
|
4108
4132
|
const activeItem = items[activeIndex];
|
|
4109
4133
|
const itemTitle = activeItem.props.title;
|
|
4110
|
-
return /* @__PURE__ */ (0,
|
|
4134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
4111
4135
|
CarouselContainer,
|
|
4112
4136
|
{
|
|
4113
4137
|
role: "region",
|
|
4114
4138
|
"aria-roledescription": "carousel",
|
|
4115
4139
|
"aria-label": "Carousel Component",
|
|
4116
4140
|
children: [
|
|
4117
|
-
/* @__PURE__ */ (0,
|
|
4118
|
-
/* @__PURE__ */ (0,
|
|
4119
|
-
/* @__PURE__ */ (0,
|
|
4120
|
-
/* @__PURE__ */ (0,
|
|
4121
|
-
/* @__PURE__ */ (0,
|
|
4141
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Wrapper6, { variant, children: [
|
|
4142
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(CarouselHeader, { children: [
|
|
4143
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title2, { children: itemTitle ?? title }),
|
|
4144
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Navigation, { children: [
|
|
4145
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4122
4146
|
Button,
|
|
4123
4147
|
{
|
|
4124
4148
|
size: "sm",
|
|
@@ -4126,10 +4150,10 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4126
4150
|
"aria-label": "Previous Slide",
|
|
4127
4151
|
onClick: prev,
|
|
4128
4152
|
tabIndex: 0,
|
|
4129
|
-
children: /* @__PURE__ */ (0,
|
|
4153
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "TriangleLeft", size: 16, color: variant === "purple" ? "white" : "black" })
|
|
4130
4154
|
}
|
|
4131
4155
|
),
|
|
4132
|
-
/* @__PURE__ */ (0,
|
|
4156
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4133
4157
|
Button,
|
|
4134
4158
|
{
|
|
4135
4159
|
size: "sm",
|
|
@@ -4137,15 +4161,15 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4137
4161
|
"aria-label": "Previous Slide",
|
|
4138
4162
|
onClick: next,
|
|
4139
4163
|
tabIndex: 0,
|
|
4140
|
-
children: /* @__PURE__ */ (0,
|
|
4164
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { name: "TriangleRight", size: 16, color: variant === "purple" ? "white" : "black" })
|
|
4141
4165
|
}
|
|
4142
4166
|
)
|
|
4143
4167
|
] })
|
|
4144
4168
|
] }),
|
|
4145
|
-
/* @__PURE__ */ (0,
|
|
4146
|
-
/* @__PURE__ */ (0,
|
|
4147
|
-
/* @__PURE__ */ (0,
|
|
4148
|
-
/* @__PURE__ */ (0,
|
|
4169
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Spacing, { size: "xs" }),
|
|
4170
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Hr, { variant }),
|
|
4171
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Spacing, { size: "xs" }),
|
|
4172
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4149
4173
|
CarouselContent,
|
|
4150
4174
|
{
|
|
4151
4175
|
onTouchStart,
|
|
@@ -4162,9 +4186,9 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4162
4186
|
}
|
|
4163
4187
|
)
|
|
4164
4188
|
] }),
|
|
4165
|
-
/* @__PURE__ */ (0,
|
|
4166
|
-
/* @__PURE__ */ (0,
|
|
4167
|
-
(page, index) => typeof page === "number" ? /* @__PURE__ */ (0,
|
|
4189
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Spacing, { size: "md" }),
|
|
4190
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DotsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Dots2, { role: "tablist", "aria-label": "Carousel Pagination", children: getPaginationItems(items.length, activeIndex).map(
|
|
4191
|
+
(page, index) => typeof page === "number" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
4168
4192
|
DotButton,
|
|
4169
4193
|
{
|
|
4170
4194
|
active: page === activeIndex,
|
|
@@ -4175,7 +4199,7 @@ var Carousel = ({ title, variant, children }) => {
|
|
|
4175
4199
|
type: "button"
|
|
4176
4200
|
},
|
|
4177
4201
|
page
|
|
4178
|
-
) : /* @__PURE__ */ (0,
|
|
4202
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Ellipsis, { children: "..." }, `ellipsis-${index}`)
|
|
4179
4203
|
) }) })
|
|
4180
4204
|
]
|
|
4181
4205
|
}
|
|
@@ -4193,12 +4217,12 @@ var getPaginationItems = (totalItems, activeIndex) => {
|
|
|
4193
4217
|
}
|
|
4194
4218
|
return [0, "...", activeIndex - 2, activeIndex - 1, activeIndex, activeIndex + 1, activeIndex + 2, "...", totalItems - 1];
|
|
4195
4219
|
};
|
|
4196
|
-
var CarouselItem = ({ children, style, title, ...props }) => /* @__PURE__ */ (0,
|
|
4220
|
+
var CarouselItem = ({ children, style, title, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CarouselItemContainer, { ...props, style: { ...style }, children });
|
|
4197
4221
|
Carousel.Item = CarouselItem;
|
|
4198
4222
|
|
|
4199
4223
|
// src/components/PasswordInput.tsx
|
|
4200
4224
|
var import_react21 = require("react");
|
|
4201
|
-
var
|
|
4225
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
4202
4226
|
var ToggleButton = styled("button", {
|
|
4203
4227
|
all: "unset",
|
|
4204
4228
|
cursor: "pointer",
|
|
@@ -4227,7 +4251,7 @@ var PasswordInput = (0, import_react21.forwardRef)(
|
|
|
4227
4251
|
}
|
|
4228
4252
|
}, 0);
|
|
4229
4253
|
};
|
|
4230
|
-
return /* @__PURE__ */ (0,
|
|
4254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4231
4255
|
Input2,
|
|
4232
4256
|
{
|
|
4233
4257
|
...props,
|
|
@@ -4235,14 +4259,14 @@ var PasswordInput = (0, import_react21.forwardRef)(
|
|
|
4235
4259
|
type: visible ? "text" : "password",
|
|
4236
4260
|
value,
|
|
4237
4261
|
onChange,
|
|
4238
|
-
suffix: /* @__PURE__ */ (0,
|
|
4262
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4239
4263
|
ToggleButton,
|
|
4240
4264
|
{
|
|
4241
4265
|
type: "button",
|
|
4242
4266
|
onClick: handleToggleVisibility,
|
|
4243
4267
|
onMouseDown: (e) => e.preventDefault(),
|
|
4244
4268
|
"aria-label": visible ? "Ocultar senha" : "Mostrar senha",
|
|
4245
|
-
children: visible ? /* @__PURE__ */ (0,
|
|
4269
|
+
children: visible ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "EyeClosed", size: 16, color: "black" }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: "EyeOpen", size: 16, color: "black" })
|
|
4246
4270
|
}
|
|
4247
4271
|
)
|
|
4248
4272
|
}
|
|
@@ -4339,18 +4363,18 @@ var OptionsButton = styled(Button, {
|
|
|
4339
4363
|
});
|
|
4340
4364
|
|
|
4341
4365
|
// src/components/Accordion/index.tsx
|
|
4342
|
-
var
|
|
4366
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4343
4367
|
var Accordion2 = import_react22.default.forwardRef(
|
|
4344
4368
|
({ title, children, dropdownItems }, ref) => {
|
|
4345
|
-
return /* @__PURE__ */ (0,
|
|
4346
|
-
/* @__PURE__ */ (0,
|
|
4347
|
-
/* @__PURE__ */ (0,
|
|
4348
|
-
/* @__PURE__ */ (0,
|
|
4369
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AccordionContainer, { type: "single", collapsible: true, ref, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AccordionItem, { value: "item-1", children: [
|
|
4370
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(AccordionHeader, { children: [
|
|
4371
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AccordionTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: title }) }),
|
|
4372
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(TriggerContent, { children: [
|
|
4349
4373
|
dropdownItems && dropdownItems,
|
|
4350
|
-
/* @__PURE__ */ (0,
|
|
4374
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RadixAccordion.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(StyledButton, { as: "div", variant: "secondary", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AccordionChevron, { name: "TriangleDown", size: 16, "aria-hidden": true }) }) })
|
|
4351
4375
|
] })
|
|
4352
4376
|
] }),
|
|
4353
|
-
/* @__PURE__ */ (0,
|
|
4377
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RadixAccordion.Content, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AccordionContent, { children }) })
|
|
4354
4378
|
] }) });
|
|
4355
4379
|
}
|
|
4356
4380
|
);
|