@facter/ds-core 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +76 -1
- package/dist/index.d.ts +76 -1
- package/dist/index.js +496 -290
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +459 -268
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -10
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var React49 = require('react');
|
|
5
5
|
var classVarianceAuthority = require('class-variance-authority');
|
|
6
6
|
var clsx = require('clsx');
|
|
7
7
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -20,6 +20,7 @@ var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
|
20
20
|
var AvatarPrimitive = require('@radix-ui/react-avatar');
|
|
21
21
|
var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
|
|
22
22
|
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
23
|
+
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
23
24
|
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
24
25
|
var SeparatorPrimitive = require('@radix-ui/react-separator');
|
|
25
26
|
var reactSlot = require('@radix-ui/react-slot');
|
|
@@ -42,7 +43,7 @@ function _interopNamespace(e) {
|
|
|
42
43
|
return Object.freeze(n);
|
|
43
44
|
}
|
|
44
45
|
|
|
45
|
-
var
|
|
46
|
+
var React49__namespace = /*#__PURE__*/_interopNamespace(React49);
|
|
46
47
|
var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
|
|
47
48
|
var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
48
49
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
@@ -52,6 +53,7 @@ var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPr
|
|
|
52
53
|
var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
|
|
53
54
|
var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
|
|
54
55
|
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
|
|
56
|
+
var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
|
|
55
57
|
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
56
58
|
var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
|
|
57
59
|
|
|
@@ -85,7 +87,7 @@ var buttonVariants = classVarianceAuthority.cva(
|
|
|
85
87
|
}
|
|
86
88
|
}
|
|
87
89
|
);
|
|
88
|
-
var Button =
|
|
90
|
+
var Button = React49__namespace.forwardRef(
|
|
89
91
|
({ className, variant, size, ...props }, ref) => {
|
|
90
92
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
91
93
|
"button",
|
|
@@ -178,7 +180,7 @@ var inputVariants = classVarianceAuthority.cva(
|
|
|
178
180
|
}
|
|
179
181
|
}
|
|
180
182
|
);
|
|
181
|
-
var Input =
|
|
183
|
+
var Input = React49__namespace.forwardRef(
|
|
182
184
|
({
|
|
183
185
|
className,
|
|
184
186
|
variant,
|
|
@@ -192,13 +194,13 @@ var Input = React48__namespace.forwardRef(
|
|
|
192
194
|
labelClassName,
|
|
193
195
|
...props
|
|
194
196
|
}, ref) => {
|
|
195
|
-
const inputRef =
|
|
196
|
-
const [showPassword, setShowPassword] =
|
|
197
|
-
|
|
198
|
-
const focusInput =
|
|
197
|
+
const inputRef = React49__namespace.useRef(null);
|
|
198
|
+
const [showPassword, setShowPassword] = React49__namespace.useState(false);
|
|
199
|
+
React49__namespace.useImperativeHandle(ref, () => inputRef.current, []);
|
|
200
|
+
const focusInput = React49__namespace.useCallback(() => {
|
|
199
201
|
inputRef.current?.focus();
|
|
200
202
|
}, []);
|
|
201
|
-
const togglePasswordVisibility =
|
|
203
|
+
const togglePasswordVisibility = React49__namespace.useCallback(() => {
|
|
202
204
|
setShowPassword((prev) => !prev);
|
|
203
205
|
}, []);
|
|
204
206
|
const inputType = type === "password" ? showPassword ? "text" : "password" : type;
|
|
@@ -365,8 +367,8 @@ function Sparkline({
|
|
|
365
367
|
className,
|
|
366
368
|
show = true
|
|
367
369
|
}) {
|
|
368
|
-
const gradientId =
|
|
369
|
-
const { linePath, areaPath } =
|
|
370
|
+
const gradientId = React49__namespace.useId();
|
|
371
|
+
const { linePath, areaPath } = React49__namespace.useMemo(() => {
|
|
370
372
|
if (data.length < 2) {
|
|
371
373
|
return { linePath: "", areaPath: "" };
|
|
372
374
|
}
|
|
@@ -584,7 +586,7 @@ var selectVariants = classVarianceAuthority.cva(
|
|
|
584
586
|
}
|
|
585
587
|
}
|
|
586
588
|
);
|
|
587
|
-
var Select =
|
|
589
|
+
var Select = React49__namespace.forwardRef(
|
|
588
590
|
({
|
|
589
591
|
className,
|
|
590
592
|
variant,
|
|
@@ -653,7 +655,7 @@ var Select = React48__namespace.forwardRef(
|
|
|
653
655
|
}
|
|
654
656
|
);
|
|
655
657
|
Select.displayName = "Select";
|
|
656
|
-
var SelectItem =
|
|
658
|
+
var SelectItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
657
659
|
SelectPrimitive__namespace.Item,
|
|
658
660
|
{
|
|
659
661
|
ref,
|
|
@@ -672,7 +674,7 @@ var SelectItem = React48__namespace.forwardRef(({ className, children, ...props
|
|
|
672
674
|
));
|
|
673
675
|
SelectItem.displayName = "SelectItem";
|
|
674
676
|
var SelectGroup = SelectPrimitive__namespace.Group;
|
|
675
|
-
var SelectLabel =
|
|
677
|
+
var SelectLabel = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
676
678
|
SelectPrimitive__namespace.Label,
|
|
677
679
|
{
|
|
678
680
|
ref,
|
|
@@ -681,7 +683,7 @@ var SelectLabel = React48__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
681
683
|
}
|
|
682
684
|
));
|
|
683
685
|
SelectLabel.displayName = "SelectLabel";
|
|
684
|
-
var SelectSeparator =
|
|
686
|
+
var SelectSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
685
687
|
SelectPrimitive__namespace.Separator,
|
|
686
688
|
{
|
|
687
689
|
ref,
|
|
@@ -691,7 +693,7 @@ var SelectSeparator = React48__namespace.forwardRef(({ className, ...props }, re
|
|
|
691
693
|
));
|
|
692
694
|
SelectSeparator.displayName = "SelectSeparator";
|
|
693
695
|
var Tabs = TabsPrimitive__namespace.Root;
|
|
694
|
-
var TabsList =
|
|
696
|
+
var TabsList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
695
697
|
TabsPrimitive__namespace.List,
|
|
696
698
|
{
|
|
697
699
|
ref,
|
|
@@ -703,7 +705,7 @@ var TabsList = React48__namespace.forwardRef(({ className, ...props }, ref) => /
|
|
|
703
705
|
}
|
|
704
706
|
));
|
|
705
707
|
TabsList.displayName = TabsPrimitive__namespace.List.displayName;
|
|
706
|
-
var TabsTrigger =
|
|
708
|
+
var TabsTrigger = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
707
709
|
TabsPrimitive__namespace.Trigger,
|
|
708
710
|
{
|
|
709
711
|
ref,
|
|
@@ -715,7 +717,7 @@ var TabsTrigger = React48__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
715
717
|
}
|
|
716
718
|
));
|
|
717
719
|
TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
|
|
718
|
-
var TabsContent =
|
|
720
|
+
var TabsContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
719
721
|
TabsPrimitive__namespace.Content,
|
|
720
722
|
{
|
|
721
723
|
ref,
|
|
@@ -824,7 +826,7 @@ function BarsLoader() {
|
|
|
824
826
|
i
|
|
825
827
|
)) });
|
|
826
828
|
}
|
|
827
|
-
var Loader =
|
|
829
|
+
var Loader = React49__namespace.forwardRef(
|
|
828
830
|
({
|
|
829
831
|
variant = "default",
|
|
830
832
|
message,
|
|
@@ -874,21 +876,21 @@ var Loader = React48__namespace.forwardRef(
|
|
|
874
876
|
}
|
|
875
877
|
);
|
|
876
878
|
Loader.displayName = "Loader";
|
|
877
|
-
var LoaderContext =
|
|
879
|
+
var LoaderContext = React49__namespace.createContext(
|
|
878
880
|
void 0
|
|
879
881
|
);
|
|
880
882
|
function LoaderProvider({ children }) {
|
|
881
|
-
const [isLoading, setIsLoading] =
|
|
882
|
-
const [loaderOptions, setLoaderOptions] =
|
|
883
|
-
const show =
|
|
883
|
+
const [isLoading, setIsLoading] = React49__namespace.useState(false);
|
|
884
|
+
const [loaderOptions, setLoaderOptions] = React49__namespace.useState({});
|
|
885
|
+
const show = React49__namespace.useCallback((options = {}) => {
|
|
884
886
|
setLoaderOptions(options);
|
|
885
887
|
setIsLoading(true);
|
|
886
888
|
}, []);
|
|
887
|
-
const hide =
|
|
889
|
+
const hide = React49__namespace.useCallback(() => {
|
|
888
890
|
setIsLoading(false);
|
|
889
891
|
setTimeout(() => setLoaderOptions({}), 300);
|
|
890
892
|
}, []);
|
|
891
|
-
const value =
|
|
893
|
+
const value = React49__namespace.useMemo(
|
|
892
894
|
() => ({ show, hide, isLoading }),
|
|
893
895
|
[show, hide, isLoading]
|
|
894
896
|
);
|
|
@@ -907,7 +909,7 @@ function LoaderProvider({ children }) {
|
|
|
907
909
|
] });
|
|
908
910
|
}
|
|
909
911
|
function useLoader() {
|
|
910
|
-
const context =
|
|
912
|
+
const context = React49__namespace.useContext(LoaderContext);
|
|
911
913
|
if (context === void 0) {
|
|
912
914
|
throw new Error("useLoader must be used within a LoaderProvider");
|
|
913
915
|
}
|
|
@@ -939,7 +941,7 @@ var loader = {
|
|
|
939
941
|
};
|
|
940
942
|
function GlobalLoaderController() {
|
|
941
943
|
const loaderController = useLoader();
|
|
942
|
-
|
|
944
|
+
React49__namespace.useEffect(() => {
|
|
943
945
|
setGlobalLoader(loaderController);
|
|
944
946
|
return () => {
|
|
945
947
|
setGlobalLoader(null);
|
|
@@ -1025,7 +1027,7 @@ var iconAnimation = {
|
|
|
1025
1027
|
whileHover: { scale: 1.1 },
|
|
1026
1028
|
whileTap: { scale: 0.9 }
|
|
1027
1029
|
};
|
|
1028
|
-
var EmptyStateContent =
|
|
1030
|
+
var EmptyStateContent = React49__namespace.memo(
|
|
1029
1031
|
({
|
|
1030
1032
|
message = "Nenhum item encontrado",
|
|
1031
1033
|
description,
|
|
@@ -1037,7 +1039,7 @@ var EmptyStateContent = React48__namespace.memo(
|
|
|
1037
1039
|
layout = "vertical",
|
|
1038
1040
|
className
|
|
1039
1041
|
}) => {
|
|
1040
|
-
const handleAction =
|
|
1042
|
+
const handleAction = React49__namespace.useCallback(() => {
|
|
1041
1043
|
if (onAction) {
|
|
1042
1044
|
onAction();
|
|
1043
1045
|
}
|
|
@@ -1067,7 +1069,7 @@ var EmptyStateContent = React48__namespace.memo(
|
|
|
1067
1069
|
}
|
|
1068
1070
|
);
|
|
1069
1071
|
EmptyStateContent.displayName = "EmptyStateContent";
|
|
1070
|
-
var AnimatedEmptyState =
|
|
1072
|
+
var AnimatedEmptyState = React49__namespace.memo((props) => {
|
|
1071
1073
|
const {
|
|
1072
1074
|
message = "Nenhum item encontrado",
|
|
1073
1075
|
description,
|
|
@@ -1079,7 +1081,7 @@ var AnimatedEmptyState = React48__namespace.memo((props) => {
|
|
|
1079
1081
|
layout = "vertical",
|
|
1080
1082
|
className
|
|
1081
1083
|
} = props;
|
|
1082
|
-
const handleAction =
|
|
1084
|
+
const handleAction = React49__namespace.useCallback(() => {
|
|
1083
1085
|
if (onAction) {
|
|
1084
1086
|
onAction();
|
|
1085
1087
|
}
|
|
@@ -1122,7 +1124,7 @@ var AnimatedEmptyState = React48__namespace.memo((props) => {
|
|
|
1122
1124
|
);
|
|
1123
1125
|
});
|
|
1124
1126
|
AnimatedEmptyState.displayName = "AnimatedEmptyState";
|
|
1125
|
-
var EmptyState =
|
|
1127
|
+
var EmptyState = React49__namespace.memo(
|
|
1126
1128
|
({ animated = true, ...props }) => {
|
|
1127
1129
|
if (!animated) {
|
|
1128
1130
|
return /* @__PURE__ */ jsxRuntime.jsx(EmptyStateContent, { ...props });
|
|
@@ -1136,13 +1138,13 @@ function useDataTableInternal({
|
|
|
1136
1138
|
columns,
|
|
1137
1139
|
getRowId
|
|
1138
1140
|
}) {
|
|
1139
|
-
const [rowSelection, setRowSelection] =
|
|
1140
|
-
const [columnVisibility, setColumnVisibility] =
|
|
1141
|
-
const [columnFilters, setColumnFilters] =
|
|
1142
|
-
const [sorting, setSorting] =
|
|
1143
|
-
const [globalFilter, setGlobalFilter] =
|
|
1144
|
-
const [density, setDensity] =
|
|
1145
|
-
const [pagination, setPagination] =
|
|
1141
|
+
const [rowSelection, setRowSelection] = React49__namespace.useState({});
|
|
1142
|
+
const [columnVisibility, setColumnVisibility] = React49__namespace.useState({});
|
|
1143
|
+
const [columnFilters, setColumnFilters] = React49__namespace.useState([]);
|
|
1144
|
+
const [sorting, setSorting] = React49__namespace.useState([]);
|
|
1145
|
+
const [globalFilter, setGlobalFilter] = React49__namespace.useState("");
|
|
1146
|
+
const [density, setDensity] = React49__namespace.useState("default");
|
|
1147
|
+
const [pagination, setPagination] = React49__namespace.useState({
|
|
1146
1148
|
pageIndex: 0,
|
|
1147
1149
|
pageSize: 10
|
|
1148
1150
|
});
|
|
@@ -1176,7 +1178,7 @@ function useDataTableInternal({
|
|
|
1176
1178
|
getPaginationRowModel: reactTable.getPaginationRowModel(),
|
|
1177
1179
|
getSortedRowModel: reactTable.getSortedRowModel()
|
|
1178
1180
|
});
|
|
1179
|
-
const meta =
|
|
1181
|
+
const meta = React49__namespace.useMemo(
|
|
1180
1182
|
() => ({
|
|
1181
1183
|
isLoading: false,
|
|
1182
1184
|
// Loading é controlado externamente via DataTable.Loading
|
|
@@ -1194,11 +1196,11 @@ function useDataTableInternal({
|
|
|
1194
1196
|
setDensity
|
|
1195
1197
|
};
|
|
1196
1198
|
}
|
|
1197
|
-
var DataTableInstanceContext =
|
|
1199
|
+
var DataTableInstanceContext = React49__namespace.createContext(null);
|
|
1198
1200
|
DataTableInstanceContext.displayName = "DataTableInstanceContext";
|
|
1199
|
-
var DataTableMetaContext =
|
|
1201
|
+
var DataTableMetaContext = React49__namespace.createContext(null);
|
|
1200
1202
|
DataTableMetaContext.displayName = "DataTableMetaContext";
|
|
1201
|
-
var DataTableDensityContext =
|
|
1203
|
+
var DataTableDensityContext = React49__namespace.createContext(null);
|
|
1202
1204
|
DataTableDensityContext.displayName = "DataTableDensityContext";
|
|
1203
1205
|
function DataTableProvider({
|
|
1204
1206
|
children,
|
|
@@ -1207,11 +1209,11 @@ function DataTableProvider({
|
|
|
1207
1209
|
density,
|
|
1208
1210
|
setDensity
|
|
1209
1211
|
}) {
|
|
1210
|
-
const metaValue =
|
|
1212
|
+
const metaValue = React49__namespace.useMemo(
|
|
1211
1213
|
() => meta,
|
|
1212
1214
|
[meta.isLoading, meta.isEmpty, meta.selectedRowCount, meta.totalRows, meta.density]
|
|
1213
1215
|
);
|
|
1214
|
-
const densityValue =
|
|
1216
|
+
const densityValue = React49__namespace.useMemo(
|
|
1215
1217
|
() => ({ density, setDensity }),
|
|
1216
1218
|
[density, setDensity]
|
|
1217
1219
|
);
|
|
@@ -1219,7 +1221,7 @@ function DataTableProvider({
|
|
|
1219
1221
|
return /* @__PURE__ */ jsxRuntime.jsx(DataTableInstanceContext.Provider, { value: tableValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableMetaContext.Provider, { value: metaValue, children: /* @__PURE__ */ jsxRuntime.jsx(DataTableDensityContext.Provider, { value: densityValue, children }) }) });
|
|
1220
1222
|
}
|
|
1221
1223
|
function useDataTable() {
|
|
1222
|
-
const context =
|
|
1224
|
+
const context = React49__namespace.useContext(DataTableInstanceContext);
|
|
1223
1225
|
if (!context) {
|
|
1224
1226
|
throw new Error(
|
|
1225
1227
|
"useDataTable must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1228,7 +1230,7 @@ function useDataTable() {
|
|
|
1228
1230
|
return context;
|
|
1229
1231
|
}
|
|
1230
1232
|
function useDataTableMeta() {
|
|
1231
|
-
const context =
|
|
1233
|
+
const context = React49__namespace.useContext(DataTableMetaContext);
|
|
1232
1234
|
if (!context) {
|
|
1233
1235
|
throw new Error(
|
|
1234
1236
|
"useDataTableMeta must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1246,12 +1248,12 @@ function useDataTableEmpty() {
|
|
|
1246
1248
|
}
|
|
1247
1249
|
function useDataTableSelection() {
|
|
1248
1250
|
const table = useDataTable();
|
|
1249
|
-
return
|
|
1251
|
+
return React49__namespace.useMemo(() => {
|
|
1250
1252
|
return table.getSelectedRowModel().rows.map((row) => row.original);
|
|
1251
1253
|
}, [table.getSelectedRowModel().rows]);
|
|
1252
1254
|
}
|
|
1253
1255
|
function useDataTableDensity() {
|
|
1254
|
-
const context =
|
|
1256
|
+
const context = React49__namespace.useContext(DataTableDensityContext);
|
|
1255
1257
|
if (!context) {
|
|
1256
1258
|
throw new Error(
|
|
1257
1259
|
"useDataTableDensity must be used within <DataTable>. Make sure your component is wrapped with DataTable."
|
|
@@ -1262,7 +1264,7 @@ function useDataTableDensity() {
|
|
|
1262
1264
|
function useDataTablePagination() {
|
|
1263
1265
|
const table = useDataTable();
|
|
1264
1266
|
const { pageIndex, pageSize } = table.getState().pagination;
|
|
1265
|
-
return
|
|
1267
|
+
return React49__namespace.useMemo(() => {
|
|
1266
1268
|
const pageCount = table.getPageCount();
|
|
1267
1269
|
return {
|
|
1268
1270
|
pageIndex,
|
|
@@ -1282,7 +1284,7 @@ function useDataTablePagination() {
|
|
|
1282
1284
|
function useDataTableSorting() {
|
|
1283
1285
|
const table = useDataTable();
|
|
1284
1286
|
const sorting = table.getState().sorting;
|
|
1285
|
-
return
|
|
1287
|
+
return React49__namespace.useMemo(() => ({
|
|
1286
1288
|
sorting,
|
|
1287
1289
|
setSorting: table.setSorting,
|
|
1288
1290
|
clearSorting: () => table.resetSorting(),
|
|
@@ -1295,7 +1297,7 @@ function useDataTableSorting() {
|
|
|
1295
1297
|
function useDataTableColumnVisibility() {
|
|
1296
1298
|
const table = useDataTable();
|
|
1297
1299
|
const columnVisibility = table.getState().columnVisibility;
|
|
1298
|
-
return
|
|
1300
|
+
return React49__namespace.useMemo(() => ({
|
|
1299
1301
|
columnVisibility,
|
|
1300
1302
|
setColumnVisibility: table.setColumnVisibility,
|
|
1301
1303
|
toggleColumn: (columnId) => {
|
|
@@ -1357,7 +1359,7 @@ var DENSITY_CONFIG = {
|
|
|
1357
1359
|
padding: "py-3 px-4"
|
|
1358
1360
|
}
|
|
1359
1361
|
};
|
|
1360
|
-
var Table =
|
|
1362
|
+
var Table = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1361
1363
|
"table",
|
|
1362
1364
|
{
|
|
1363
1365
|
ref,
|
|
@@ -1366,9 +1368,9 @@ var Table = React48__namespace.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
1366
1368
|
}
|
|
1367
1369
|
) }));
|
|
1368
1370
|
Table.displayName = "Table";
|
|
1369
|
-
var TableHeader =
|
|
1371
|
+
var TableHeader = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
|
|
1370
1372
|
TableHeader.displayName = "TableHeader";
|
|
1371
|
-
var TableBody =
|
|
1373
|
+
var TableBody = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1372
1374
|
"tbody",
|
|
1373
1375
|
{
|
|
1374
1376
|
ref,
|
|
@@ -1377,7 +1379,7 @@ var TableBody = React48__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1377
1379
|
}
|
|
1378
1380
|
));
|
|
1379
1381
|
TableBody.displayName = "TableBody";
|
|
1380
|
-
var TableFooter =
|
|
1382
|
+
var TableFooter = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1381
1383
|
"tfoot",
|
|
1382
1384
|
{
|
|
1383
1385
|
ref,
|
|
@@ -1389,8 +1391,8 @@ var TableFooter = React48__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
1389
1391
|
}
|
|
1390
1392
|
));
|
|
1391
1393
|
TableFooter.displayName = "TableFooter";
|
|
1392
|
-
var TableRow =
|
|
1393
|
-
|
|
1394
|
+
var TableRow = React49__namespace.memo(
|
|
1395
|
+
React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1394
1396
|
"tr",
|
|
1395
1397
|
{
|
|
1396
1398
|
ref,
|
|
@@ -1403,7 +1405,7 @@ var TableRow = React48__namespace.memo(
|
|
|
1403
1405
|
))
|
|
1404
1406
|
);
|
|
1405
1407
|
TableRow.displayName = "TableRow";
|
|
1406
|
-
var TableHead =
|
|
1408
|
+
var TableHead = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1407
1409
|
"th",
|
|
1408
1410
|
{
|
|
1409
1411
|
ref,
|
|
@@ -1415,8 +1417,8 @@ var TableHead = React48__namespace.forwardRef(({ className, ...props }, ref) =>
|
|
|
1415
1417
|
}
|
|
1416
1418
|
));
|
|
1417
1419
|
TableHead.displayName = "TableHead";
|
|
1418
|
-
var TableCell =
|
|
1419
|
-
|
|
1420
|
+
var TableCell = React49__namespace.memo(
|
|
1421
|
+
React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1420
1422
|
"td",
|
|
1421
1423
|
{
|
|
1422
1424
|
ref,
|
|
@@ -1426,7 +1428,7 @@ var TableCell = React48__namespace.memo(
|
|
|
1426
1428
|
))
|
|
1427
1429
|
);
|
|
1428
1430
|
TableCell.displayName = "TableCell";
|
|
1429
|
-
var TableCaption =
|
|
1431
|
+
var TableCaption = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1430
1432
|
"caption",
|
|
1431
1433
|
{
|
|
1432
1434
|
ref,
|
|
@@ -1435,7 +1437,7 @@ var TableCaption = React48__namespace.forwardRef(({ className, ...props }, ref)
|
|
|
1435
1437
|
}
|
|
1436
1438
|
));
|
|
1437
1439
|
TableCaption.displayName = "TableCaption";
|
|
1438
|
-
var DataTableContent =
|
|
1440
|
+
var DataTableContent = React49__namespace.memo(function DataTableContent2({
|
|
1439
1441
|
stickyHeader = false,
|
|
1440
1442
|
stripedRows = false,
|
|
1441
1443
|
highlightOnHover = true,
|
|
@@ -1481,15 +1483,15 @@ var DataTableContent = React48__namespace.memo(function DataTableContent2({
|
|
|
1481
1483
|
] }) });
|
|
1482
1484
|
});
|
|
1483
1485
|
DataTableContent.displayName = "DataTable.Content";
|
|
1484
|
-
var DataTableToolbar =
|
|
1486
|
+
var DataTableToolbar = React49__namespace.memo(function DataTableToolbar2({
|
|
1485
1487
|
className,
|
|
1486
1488
|
children
|
|
1487
1489
|
}) {
|
|
1488
1490
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-between gap-2", className), children });
|
|
1489
1491
|
});
|
|
1490
1492
|
function useDebounce(value, delay = 300) {
|
|
1491
|
-
const [debouncedValue, setDebouncedValue] =
|
|
1492
|
-
|
|
1493
|
+
const [debouncedValue, setDebouncedValue] = React49__namespace.useState(value);
|
|
1494
|
+
React49__namespace.useEffect(() => {
|
|
1493
1495
|
const handler = setTimeout(() => {
|
|
1494
1496
|
setDebouncedValue(value);
|
|
1495
1497
|
}, delay);
|
|
@@ -1500,12 +1502,12 @@ function useDebounce(value, delay = 300) {
|
|
|
1500
1502
|
return debouncedValue;
|
|
1501
1503
|
}
|
|
1502
1504
|
function useDebouncedCallback(callback, delay = 300) {
|
|
1503
|
-
const callbackRef =
|
|
1504
|
-
const timeoutRef =
|
|
1505
|
-
|
|
1505
|
+
const callbackRef = React49__namespace.useRef(callback);
|
|
1506
|
+
const timeoutRef = React49__namespace.useRef(null);
|
|
1507
|
+
React49__namespace.useEffect(() => {
|
|
1506
1508
|
callbackRef.current = callback;
|
|
1507
1509
|
}, [callback]);
|
|
1508
|
-
return
|
|
1510
|
+
return React49__namespace.useCallback(
|
|
1509
1511
|
(...args) => {
|
|
1510
1512
|
if (timeoutRef.current) {
|
|
1511
1513
|
clearTimeout(timeoutRef.current);
|
|
@@ -1517,7 +1519,7 @@ function useDebouncedCallback(callback, delay = 300) {
|
|
|
1517
1519
|
[delay]
|
|
1518
1520
|
);
|
|
1519
1521
|
}
|
|
1520
|
-
var DataTableSearch =
|
|
1522
|
+
var DataTableSearch = React49__namespace.memo(function DataTableSearch2({
|
|
1521
1523
|
column,
|
|
1522
1524
|
placeholder = "Buscar...",
|
|
1523
1525
|
debounce = 300,
|
|
@@ -1526,17 +1528,17 @@ var DataTableSearch = React48__namespace.memo(function DataTableSearch2({
|
|
|
1526
1528
|
}) {
|
|
1527
1529
|
const table = useDataTableInstance();
|
|
1528
1530
|
const columnInstance = table.getColumn(column);
|
|
1529
|
-
const [value, setValue] =
|
|
1531
|
+
const [value, setValue] = React49__namespace.useState(
|
|
1530
1532
|
columnInstance?.getFilterValue() ?? ""
|
|
1531
1533
|
);
|
|
1532
1534
|
const debouncedValue = useDebounce(value, debounce);
|
|
1533
|
-
|
|
1535
|
+
React49__namespace.useEffect(() => {
|
|
1534
1536
|
columnInstance?.setFilterValue(debouncedValue);
|
|
1535
1537
|
if (onSearch) {
|
|
1536
1538
|
onSearch(debouncedValue);
|
|
1537
1539
|
}
|
|
1538
1540
|
}, [debouncedValue, columnInstance, onSearch]);
|
|
1539
|
-
|
|
1541
|
+
React49__namespace.useEffect(() => {
|
|
1540
1542
|
const filterValue = columnInstance?.getFilterValue() ?? "";
|
|
1541
1543
|
if (filterValue !== value) {
|
|
1542
1544
|
setValue(filterValue);
|
|
@@ -1552,15 +1554,15 @@ var DataTableSearch = React48__namespace.memo(function DataTableSearch2({
|
|
|
1552
1554
|
}
|
|
1553
1555
|
);
|
|
1554
1556
|
});
|
|
1555
|
-
var DataTableFilters =
|
|
1557
|
+
var DataTableFilters = React49__namespace.memo(function DataTableFilters2({
|
|
1556
1558
|
onChange,
|
|
1557
1559
|
className,
|
|
1558
1560
|
children
|
|
1559
1561
|
}) {
|
|
1560
1562
|
const table = useDataTableInstance();
|
|
1561
1563
|
const filters = table.getState().columnFilters;
|
|
1562
|
-
const filtersRef =
|
|
1563
|
-
|
|
1564
|
+
const filtersRef = React49__namespace.useRef(filters);
|
|
1565
|
+
React49__namespace.useEffect(() => {
|
|
1564
1566
|
if (onChange && JSON.stringify(filters) !== JSON.stringify(filtersRef.current)) {
|
|
1565
1567
|
filtersRef.current = filters;
|
|
1566
1568
|
onChange(filters);
|
|
@@ -1568,7 +1570,7 @@ var DataTableFilters = React48__namespace.memo(function DataTableFilters2({
|
|
|
1568
1570
|
}, [filters, onChange]);
|
|
1569
1571
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", className), children });
|
|
1570
1572
|
});
|
|
1571
|
-
var DataTableFilter =
|
|
1573
|
+
var DataTableFilter = React49__namespace.memo(function DataTableFilter2({
|
|
1572
1574
|
column: columnId,
|
|
1573
1575
|
title,
|
|
1574
1576
|
options,
|
|
@@ -1578,7 +1580,7 @@ var DataTableFilter = React48__namespace.memo(function DataTableFilter2({
|
|
|
1578
1580
|
const column = table.getColumn(columnId);
|
|
1579
1581
|
const filterValue = column?.getFilterValue() ?? [];
|
|
1580
1582
|
const currentValue = filterValue.length > 0 ? filterValue[0] : "all";
|
|
1581
|
-
const handleValueChange =
|
|
1583
|
+
const handleValueChange = React49__namespace.useCallback(
|
|
1582
1584
|
(value) => {
|
|
1583
1585
|
if (value === "all") {
|
|
1584
1586
|
column?.setFilterValue(void 0);
|
|
@@ -1603,7 +1605,7 @@ var DataTableFilter = React48__namespace.memo(function DataTableFilter2({
|
|
|
1603
1605
|
}
|
|
1604
1606
|
);
|
|
1605
1607
|
});
|
|
1606
|
-
var DataTablePagination =
|
|
1608
|
+
var DataTablePagination = React49__namespace.memo(function DataTablePagination2({
|
|
1607
1609
|
mode = "client",
|
|
1608
1610
|
pageCount: externalPageCount,
|
|
1609
1611
|
pageSizes = [10, 20, 30, 50],
|
|
@@ -1630,7 +1632,7 @@ var DataTablePagination = React48__namespace.memo(function DataTablePagination2(
|
|
|
1630
1632
|
const pageCount = mode === "server" && externalPageCount !== void 0 ? externalPageCount : internalPageCount;
|
|
1631
1633
|
const canGoPrevious = pageIndex > 0;
|
|
1632
1634
|
const canGoNext = pageIndex < pageCount - 1;
|
|
1633
|
-
const handlePageSizeChange =
|
|
1635
|
+
const handlePageSizeChange = React49__namespace.useCallback(
|
|
1634
1636
|
(value) => {
|
|
1635
1637
|
setPageSize(Number(value));
|
|
1636
1638
|
},
|
|
@@ -1729,7 +1731,7 @@ var DataTablePagination = React48__namespace.memo(function DataTablePagination2(
|
|
|
1729
1731
|
);
|
|
1730
1732
|
});
|
|
1731
1733
|
DataTablePagination.displayName = "DataTable.Pagination";
|
|
1732
|
-
var DataTableEmptyState =
|
|
1734
|
+
var DataTableEmptyState = React49__namespace.memo(function DataTableEmptyState2({
|
|
1733
1735
|
message = "Nenhum resultado encontrado.",
|
|
1734
1736
|
description,
|
|
1735
1737
|
icon,
|
|
@@ -1853,8 +1855,8 @@ var iconSizeMap = {
|
|
|
1853
1855
|
md: "h-4 w-4",
|
|
1854
1856
|
lg: "h-5 w-5"
|
|
1855
1857
|
};
|
|
1856
|
-
var Checkbox =
|
|
1857
|
-
|
|
1858
|
+
var Checkbox = React49__namespace.memo(
|
|
1859
|
+
React49__namespace.forwardRef(({ className, variant, size = "md", ...props }, ref) => {
|
|
1858
1860
|
const iconSize = iconSizeMap[size || "md"];
|
|
1859
1861
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1860
1862
|
CheckboxPrimitive__namespace.Root,
|
|
@@ -1878,9 +1880,9 @@ function DataTableColumnVisibility({
|
|
|
1878
1880
|
className
|
|
1879
1881
|
}) {
|
|
1880
1882
|
const table = useDataTable();
|
|
1881
|
-
const [open, setOpen] =
|
|
1882
|
-
const dropdownRef =
|
|
1883
|
-
|
|
1883
|
+
const [open, setOpen] = React49__namespace.useState(false);
|
|
1884
|
+
const dropdownRef = React49__namespace.useRef(null);
|
|
1885
|
+
React49__namespace.useEffect(() => {
|
|
1884
1886
|
function handleClickOutside(event) {
|
|
1885
1887
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
1886
1888
|
setOpen(false);
|
|
@@ -1959,9 +1961,9 @@ function DataTableDensityToggle({
|
|
|
1959
1961
|
className
|
|
1960
1962
|
}) {
|
|
1961
1963
|
const { density, setDensity } = useDataTableDensity();
|
|
1962
|
-
const [open, setOpen] =
|
|
1963
|
-
const dropdownRef =
|
|
1964
|
-
|
|
1964
|
+
const [open, setOpen] = React49__namespace.useState(false);
|
|
1965
|
+
const dropdownRef = React49__namespace.useRef(null);
|
|
1966
|
+
React49__namespace.useEffect(() => {
|
|
1965
1967
|
function handleClickOutside(event) {
|
|
1966
1968
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
1967
1969
|
setOpen(false);
|
|
@@ -2140,9 +2142,9 @@ function DataTableExport({
|
|
|
2140
2142
|
className
|
|
2141
2143
|
}) {
|
|
2142
2144
|
const table = useDataTable();
|
|
2143
|
-
const [open, setOpen] =
|
|
2144
|
-
const dropdownRef =
|
|
2145
|
-
|
|
2145
|
+
const [open, setOpen] = React49__namespace.useState(false);
|
|
2146
|
+
const dropdownRef = React49__namespace.useRef(null);
|
|
2147
|
+
React49__namespace.useEffect(() => {
|
|
2146
2148
|
function handleClickOutside(event) {
|
|
2147
2149
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
2148
2150
|
setOpen(false);
|
|
@@ -2153,7 +2155,7 @@ function DataTableExport({
|
|
|
2153
2155
|
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
2154
2156
|
}
|
|
2155
2157
|
}, [open]);
|
|
2156
|
-
const handleExport =
|
|
2158
|
+
const handleExport = React49__namespace.useCallback((format) => {
|
|
2157
2159
|
const visibleColumns = table.getVisibleLeafColumns();
|
|
2158
2160
|
const rows = table.getFilteredRowModel().rows;
|
|
2159
2161
|
const headers = [];
|
|
@@ -2256,7 +2258,7 @@ function DataTableTabs({
|
|
|
2256
2258
|
onValueChange,
|
|
2257
2259
|
className
|
|
2258
2260
|
}) {
|
|
2259
|
-
const [internalValue, setInternalValue] =
|
|
2261
|
+
const [internalValue, setInternalValue] = React49__namespace.useState(defaultValue ?? tabs[0]?.value);
|
|
2260
2262
|
const activeValue = value ?? internalValue;
|
|
2261
2263
|
const handleTabClick = (tabValue) => {
|
|
2262
2264
|
if (value === void 0) {
|
|
@@ -2343,8 +2345,8 @@ var Dialog = DialogPrimitive__namespace.Root;
|
|
|
2343
2345
|
var DialogTrigger = DialogPrimitive__namespace.Trigger;
|
|
2344
2346
|
var DialogPortal = DialogPrimitive__namespace.Portal;
|
|
2345
2347
|
var DialogClose = DialogPrimitive__namespace.Close;
|
|
2346
|
-
var DialogOverlay =
|
|
2347
|
-
|
|
2348
|
+
var DialogOverlay = React49__namespace.memo(
|
|
2349
|
+
React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2348
2350
|
DialogPrimitive__namespace.Overlay,
|
|
2349
2351
|
{
|
|
2350
2352
|
ref,
|
|
@@ -2391,8 +2393,8 @@ var dialogContentVariants = classVarianceAuthority.cva(
|
|
|
2391
2393
|
}
|
|
2392
2394
|
}
|
|
2393
2395
|
);
|
|
2394
|
-
var DialogContent =
|
|
2395
|
-
|
|
2396
|
+
var DialogContent = React49__namespace.memo(
|
|
2397
|
+
React49__namespace.forwardRef(({ className, children, showCloseButton = true, size, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
|
|
2396
2398
|
/* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
|
|
2397
2399
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2398
2400
|
DialogPrimitive__namespace.Content,
|
|
@@ -2412,7 +2414,7 @@ var DialogContent = React48__namespace.memo(
|
|
|
2412
2414
|
] }))
|
|
2413
2415
|
);
|
|
2414
2416
|
DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
|
|
2415
|
-
var DialogHeader =
|
|
2417
|
+
var DialogHeader = React49__namespace.memo(
|
|
2416
2418
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2417
2419
|
"div",
|
|
2418
2420
|
{
|
|
@@ -2425,7 +2427,7 @@ var DialogHeader = React48__namespace.memo(
|
|
|
2425
2427
|
)
|
|
2426
2428
|
);
|
|
2427
2429
|
DialogHeader.displayName = "DialogHeader";
|
|
2428
|
-
var DialogFooter =
|
|
2430
|
+
var DialogFooter = React49__namespace.memo(
|
|
2429
2431
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2430
2432
|
"div",
|
|
2431
2433
|
{
|
|
@@ -2438,8 +2440,8 @@ var DialogFooter = React48__namespace.memo(
|
|
|
2438
2440
|
)
|
|
2439
2441
|
);
|
|
2440
2442
|
DialogFooter.displayName = "DialogFooter";
|
|
2441
|
-
var DialogTitle =
|
|
2442
|
-
|
|
2443
|
+
var DialogTitle = React49__namespace.memo(
|
|
2444
|
+
React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2443
2445
|
DialogPrimitive__namespace.Title,
|
|
2444
2446
|
{
|
|
2445
2447
|
ref,
|
|
@@ -2452,8 +2454,8 @@ var DialogTitle = React48__namespace.memo(
|
|
|
2452
2454
|
))
|
|
2453
2455
|
);
|
|
2454
2456
|
DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
|
|
2455
|
-
var DialogDescription =
|
|
2456
|
-
|
|
2457
|
+
var DialogDescription = React49__namespace.memo(
|
|
2458
|
+
React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2457
2459
|
DialogPrimitive__namespace.Description,
|
|
2458
2460
|
{
|
|
2459
2461
|
ref,
|
|
@@ -2463,7 +2465,7 @@ var DialogDescription = React48__namespace.memo(
|
|
|
2463
2465
|
))
|
|
2464
2466
|
);
|
|
2465
2467
|
DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
|
|
2466
|
-
var DialogBody =
|
|
2468
|
+
var DialogBody = React49__namespace.memo(
|
|
2467
2469
|
({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex-1 overflow-y-auto py-2", className), ...props })
|
|
2468
2470
|
);
|
|
2469
2471
|
DialogBody.displayName = "DialogBody";
|
|
@@ -2494,7 +2496,7 @@ var COLOR_MAP = {
|
|
|
2494
2496
|
accent: "border-accent",
|
|
2495
2497
|
muted: "border-muted"
|
|
2496
2498
|
};
|
|
2497
|
-
var RippleRing =
|
|
2499
|
+
var RippleRing = React49__namespace.memo(({ size, color, opacity }) => {
|
|
2498
2500
|
const borderColorClass = COLOR_MAP[color] || COLOR_MAP.primary;
|
|
2499
2501
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2500
2502
|
"div",
|
|
@@ -2513,7 +2515,7 @@ var RippleRing = React48__namespace.memo(({ size, color, opacity }) => {
|
|
|
2513
2515
|
);
|
|
2514
2516
|
});
|
|
2515
2517
|
RippleRing.displayName = "RippleRing";
|
|
2516
|
-
var RippleEffect =
|
|
2518
|
+
var RippleEffect = React49__namespace.memo(
|
|
2517
2519
|
({
|
|
2518
2520
|
size = "md",
|
|
2519
2521
|
color = "primary",
|
|
@@ -2525,7 +2527,7 @@ var RippleEffect = React48__namespace.memo(
|
|
|
2525
2527
|
const { base, increment } = SIZE_CONFIG[size];
|
|
2526
2528
|
const opacities = INTENSITY_CONFIG[intensity];
|
|
2527
2529
|
const positionClasses = POSITION_CONFIG[position];
|
|
2528
|
-
const rippleRings =
|
|
2530
|
+
const rippleRings = React49__namespace.useMemo(
|
|
2529
2531
|
() => Array.from({ length: rings }).map((_, index) => {
|
|
2530
2532
|
const ringSize = base + increment * (rings - index - 1);
|
|
2531
2533
|
const opacity = opacities[index] || opacities[opacities.length - 1];
|
|
@@ -2555,7 +2557,7 @@ var RippleEffect = React48__namespace.memo(
|
|
|
2555
2557
|
}
|
|
2556
2558
|
);
|
|
2557
2559
|
RippleEffect.displayName = "RippleEffect";
|
|
2558
|
-
var RippleWrapper =
|
|
2560
|
+
var RippleWrapper = React49__namespace.memo(
|
|
2559
2561
|
({ children, rippleProps, className }) => {
|
|
2560
2562
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
|
|
2561
2563
|
rippleProps && /* @__PURE__ */ jsxRuntime.jsx(RippleEffect, { ...rippleProps }),
|
|
@@ -2564,7 +2566,7 @@ var RippleWrapper = React48__namespace.memo(
|
|
|
2564
2566
|
}
|
|
2565
2567
|
);
|
|
2566
2568
|
RippleWrapper.displayName = "RippleWrapper";
|
|
2567
|
-
var RippleBackground =
|
|
2569
|
+
var RippleBackground = React49__namespace.memo(
|
|
2568
2570
|
({ containerClassName, ...rippleProps }) => {
|
|
2569
2571
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2570
2572
|
"div",
|
|
@@ -2630,7 +2632,7 @@ var statusIndicatorVariants = classVarianceAuthority.cva(
|
|
|
2630
2632
|
}
|
|
2631
2633
|
}
|
|
2632
2634
|
);
|
|
2633
|
-
var DialogWrapper =
|
|
2635
|
+
var DialogWrapper = React49__namespace.memo(
|
|
2634
2636
|
({
|
|
2635
2637
|
children,
|
|
2636
2638
|
className,
|
|
@@ -2643,7 +2645,7 @@ var DialogWrapper = React48__namespace.memo(
|
|
|
2643
2645
|
rippleProps,
|
|
2644
2646
|
...props
|
|
2645
2647
|
}) => {
|
|
2646
|
-
const defaultRippleProps =
|
|
2648
|
+
const defaultRippleProps = React49__namespace.useMemo(
|
|
2647
2649
|
() => ({
|
|
2648
2650
|
size: size === "sm" ? "md" : size === "lg" ? "xl" : "lg",
|
|
2649
2651
|
color: variant === "secondary" ? "secondary" : variant === "accent" ? "accent" : "primary",
|
|
@@ -2653,7 +2655,7 @@ var DialogWrapper = React48__namespace.memo(
|
|
|
2653
2655
|
}),
|
|
2654
2656
|
[size, variant, rippleProps]
|
|
2655
2657
|
);
|
|
2656
|
-
const backgroundRippleProps =
|
|
2658
|
+
const backgroundRippleProps = React49__namespace.useMemo(
|
|
2657
2659
|
() => ({
|
|
2658
2660
|
position: "top-right",
|
|
2659
2661
|
size: "xl",
|
|
@@ -2756,7 +2758,7 @@ var Toaster = ({ ...props }) => {
|
|
|
2756
2758
|
}
|
|
2757
2759
|
);
|
|
2758
2760
|
};
|
|
2759
|
-
var CustomToast =
|
|
2761
|
+
var CustomToast = React49__namespace.memo(
|
|
2760
2762
|
({ title, description, variant = "default", action, onClose }) => {
|
|
2761
2763
|
const variantStyles = toastVariants[variant];
|
|
2762
2764
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -2892,8 +2894,8 @@ var thumbVariants = classVarianceAuthority.cva(
|
|
|
2892
2894
|
}
|
|
2893
2895
|
}
|
|
2894
2896
|
);
|
|
2895
|
-
var Switch =
|
|
2896
|
-
|
|
2897
|
+
var Switch = React49__namespace.memo(
|
|
2898
|
+
React49__namespace.forwardRef(({ className, variant, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2897
2899
|
SwitchPrimitives__namespace.Root,
|
|
2898
2900
|
{
|
|
2899
2901
|
className: cn(switchVariants({ variant, size, className })),
|
|
@@ -2924,8 +2926,8 @@ var textareaVariants = classVarianceAuthority.cva(
|
|
|
2924
2926
|
}
|
|
2925
2927
|
}
|
|
2926
2928
|
);
|
|
2927
|
-
var Textarea =
|
|
2928
|
-
|
|
2929
|
+
var Textarea = React49__namespace.memo(
|
|
2930
|
+
React49__namespace.forwardRef(
|
|
2929
2931
|
({
|
|
2930
2932
|
className,
|
|
2931
2933
|
variant,
|
|
@@ -2940,12 +2942,12 @@ var Textarea = React48__namespace.memo(
|
|
|
2940
2942
|
onChange,
|
|
2941
2943
|
...props
|
|
2942
2944
|
}, ref) => {
|
|
2943
|
-
const textareaRef =
|
|
2944
|
-
|
|
2945
|
-
const focusTextarea =
|
|
2945
|
+
const textareaRef = React49__namespace.useRef(null);
|
|
2946
|
+
React49__namespace.useImperativeHandle(ref, () => textareaRef.current, []);
|
|
2947
|
+
const focusTextarea = React49__namespace.useCallback(() => {
|
|
2946
2948
|
textareaRef.current?.focus();
|
|
2947
2949
|
}, []);
|
|
2948
|
-
const handleChange =
|
|
2950
|
+
const handleChange = React49__namespace.useCallback(
|
|
2949
2951
|
(e) => {
|
|
2950
2952
|
if (autoResize && textareaRef.current) {
|
|
2951
2953
|
textareaRef.current.style.height = "auto";
|
|
@@ -2955,7 +2957,7 @@ var Textarea = React48__namespace.memo(
|
|
|
2955
2957
|
},
|
|
2956
2958
|
[autoResize, onChange]
|
|
2957
2959
|
);
|
|
2958
|
-
|
|
2960
|
+
React49__namespace.useEffect(() => {
|
|
2959
2961
|
if (autoResize && textareaRef.current) {
|
|
2960
2962
|
textareaRef.current.style.height = "auto";
|
|
2961
2963
|
textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
|
|
@@ -3006,23 +3008,23 @@ var Textarea = React48__namespace.memo(
|
|
|
3006
3008
|
)
|
|
3007
3009
|
);
|
|
3008
3010
|
Textarea.displayName = "Textarea";
|
|
3009
|
-
var FormFieldContext =
|
|
3011
|
+
var FormFieldContext = React49__namespace.createContext(null);
|
|
3010
3012
|
function useFormFieldContext() {
|
|
3011
|
-
const context =
|
|
3013
|
+
const context = React49__namespace.useContext(FormFieldContext);
|
|
3012
3014
|
if (!context) {
|
|
3013
3015
|
throw new Error("useFormFieldContext must be used within a Form.Field");
|
|
3014
3016
|
}
|
|
3015
3017
|
return context;
|
|
3016
3018
|
}
|
|
3017
3019
|
function useFormFieldContextOptional() {
|
|
3018
|
-
return
|
|
3020
|
+
return React49__namespace.useContext(FormFieldContext);
|
|
3019
3021
|
}
|
|
3020
3022
|
function FormFieldProvider({ name, children }) {
|
|
3021
3023
|
const form = reactHookForm.useFormContext();
|
|
3022
|
-
const id =
|
|
3024
|
+
const id = React49__namespace.useId();
|
|
3023
3025
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3024
3026
|
const error = fieldState.error?.message;
|
|
3025
|
-
const value =
|
|
3027
|
+
const value = React49__namespace.useMemo(
|
|
3026
3028
|
() => ({
|
|
3027
3029
|
name,
|
|
3028
3030
|
id,
|
|
@@ -3130,7 +3132,7 @@ function FormInput({
|
|
|
3130
3132
|
const form = reactHookForm.useFormContext();
|
|
3131
3133
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3132
3134
|
const error = fieldState.error?.message;
|
|
3133
|
-
const getInputType =
|
|
3135
|
+
const getInputType = React49__namespace.useCallback(() => {
|
|
3134
3136
|
if (["money", "percent", "phone", "cpf", "cnpj", "cep"].includes(mask || "")) {
|
|
3135
3137
|
return "tel";
|
|
3136
3138
|
}
|
|
@@ -3326,7 +3328,7 @@ function FormCheckbox({
|
|
|
3326
3328
|
const form = reactHookForm.useFormContext();
|
|
3327
3329
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3328
3330
|
const error = fieldState.error?.message;
|
|
3329
|
-
const id =
|
|
3331
|
+
const id = React49__namespace.useId();
|
|
3330
3332
|
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3331
3333
|
reactHookForm.Controller,
|
|
3332
3334
|
{
|
|
@@ -3381,7 +3383,7 @@ function FormSwitch({
|
|
|
3381
3383
|
const form = reactHookForm.useFormContext();
|
|
3382
3384
|
const fieldState = form.getFieldState(name, form.formState);
|
|
3383
3385
|
const error = fieldState.error?.message;
|
|
3384
|
-
const id =
|
|
3386
|
+
const id = React49__namespace.useId();
|
|
3385
3387
|
return /* @__PURE__ */ jsxRuntime.jsx(FormFieldProvider, { name, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3386
3388
|
reactHookForm.Controller,
|
|
3387
3389
|
{
|
|
@@ -3498,25 +3500,21 @@ function FormRadioGroup({
|
|
|
3498
3500
|
const color = option.color || "default";
|
|
3499
3501
|
const styles = colorStyles[color];
|
|
3500
3502
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3501
|
-
"
|
|
3503
|
+
"label",
|
|
3502
3504
|
{
|
|
3505
|
+
htmlFor: optionId,
|
|
3503
3506
|
className: cn(
|
|
3504
3507
|
"flex items-center gap-3 border-2 py-2 px-4 rounded-lg transition-colors cursor-pointer",
|
|
3505
3508
|
isSelected ? cn(styles.border, styles.bg) : "border-border hover:border-muted-foreground/50",
|
|
3506
|
-
option.disabled && "opacity-50 cursor-not-allowed"
|
|
3509
|
+
(option.disabled || disabled) && "opacity-50 cursor-not-allowed"
|
|
3507
3510
|
),
|
|
3508
|
-
onClick: () => {
|
|
3509
|
-
if (!option.disabled && !disabled) {
|
|
3510
|
-
field.onChange(option.value);
|
|
3511
|
-
}
|
|
3512
|
-
},
|
|
3513
3511
|
children: [
|
|
3514
3512
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3515
3513
|
RadioGroupPrimitive__namespace.Item,
|
|
3516
3514
|
{
|
|
3517
3515
|
id: optionId,
|
|
3518
3516
|
value: option.value,
|
|
3519
|
-
disabled: option.disabled,
|
|
3517
|
+
disabled: option.disabled || disabled,
|
|
3520
3518
|
className: cn(
|
|
3521
3519
|
"aspect-square h-4 w-4 rounded-full border",
|
|
3522
3520
|
isSelected ? styles.radio : "border-border text-muted-foreground",
|
|
@@ -3528,18 +3526,16 @@ function FormRadioGroup({
|
|
|
3528
3526
|
),
|
|
3529
3527
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-0.5 leading-none", children: [
|
|
3530
3528
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3531
|
-
"
|
|
3529
|
+
"span",
|
|
3532
3530
|
{
|
|
3533
|
-
htmlFor: optionId,
|
|
3534
3531
|
className: cn(
|
|
3535
|
-
"text-sm font-medium leading-none
|
|
3536
|
-
isSelected && styles.text
|
|
3537
|
-
option.disabled && "cursor-not-allowed"
|
|
3532
|
+
"text-sm font-medium leading-none",
|
|
3533
|
+
isSelected && styles.text
|
|
3538
3534
|
),
|
|
3539
3535
|
children: option.label
|
|
3540
3536
|
}
|
|
3541
3537
|
),
|
|
3542
|
-
option.description && /* @__PURE__ */ jsxRuntime.jsx("
|
|
3538
|
+
option.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: option.description })
|
|
3543
3539
|
] })
|
|
3544
3540
|
]
|
|
3545
3541
|
},
|
|
@@ -3554,7 +3550,7 @@ function FormRadioGroup({
|
|
|
3554
3550
|
) });
|
|
3555
3551
|
}
|
|
3556
3552
|
FormRadioGroup.displayName = "Form.RadioGroup";
|
|
3557
|
-
var FormLabel =
|
|
3553
|
+
var FormLabel = React49__namespace.forwardRef(
|
|
3558
3554
|
({ className, required, children, ...props }, ref) => {
|
|
3559
3555
|
const fieldContext = useFormFieldContextOptional();
|
|
3560
3556
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3577,7 +3573,7 @@ var FormLabel = React48__namespace.forwardRef(
|
|
|
3577
3573
|
}
|
|
3578
3574
|
);
|
|
3579
3575
|
FormLabel.displayName = "Form.Label";
|
|
3580
|
-
var FormDescription =
|
|
3576
|
+
var FormDescription = React49__namespace.forwardRef(({ className, ...props }, ref) => {
|
|
3581
3577
|
const fieldContext = useFormFieldContextOptional();
|
|
3582
3578
|
if (fieldContext?.error) {
|
|
3583
3579
|
return null;
|
|
@@ -3592,7 +3588,7 @@ var FormDescription = React48__namespace.forwardRef(({ className, ...props }, re
|
|
|
3592
3588
|
);
|
|
3593
3589
|
});
|
|
3594
3590
|
FormDescription.displayName = "Form.Description";
|
|
3595
|
-
var FormError =
|
|
3591
|
+
var FormError = React49__namespace.forwardRef(
|
|
3596
3592
|
({ className, message, children, ...props }, ref) => {
|
|
3597
3593
|
const fieldContext = useFormFieldContextOptional();
|
|
3598
3594
|
const errorMessage = message ?? fieldContext?.error;
|
|
@@ -3611,7 +3607,7 @@ var FormError = React48__namespace.forwardRef(
|
|
|
3611
3607
|
}
|
|
3612
3608
|
);
|
|
3613
3609
|
FormError.displayName = "Form.Error";
|
|
3614
|
-
var FormFieldWrapper =
|
|
3610
|
+
var FormFieldWrapper = React49__namespace.forwardRef(({ className, label, description, required, error, children, ...props }, ref) => {
|
|
3615
3611
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-1", className), ...props, children: [
|
|
3616
3612
|
label && /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { required, children: label }),
|
|
3617
3613
|
children,
|
|
@@ -3654,7 +3650,7 @@ var Form = Object.assign(FormRoot, {
|
|
|
3654
3650
|
FieldWrapper: FormFieldWrapper,
|
|
3655
3651
|
Field: FormFieldProvider
|
|
3656
3652
|
});
|
|
3657
|
-
var Avatar =
|
|
3653
|
+
var Avatar = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3658
3654
|
AvatarPrimitive__namespace.Root,
|
|
3659
3655
|
{
|
|
3660
3656
|
ref,
|
|
@@ -3666,7 +3662,7 @@ var Avatar = React48__namespace.forwardRef(({ className, ...props }, ref) => /*
|
|
|
3666
3662
|
}
|
|
3667
3663
|
));
|
|
3668
3664
|
Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
|
|
3669
|
-
var AvatarImage =
|
|
3665
|
+
var AvatarImage = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3670
3666
|
AvatarPrimitive__namespace.Image,
|
|
3671
3667
|
{
|
|
3672
3668
|
ref,
|
|
@@ -3675,7 +3671,7 @@ var AvatarImage = React48__namespace.forwardRef(({ className, ...props }, ref) =
|
|
|
3675
3671
|
}
|
|
3676
3672
|
));
|
|
3677
3673
|
AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
|
|
3678
|
-
var AvatarFallback =
|
|
3674
|
+
var AvatarFallback = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3679
3675
|
AvatarPrimitive__namespace.Fallback,
|
|
3680
3676
|
{
|
|
3681
3677
|
ref,
|
|
@@ -3693,7 +3689,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
|
|
|
3693
3689
|
var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
|
|
3694
3690
|
var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
|
|
3695
3691
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
|
|
3696
|
-
var DropdownMenuSubTrigger =
|
|
3692
|
+
var DropdownMenuSubTrigger = React49__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3697
3693
|
DropdownMenuPrimitive__namespace.SubTrigger,
|
|
3698
3694
|
{
|
|
3699
3695
|
ref,
|
|
@@ -3710,7 +3706,7 @@ var DropdownMenuSubTrigger = React48__namespace.forwardRef(({ className, inset,
|
|
|
3710
3706
|
}
|
|
3711
3707
|
));
|
|
3712
3708
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
|
|
3713
|
-
var DropdownMenuSubContent =
|
|
3709
|
+
var DropdownMenuSubContent = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3714
3710
|
DropdownMenuPrimitive__namespace.SubContent,
|
|
3715
3711
|
{
|
|
3716
3712
|
ref,
|
|
@@ -3722,7 +3718,7 @@ var DropdownMenuSubContent = React48__namespace.forwardRef(({ className, ...prop
|
|
|
3722
3718
|
}
|
|
3723
3719
|
));
|
|
3724
3720
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
|
|
3725
|
-
var DropdownMenuContent =
|
|
3721
|
+
var DropdownMenuContent = React49__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3726
3722
|
DropdownMenuPrimitive__namespace.Content,
|
|
3727
3723
|
{
|
|
3728
3724
|
ref,
|
|
@@ -3735,7 +3731,7 @@ var DropdownMenuContent = React48__namespace.forwardRef(({ className, sideOffset
|
|
|
3735
3731
|
}
|
|
3736
3732
|
) }));
|
|
3737
3733
|
DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
|
|
3738
|
-
var DropdownMenuItem =
|
|
3734
|
+
var DropdownMenuItem = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3739
3735
|
DropdownMenuPrimitive__namespace.Item,
|
|
3740
3736
|
{
|
|
3741
3737
|
ref,
|
|
@@ -3748,7 +3744,7 @@ var DropdownMenuItem = React48__namespace.forwardRef(({ className, inset, ...pro
|
|
|
3748
3744
|
}
|
|
3749
3745
|
));
|
|
3750
3746
|
DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
|
|
3751
|
-
var DropdownMenuCheckboxItem =
|
|
3747
|
+
var DropdownMenuCheckboxItem = React49__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3752
3748
|
DropdownMenuPrimitive__namespace.CheckboxItem,
|
|
3753
3749
|
{
|
|
3754
3750
|
ref,
|
|
@@ -3765,7 +3761,7 @@ var DropdownMenuCheckboxItem = React48__namespace.forwardRef(({ className, child
|
|
|
3765
3761
|
}
|
|
3766
3762
|
));
|
|
3767
3763
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
|
|
3768
|
-
var DropdownMenuRadioItem =
|
|
3764
|
+
var DropdownMenuRadioItem = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3769
3765
|
DropdownMenuPrimitive__namespace.RadioItem,
|
|
3770
3766
|
{
|
|
3771
3767
|
ref,
|
|
@@ -3781,7 +3777,7 @@ var DropdownMenuRadioItem = React48__namespace.forwardRef(({ className, children
|
|
|
3781
3777
|
}
|
|
3782
3778
|
));
|
|
3783
3779
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
|
|
3784
|
-
var DropdownMenuLabel =
|
|
3780
|
+
var DropdownMenuLabel = React49__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3785
3781
|
DropdownMenuPrimitive__namespace.Label,
|
|
3786
3782
|
{
|
|
3787
3783
|
ref,
|
|
@@ -3794,7 +3790,7 @@ var DropdownMenuLabel = React48__namespace.forwardRef(({ className, inset, ...pr
|
|
|
3794
3790
|
}
|
|
3795
3791
|
));
|
|
3796
3792
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
|
|
3797
|
-
var DropdownMenuSeparator =
|
|
3793
|
+
var DropdownMenuSeparator = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3798
3794
|
DropdownMenuPrimitive__namespace.Separator,
|
|
3799
3795
|
{
|
|
3800
3796
|
ref,
|
|
@@ -3818,7 +3814,7 @@ var DropdownMenuShortcut = ({
|
|
|
3818
3814
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
3819
3815
|
var Popover = PopoverPrimitive__namespace.Root;
|
|
3820
3816
|
var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
|
|
3821
|
-
var PopoverContent =
|
|
3817
|
+
var PopoverContent = React49__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3822
3818
|
PopoverPrimitive__namespace.Content,
|
|
3823
3819
|
{
|
|
3824
3820
|
ref,
|
|
@@ -3832,14 +3828,210 @@ var PopoverContent = React48__namespace.forwardRef(({ className, align = "center
|
|
|
3832
3828
|
}
|
|
3833
3829
|
) }));
|
|
3834
3830
|
PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
|
|
3835
|
-
var
|
|
3831
|
+
var TooltipProvider = TooltipPrimitive__namespace.Provider;
|
|
3832
|
+
var TooltipRoot = TooltipPrimitive__namespace.Root;
|
|
3833
|
+
var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
|
|
3834
|
+
var TooltipPortal = TooltipPrimitive__namespace.Portal;
|
|
3835
|
+
var TooltipArrow = React49__namespace.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3836
|
+
TooltipPrimitive__namespace.Arrow,
|
|
3837
|
+
{
|
|
3838
|
+
ref,
|
|
3839
|
+
className: cn(
|
|
3840
|
+
"z-50",
|
|
3841
|
+
variant === "dark" ? "fill-slate-900" : "fill-white",
|
|
3842
|
+
className
|
|
3843
|
+
),
|
|
3844
|
+
...props
|
|
3845
|
+
}
|
|
3846
|
+
));
|
|
3847
|
+
TooltipArrow.displayName = "TooltipArrow";
|
|
3848
|
+
var tooltipContentVariants = classVarianceAuthority.cva(
|
|
3849
|
+
"z-50 overflow-hidden rounded-lg shadow-lg outline-none animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
3850
|
+
{
|
|
3851
|
+
variants: {
|
|
3852
|
+
variant: {
|
|
3853
|
+
light: "bg-white text-slate-900 border border-slate-200",
|
|
3854
|
+
dark: "bg-slate-900 text-white border border-slate-800"
|
|
3855
|
+
},
|
|
3856
|
+
size: {
|
|
3857
|
+
sm: "max-w-[200px] p-2",
|
|
3858
|
+
md: "max-w-[280px] p-3",
|
|
3859
|
+
lg: "max-w-[360px] p-4"
|
|
3860
|
+
}
|
|
3861
|
+
},
|
|
3862
|
+
defaultVariants: {
|
|
3863
|
+
variant: "light",
|
|
3864
|
+
size: "md"
|
|
3865
|
+
}
|
|
3866
|
+
}
|
|
3867
|
+
);
|
|
3868
|
+
var TooltipContent = React49__namespace.forwardRef(
|
|
3869
|
+
({
|
|
3870
|
+
className,
|
|
3871
|
+
variant = "light",
|
|
3872
|
+
size = "md",
|
|
3873
|
+
sideOffset = 8,
|
|
3874
|
+
showArrow = true,
|
|
3875
|
+
onDismiss,
|
|
3876
|
+
children,
|
|
3877
|
+
...props
|
|
3878
|
+
}, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3879
|
+
TooltipPrimitive__namespace.Content,
|
|
3880
|
+
{
|
|
3881
|
+
ref,
|
|
3882
|
+
sideOffset,
|
|
3883
|
+
className: cn(tooltipContentVariants({ variant, size }), className),
|
|
3884
|
+
...props,
|
|
3885
|
+
children: [
|
|
3886
|
+
onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3887
|
+
"button",
|
|
3888
|
+
{
|
|
3889
|
+
onClick: onDismiss,
|
|
3890
|
+
className: cn(
|
|
3891
|
+
"absolute top-2 right-2 p-1 rounded-full transition-colors",
|
|
3892
|
+
variant === "dark" ? "hover:bg-slate-800 text-slate-400 hover:text-white" : "hover:bg-slate-100 text-slate-400 hover:text-slate-600"
|
|
3893
|
+
),
|
|
3894
|
+
"aria-label": "Fechar",
|
|
3895
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
|
|
3896
|
+
}
|
|
3897
|
+
),
|
|
3898
|
+
children,
|
|
3899
|
+
showArrow && /* @__PURE__ */ jsxRuntime.jsx(TooltipArrow, { variant: variant ?? "light", width: 12, height: 6 })
|
|
3900
|
+
]
|
|
3901
|
+
}
|
|
3902
|
+
) })
|
|
3903
|
+
);
|
|
3904
|
+
TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
|
|
3905
|
+
var TooltipHeader = React49__namespace.forwardRef(
|
|
3906
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-1", className), ...props })
|
|
3907
|
+
);
|
|
3908
|
+
TooltipHeader.displayName = "TooltipHeader";
|
|
3909
|
+
var TooltipTitle = React49__namespace.forwardRef(
|
|
3910
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3911
|
+
"h4",
|
|
3912
|
+
{
|
|
3913
|
+
ref,
|
|
3914
|
+
className: cn("text-sm font-semibold leading-tight", className),
|
|
3915
|
+
...props
|
|
3916
|
+
}
|
|
3917
|
+
)
|
|
3918
|
+
);
|
|
3919
|
+
TooltipTitle.displayName = "TooltipTitle";
|
|
3920
|
+
var TooltipDescription = React49__namespace.forwardRef(({ className, variant = "light", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3921
|
+
"p",
|
|
3922
|
+
{
|
|
3923
|
+
ref,
|
|
3924
|
+
className: cn(
|
|
3925
|
+
"text-xs leading-relaxed",
|
|
3926
|
+
variant === "dark" ? "text-slate-300" : "text-slate-500",
|
|
3927
|
+
className
|
|
3928
|
+
),
|
|
3929
|
+
...props
|
|
3930
|
+
}
|
|
3931
|
+
));
|
|
3932
|
+
TooltipDescription.displayName = "TooltipDescription";
|
|
3933
|
+
var TooltipActions = React49__namespace.forwardRef(
|
|
3934
|
+
({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3935
|
+
"div",
|
|
3936
|
+
{
|
|
3937
|
+
ref,
|
|
3938
|
+
className: cn("flex items-center gap-2 mt-3", className),
|
|
3939
|
+
...props
|
|
3940
|
+
}
|
|
3941
|
+
)
|
|
3942
|
+
);
|
|
3943
|
+
TooltipActions.displayName = "TooltipActions";
|
|
3944
|
+
var tooltipActionVariants = classVarianceAuthority.cva(
|
|
3945
|
+
"inline-flex items-center justify-center text-xs font-medium rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
3946
|
+
{
|
|
3947
|
+
variants: {
|
|
3948
|
+
variant: {
|
|
3949
|
+
primary: "bg-slate-900 text-white hover:bg-slate-800 px-3 py-1.5",
|
|
3950
|
+
secondary: "bg-transparent text-slate-600 hover:text-slate-900 hover:underline px-2 py-1.5",
|
|
3951
|
+
"primary-dark": "bg-white text-slate-900 hover:bg-slate-100 px-3 py-1.5",
|
|
3952
|
+
"secondary-dark": "bg-transparent text-slate-300 hover:text-white hover:underline px-2 py-1.5",
|
|
3953
|
+
outline: "border border-slate-200 bg-white text-slate-900 hover:bg-slate-50 px-3 py-1.5",
|
|
3954
|
+
"outline-dark": "border border-slate-700 bg-transparent text-white hover:bg-slate-800 px-3 py-1.5"
|
|
3955
|
+
}
|
|
3956
|
+
},
|
|
3957
|
+
defaultVariants: {
|
|
3958
|
+
variant: "primary"
|
|
3959
|
+
}
|
|
3960
|
+
}
|
|
3961
|
+
);
|
|
3962
|
+
var TooltipAction = React49__namespace.forwardRef(
|
|
3963
|
+
({ className, variant = "primary", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3964
|
+
"button",
|
|
3965
|
+
{
|
|
3966
|
+
ref,
|
|
3967
|
+
className: cn(tooltipActionVariants({ variant }), className),
|
|
3968
|
+
...props
|
|
3969
|
+
}
|
|
3970
|
+
)
|
|
3971
|
+
);
|
|
3972
|
+
TooltipAction.displayName = "TooltipAction";
|
|
3973
|
+
var TooltipIcon = React49__namespace.forwardRef(
|
|
3974
|
+
({ className, variant = "light", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3975
|
+
"div",
|
|
3976
|
+
{
|
|
3977
|
+
ref,
|
|
3978
|
+
className: cn(
|
|
3979
|
+
"flex items-center justify-center w-10 h-10 rounded-full mb-3",
|
|
3980
|
+
variant === "dark" ? "bg-slate-800" : "bg-slate-100",
|
|
3981
|
+
className
|
|
3982
|
+
),
|
|
3983
|
+
...props,
|
|
3984
|
+
children
|
|
3985
|
+
}
|
|
3986
|
+
)
|
|
3987
|
+
);
|
|
3988
|
+
TooltipIcon.displayName = "TooltipIcon";
|
|
3989
|
+
var SimpleTooltip = ({
|
|
3990
|
+
children,
|
|
3991
|
+
content,
|
|
3992
|
+
variant = "light",
|
|
3993
|
+
side = "top",
|
|
3994
|
+
align = "center",
|
|
3995
|
+
delayDuration = 200,
|
|
3996
|
+
open,
|
|
3997
|
+
defaultOpen,
|
|
3998
|
+
onOpenChange
|
|
3999
|
+
}) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4000
|
+
TooltipRoot,
|
|
4001
|
+
{
|
|
4002
|
+
open,
|
|
4003
|
+
defaultOpen,
|
|
4004
|
+
onOpenChange,
|
|
4005
|
+
delayDuration,
|
|
4006
|
+
children: [
|
|
4007
|
+
/* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children }),
|
|
4008
|
+
/* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { variant, side, align, size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: content }) })
|
|
4009
|
+
]
|
|
4010
|
+
}
|
|
4011
|
+
);
|
|
4012
|
+
SimpleTooltip.displayName = "SimpleTooltip";
|
|
4013
|
+
var Tooltip = Object.assign(TooltipRoot, {
|
|
4014
|
+
Provider: TooltipProvider,
|
|
4015
|
+
Trigger: TooltipTrigger,
|
|
4016
|
+
Portal: TooltipPortal,
|
|
4017
|
+
Content: TooltipContent,
|
|
4018
|
+
Arrow: TooltipArrow,
|
|
4019
|
+
Header: TooltipHeader,
|
|
4020
|
+
Title: TooltipTitle,
|
|
4021
|
+
Description: TooltipDescription,
|
|
4022
|
+
Actions: TooltipActions,
|
|
4023
|
+
Action: TooltipAction,
|
|
4024
|
+
Icon: TooltipIcon,
|
|
4025
|
+
Simple: SimpleTooltip
|
|
4026
|
+
});
|
|
4027
|
+
var AuthLayoutContext = React49__namespace.createContext({
|
|
3836
4028
|
imagePosition: "left"
|
|
3837
4029
|
});
|
|
3838
4030
|
function AuthLayoutRoot({ children, className }) {
|
|
3839
|
-
const [imagePosition, setImagePosition] =
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
if (
|
|
4031
|
+
const [imagePosition, setImagePosition] = React49__namespace.useState("left");
|
|
4032
|
+
React49__namespace.useEffect(() => {
|
|
4033
|
+
React49__namespace.Children.forEach(children, (child) => {
|
|
4034
|
+
if (React49__namespace.isValidElement(child) && child.type === AuthLayoutImage) {
|
|
3843
4035
|
setImagePosition(child.props.position || "left");
|
|
3844
4036
|
}
|
|
3845
4037
|
});
|
|
@@ -4037,7 +4229,7 @@ var AuthLayout = Object.assign(AuthLayoutRoot, {
|
|
|
4037
4229
|
Link: AuthLayoutLink,
|
|
4038
4230
|
Divider: AuthLayoutDivider
|
|
4039
4231
|
});
|
|
4040
|
-
var TabsContext =
|
|
4232
|
+
var TabsContext = React49__namespace.createContext(null);
|
|
4041
4233
|
function SelectionLayoutRoot({ children, className }) {
|
|
4042
4234
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("min-h-screen bg-muted/30 flex flex-col lg:flex-row", className), children });
|
|
4043
4235
|
}
|
|
@@ -4148,7 +4340,7 @@ function SelectionLayoutTab({
|
|
|
4148
4340
|
badge,
|
|
4149
4341
|
className
|
|
4150
4342
|
}) {
|
|
4151
|
-
const context =
|
|
4343
|
+
const context = React49__namespace.useContext(TabsContext);
|
|
4152
4344
|
if (!context) {
|
|
4153
4345
|
throw new Error("SelectionLayout.Tab must be used within SelectionLayout.Tabs");
|
|
4154
4346
|
}
|
|
@@ -4293,17 +4485,17 @@ var SelectionLayout = Object.assign(SelectionLayoutRoot, {
|
|
|
4293
4485
|
Card: SelectionLayoutCard,
|
|
4294
4486
|
Empty: SelectionLayoutEmpty
|
|
4295
4487
|
});
|
|
4296
|
-
var DashboardLayoutContext =
|
|
4488
|
+
var DashboardLayoutContext = React49__namespace.createContext(null);
|
|
4297
4489
|
function useDashboardLayout() {
|
|
4298
|
-
const context =
|
|
4490
|
+
const context = React49__namespace.useContext(DashboardLayoutContext);
|
|
4299
4491
|
if (!context) {
|
|
4300
4492
|
throw new Error("useDashboardLayout must be used within DashboardLayout");
|
|
4301
4493
|
}
|
|
4302
4494
|
return context;
|
|
4303
4495
|
}
|
|
4304
4496
|
function useMediaQuery(query) {
|
|
4305
|
-
const [matches, setMatches] =
|
|
4306
|
-
|
|
4497
|
+
const [matches, setMatches] = React49__namespace.useState(false);
|
|
4498
|
+
React49__namespace.useEffect(() => {
|
|
4307
4499
|
const media = window.matchMedia(query);
|
|
4308
4500
|
if (media.matches !== matches) {
|
|
4309
4501
|
setMatches(media.matches);
|
|
@@ -4320,11 +4512,11 @@ function DashboardLayoutRoot({
|
|
|
4320
4512
|
defaultExpanded = false,
|
|
4321
4513
|
defaultPinned = false
|
|
4322
4514
|
}) {
|
|
4323
|
-
const [sidebarExpanded, setSidebarExpanded] =
|
|
4324
|
-
const [sidebarPinned, setSidebarPinned] =
|
|
4325
|
-
const [mobileMenuOpen, setMobileMenuOpen] =
|
|
4515
|
+
const [sidebarExpanded, setSidebarExpanded] = React49__namespace.useState(defaultExpanded || defaultPinned);
|
|
4516
|
+
const [sidebarPinned, setSidebarPinned] = React49__namespace.useState(defaultPinned);
|
|
4517
|
+
const [mobileMenuOpen, setMobileMenuOpen] = React49__namespace.useState(false);
|
|
4326
4518
|
const isMobile = useMediaQuery("(max-width: 1024px)");
|
|
4327
|
-
|
|
4519
|
+
React49__namespace.useEffect(() => {
|
|
4328
4520
|
if (!isMobile) {
|
|
4329
4521
|
setMobileMenuOpen(false);
|
|
4330
4522
|
}
|
|
@@ -4465,7 +4657,7 @@ function DashboardLayoutSidebarNavItem({
|
|
|
4465
4657
|
};
|
|
4466
4658
|
const renderIcon4 = () => {
|
|
4467
4659
|
if (!icon) return null;
|
|
4468
|
-
if (
|
|
4660
|
+
if (React49__namespace.isValidElement(icon)) {
|
|
4469
4661
|
return icon;
|
|
4470
4662
|
}
|
|
4471
4663
|
if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
|
|
@@ -4520,7 +4712,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4520
4712
|
className
|
|
4521
4713
|
}) {
|
|
4522
4714
|
const { sidebarExpanded } = useDashboardLayout();
|
|
4523
|
-
const [isOpen, setIsOpen] =
|
|
4715
|
+
const [isOpen, setIsOpen] = React49__namespace.useState(defaultOpen);
|
|
4524
4716
|
const badgeColors = {
|
|
4525
4717
|
default: "bg-muted text-muted-foreground",
|
|
4526
4718
|
primary: "bg-primary/10 text-primary",
|
|
@@ -4528,7 +4720,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4528
4720
|
};
|
|
4529
4721
|
const renderIcon4 = () => {
|
|
4530
4722
|
if (!icon) return null;
|
|
4531
|
-
if (
|
|
4723
|
+
if (React49__namespace.isValidElement(icon)) {
|
|
4532
4724
|
return icon;
|
|
4533
4725
|
}
|
|
4534
4726
|
if (typeof icon === "function" || typeof icon === "object" && "$$typeof" in icon) {
|
|
@@ -4537,7 +4729,7 @@ function DashboardLayoutSidebarNavGroup({
|
|
|
4537
4729
|
}
|
|
4538
4730
|
return null;
|
|
4539
4731
|
};
|
|
4540
|
-
|
|
4732
|
+
React49__namespace.useEffect(() => {
|
|
4541
4733
|
if (isActive && sidebarExpanded) {
|
|
4542
4734
|
setIsOpen(true);
|
|
4543
4735
|
}
|
|
@@ -4641,7 +4833,7 @@ function DashboardLayoutHeaderUser({
|
|
|
4641
4833
|
children,
|
|
4642
4834
|
onLogout
|
|
4643
4835
|
}) {
|
|
4644
|
-
const [isOpen, setIsOpen] =
|
|
4836
|
+
const [isOpen, setIsOpen] = React49__namespace.useState(false);
|
|
4645
4837
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", className), children: [
|
|
4646
4838
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
4647
4839
|
"button",
|
|
@@ -4722,7 +4914,7 @@ function DashboardLayoutBreadcrumbs({
|
|
|
4722
4914
|
return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("flex items-center gap-1 text-sm", className), children: items.map((item, index) => {
|
|
4723
4915
|
const Icon2 = item.icon;
|
|
4724
4916
|
const isLast = index === items.length - 1;
|
|
4725
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4917
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React49__namespace.Fragment, { children: [
|
|
4726
4918
|
item.href && !isLast ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4727
4919
|
"a",
|
|
4728
4920
|
{
|
|
@@ -4825,23 +5017,23 @@ var DashboardLayout = Object.assign(DashboardLayoutRoot, {
|
|
|
4825
5017
|
MobileNav: DashboardLayoutMobileNav,
|
|
4826
5018
|
MobileNavItem: DashboardLayoutMobileNavItem
|
|
4827
5019
|
});
|
|
4828
|
-
var SidebarContext =
|
|
5020
|
+
var SidebarContext = React49__namespace.createContext(null);
|
|
4829
5021
|
function useSidebar() {
|
|
4830
|
-
const context =
|
|
5022
|
+
const context = React49__namespace.useContext(SidebarContext);
|
|
4831
5023
|
if (!context) {
|
|
4832
5024
|
throw new Error("useSidebar must be used within a Sidebar component");
|
|
4833
5025
|
}
|
|
4834
5026
|
return context;
|
|
4835
5027
|
}
|
|
4836
5028
|
function useSidebarOptional() {
|
|
4837
|
-
return
|
|
5029
|
+
return React49__namespace.useContext(SidebarContext);
|
|
4838
5030
|
}
|
|
4839
5031
|
function SidebarProvider({ children, value }) {
|
|
4840
5032
|
return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value, children });
|
|
4841
5033
|
}
|
|
4842
5034
|
function useMediaQuery2(query) {
|
|
4843
|
-
const [matches, setMatches] =
|
|
4844
|
-
|
|
5035
|
+
const [matches, setMatches] = React49__namespace.useState(false);
|
|
5036
|
+
React49__namespace.useEffect(() => {
|
|
4845
5037
|
if (typeof window === "undefined") return;
|
|
4846
5038
|
const mediaQuery = window.matchMedia(query);
|
|
4847
5039
|
setMatches(mediaQuery.matches);
|
|
@@ -4853,7 +5045,7 @@ function useMediaQuery2(query) {
|
|
|
4853
5045
|
}, [query]);
|
|
4854
5046
|
return matches;
|
|
4855
5047
|
}
|
|
4856
|
-
var SidebarHeader =
|
|
5048
|
+
var SidebarHeader = React49__namespace.memo(function SidebarHeader2({
|
|
4857
5049
|
logo,
|
|
4858
5050
|
collapsedLogo,
|
|
4859
5051
|
title,
|
|
@@ -4861,7 +5053,7 @@ var SidebarHeader = React48__namespace.memo(function SidebarHeader2({
|
|
|
4861
5053
|
className
|
|
4862
5054
|
}) {
|
|
4863
5055
|
const { expanded, pinned, setPinned } = useSidebar();
|
|
4864
|
-
const handleTogglePin =
|
|
5056
|
+
const handleTogglePin = React49__namespace.useCallback(() => {
|
|
4865
5057
|
setPinned(!pinned);
|
|
4866
5058
|
}, [pinned, setPinned]);
|
|
4867
5059
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -4936,7 +5128,7 @@ var SidebarHeader = React48__namespace.memo(function SidebarHeader2({
|
|
|
4936
5128
|
);
|
|
4937
5129
|
});
|
|
4938
5130
|
SidebarHeader.displayName = "Sidebar.Header";
|
|
4939
|
-
var SidebarNav =
|
|
5131
|
+
var SidebarNav = React49__namespace.memo(function SidebarNav2({
|
|
4940
5132
|
children,
|
|
4941
5133
|
className
|
|
4942
5134
|
}) {
|
|
@@ -4952,7 +5144,7 @@ var SidebarNav = React48__namespace.memo(function SidebarNav2({
|
|
|
4952
5144
|
);
|
|
4953
5145
|
});
|
|
4954
5146
|
SidebarNav.displayName = "Sidebar.Nav";
|
|
4955
|
-
var SidebarSection =
|
|
5147
|
+
var SidebarSection = React49__namespace.memo(function SidebarSection2({
|
|
4956
5148
|
title,
|
|
4957
5149
|
children,
|
|
4958
5150
|
className
|
|
@@ -4976,8 +5168,8 @@ var SidebarSection = React48__namespace.memo(function SidebarSection2({
|
|
|
4976
5168
|
SidebarSection.displayName = "Sidebar.Section";
|
|
4977
5169
|
function renderIcon(icon, className) {
|
|
4978
5170
|
if (!icon) return null;
|
|
4979
|
-
if (
|
|
4980
|
-
return
|
|
5171
|
+
if (React49__namespace.isValidElement(icon)) {
|
|
5172
|
+
return React49__namespace.cloneElement(icon, { className });
|
|
4981
5173
|
}
|
|
4982
5174
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
4983
5175
|
const IconComponent = icon;
|
|
@@ -4991,7 +5183,7 @@ var badgeVariantStyles = {
|
|
|
4991
5183
|
success: "bg-green-100 text-green-600",
|
|
4992
5184
|
warning: "bg-amber-100 text-amber-600"
|
|
4993
5185
|
};
|
|
4994
|
-
var SidebarNavItem =
|
|
5186
|
+
var SidebarNavItem = React49__namespace.memo(function SidebarNavItem2({
|
|
4995
5187
|
icon,
|
|
4996
5188
|
label,
|
|
4997
5189
|
href,
|
|
@@ -5003,7 +5195,7 @@ var SidebarNavItem = React48__namespace.memo(function SidebarNavItem2({
|
|
|
5003
5195
|
className
|
|
5004
5196
|
}) {
|
|
5005
5197
|
const { expanded } = useSidebar();
|
|
5006
|
-
const handleClick =
|
|
5198
|
+
const handleClick = React49__namespace.useCallback(() => {
|
|
5007
5199
|
if (disabled) return;
|
|
5008
5200
|
if (onClick) {
|
|
5009
5201
|
onClick();
|
|
@@ -5086,8 +5278,8 @@ var SidebarNavItem = React48__namespace.memo(function SidebarNavItem2({
|
|
|
5086
5278
|
SidebarNavItem.displayName = "Sidebar.NavItem";
|
|
5087
5279
|
function renderIcon2(icon, className) {
|
|
5088
5280
|
if (!icon) return null;
|
|
5089
|
-
if (
|
|
5090
|
-
return
|
|
5281
|
+
if (React49__namespace.isValidElement(icon)) {
|
|
5282
|
+
return React49__namespace.cloneElement(icon, { className });
|
|
5091
5283
|
}
|
|
5092
5284
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
5093
5285
|
const IconComponent = icon;
|
|
@@ -5101,7 +5293,7 @@ var badgeVariantStyles2 = {
|
|
|
5101
5293
|
success: "bg-green-100 text-green-600",
|
|
5102
5294
|
warning: "bg-amber-100 text-amber-600"
|
|
5103
5295
|
};
|
|
5104
|
-
var SidebarNavGroup =
|
|
5296
|
+
var SidebarNavGroup = React49__namespace.memo(function SidebarNavGroup2({
|
|
5105
5297
|
icon,
|
|
5106
5298
|
label,
|
|
5107
5299
|
children,
|
|
@@ -5113,10 +5305,10 @@ var SidebarNavGroup = React48__namespace.memo(function SidebarNavGroup2({
|
|
|
5113
5305
|
className
|
|
5114
5306
|
}) {
|
|
5115
5307
|
const { expanded, activeSection, setActiveSection } = useSidebar();
|
|
5116
|
-
const [isOpen, setIsOpen] =
|
|
5308
|
+
const [isOpen, setIsOpen] = React49__namespace.useState(defaultOpen);
|
|
5117
5309
|
const groupId = id || label.toLowerCase().replace(/\s+/g, "-");
|
|
5118
5310
|
const isExpanded = expanded && (activeSection === groupId || isOpen);
|
|
5119
|
-
const handleClick =
|
|
5311
|
+
const handleClick = React49__namespace.useCallback(() => {
|
|
5120
5312
|
if (activeSection === groupId) {
|
|
5121
5313
|
setActiveSection(null);
|
|
5122
5314
|
setIsOpen(false);
|
|
@@ -5125,7 +5317,7 @@ var SidebarNavGroup = React48__namespace.memo(function SidebarNavGroup2({
|
|
|
5125
5317
|
setIsOpen(true);
|
|
5126
5318
|
}
|
|
5127
5319
|
}, [activeSection, groupId, setActiveSection]);
|
|
5128
|
-
|
|
5320
|
+
React49__namespace.useEffect(() => {
|
|
5129
5321
|
if (expanded && isActive && !isOpen) {
|
|
5130
5322
|
setIsOpen(true);
|
|
5131
5323
|
setActiveSection(groupId);
|
|
@@ -5229,18 +5421,18 @@ function isLucideIcon(icon) {
|
|
|
5229
5421
|
function getInitials(name) {
|
|
5230
5422
|
return name.split(" ").map((part) => part.charAt(0)).slice(0, 2).join("").toUpperCase();
|
|
5231
5423
|
}
|
|
5232
|
-
var SidebarFooter =
|
|
5424
|
+
var SidebarFooter = React49__namespace.memo(function SidebarFooter2({
|
|
5233
5425
|
user,
|
|
5234
5426
|
menuItems,
|
|
5235
5427
|
children,
|
|
5236
5428
|
className
|
|
5237
5429
|
}) {
|
|
5238
5430
|
const { expanded } = useSidebar();
|
|
5239
|
-
const [menuOpen, setMenuOpen] =
|
|
5240
|
-
const handleToggleMenu =
|
|
5431
|
+
const [menuOpen, setMenuOpen] = React49__namespace.useState(false);
|
|
5432
|
+
const handleToggleMenu = React49__namespace.useCallback(() => {
|
|
5241
5433
|
setMenuOpen((prev) => !prev);
|
|
5242
5434
|
}, []);
|
|
5243
|
-
|
|
5435
|
+
React49__namespace.useEffect(() => {
|
|
5244
5436
|
if (!menuOpen) return;
|
|
5245
5437
|
const handleClickOutside = (event) => {
|
|
5246
5438
|
const target = event.target;
|
|
@@ -5318,7 +5510,7 @@ var SidebarFooter = React48__namespace.memo(function SidebarFooter2({
|
|
|
5318
5510
|
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: menuItems.map((item, index) => {
|
|
5319
5511
|
const IconComponent = item.icon && isLucideIcon(item.icon) ? item.icon : null;
|
|
5320
5512
|
const isDestructive = item.variant === "destructive";
|
|
5321
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5513
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(React49__namespace.Fragment, { children: [
|
|
5322
5514
|
isDestructive && index > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
|
|
5323
5515
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
5324
5516
|
"button",
|
|
@@ -5355,17 +5547,17 @@ function SidebarRoot({
|
|
|
5355
5547
|
collapsedWidth = COLLAPSED_WIDTH,
|
|
5356
5548
|
expandedWidth = EXPANDED_WIDTH
|
|
5357
5549
|
}) {
|
|
5358
|
-
const [expanded, setExpanded] =
|
|
5359
|
-
const [pinned, setPinned] =
|
|
5360
|
-
const [activeSection, setActiveSection] =
|
|
5550
|
+
const [expanded, setExpanded] = React49__namespace.useState(defaultExpanded || defaultPinned);
|
|
5551
|
+
const [pinned, setPinned] = React49__namespace.useState(defaultPinned);
|
|
5552
|
+
const [activeSection, setActiveSection] = React49__namespace.useState(null);
|
|
5361
5553
|
const isMobile = useMediaQuery2("(max-width: 768px)");
|
|
5362
|
-
const handleSetPinned =
|
|
5554
|
+
const handleSetPinned = React49__namespace.useCallback((value) => {
|
|
5363
5555
|
setPinned(value);
|
|
5364
5556
|
if (value) {
|
|
5365
5557
|
setExpanded(true);
|
|
5366
5558
|
}
|
|
5367
5559
|
}, []);
|
|
5368
|
-
const contextValue =
|
|
5560
|
+
const contextValue = React49__namespace.useMemo(
|
|
5369
5561
|
() => ({
|
|
5370
5562
|
expanded,
|
|
5371
5563
|
setExpanded,
|
|
@@ -5384,13 +5576,13 @@ function SidebarRoot({
|
|
|
5384
5576
|
SidebarRoot.displayName = "SidebarRoot";
|
|
5385
5577
|
function SidebarAside({ children, className }) {
|
|
5386
5578
|
const { expanded, pinned, setExpanded, isMobile, collapsedWidth, expandedWidth } = useSidebar();
|
|
5387
|
-
const sidebarRef =
|
|
5388
|
-
const handleMouseEnter =
|
|
5579
|
+
const sidebarRef = React49__namespace.useRef(null);
|
|
5580
|
+
const handleMouseEnter = React49__namespace.useCallback(() => {
|
|
5389
5581
|
if (!pinned && !isMobile) {
|
|
5390
5582
|
setExpanded(true);
|
|
5391
5583
|
}
|
|
5392
5584
|
}, [pinned, isMobile, setExpanded]);
|
|
5393
|
-
const handleMouseLeave =
|
|
5585
|
+
const handleMouseLeave = React49__namespace.useCallback(() => {
|
|
5394
5586
|
if (!pinned && !isMobile) {
|
|
5395
5587
|
setExpanded(false);
|
|
5396
5588
|
}
|
|
@@ -5458,28 +5650,28 @@ function LegacySidebar({
|
|
|
5458
5650
|
expandedWidth = EXPANDED_WIDTH,
|
|
5459
5651
|
className
|
|
5460
5652
|
}) {
|
|
5461
|
-
const [expanded, setExpanded] =
|
|
5462
|
-
const [pinned, setPinned] =
|
|
5463
|
-
const [activeSection, setActiveSection] =
|
|
5653
|
+
const [expanded, setExpanded] = React49__namespace.useState(defaultExpanded || defaultPinned);
|
|
5654
|
+
const [pinned, setPinned] = React49__namespace.useState(defaultPinned);
|
|
5655
|
+
const [activeSection, setActiveSection] = React49__namespace.useState(null);
|
|
5464
5656
|
const isMobile = useMediaQuery2("(max-width: 768px)");
|
|
5465
|
-
const sidebarRef =
|
|
5466
|
-
const handleMouseEnter =
|
|
5657
|
+
const sidebarRef = React49__namespace.useRef(null);
|
|
5658
|
+
const handleMouseEnter = React49__namespace.useCallback(() => {
|
|
5467
5659
|
if (!pinned && !isMobile) {
|
|
5468
5660
|
setExpanded(true);
|
|
5469
5661
|
}
|
|
5470
5662
|
}, [pinned, isMobile]);
|
|
5471
|
-
const handleMouseLeave =
|
|
5663
|
+
const handleMouseLeave = React49__namespace.useCallback(() => {
|
|
5472
5664
|
if (!pinned && !isMobile) {
|
|
5473
5665
|
setExpanded(false);
|
|
5474
5666
|
}
|
|
5475
5667
|
}, [pinned, isMobile]);
|
|
5476
|
-
const handleSetPinned =
|
|
5668
|
+
const handleSetPinned = React49__namespace.useCallback((value) => {
|
|
5477
5669
|
setPinned(value);
|
|
5478
5670
|
if (value) {
|
|
5479
5671
|
setExpanded(true);
|
|
5480
5672
|
}
|
|
5481
5673
|
}, []);
|
|
5482
|
-
const contextValue =
|
|
5674
|
+
const contextValue = React49__namespace.useMemo(
|
|
5483
5675
|
() => ({
|
|
5484
5676
|
expanded,
|
|
5485
5677
|
setExpanded,
|
|
@@ -5536,8 +5728,8 @@ var Sidebar = Object.assign(LegacySidebar, {
|
|
|
5536
5728
|
});
|
|
5537
5729
|
function renderIcon3(icon, className) {
|
|
5538
5730
|
if (!icon) return null;
|
|
5539
|
-
if (
|
|
5540
|
-
return
|
|
5731
|
+
if (React49__namespace.isValidElement(icon)) {
|
|
5732
|
+
return React49__namespace.cloneElement(icon, { className });
|
|
5541
5733
|
}
|
|
5542
5734
|
if (typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon) {
|
|
5543
5735
|
const IconComponent = icon;
|
|
@@ -5545,7 +5737,7 @@ function renderIcon3(icon, className) {
|
|
|
5545
5737
|
}
|
|
5546
5738
|
return null;
|
|
5547
5739
|
}
|
|
5548
|
-
var MobileNavItem =
|
|
5740
|
+
var MobileNavItem = React49__namespace.memo(function MobileNavItem2({
|
|
5549
5741
|
icon,
|
|
5550
5742
|
label,
|
|
5551
5743
|
isActive = false,
|
|
@@ -5583,7 +5775,7 @@ var MobileNavItem = React48__namespace.memo(function MobileNavItem2({
|
|
|
5583
5775
|
] });
|
|
5584
5776
|
});
|
|
5585
5777
|
MobileNavItem.displayName = "MobileNavItem";
|
|
5586
|
-
var MobileNav =
|
|
5778
|
+
var MobileNav = React49__namespace.memo(function MobileNav2({
|
|
5587
5779
|
items,
|
|
5588
5780
|
fabAction,
|
|
5589
5781
|
className
|
|
@@ -5651,7 +5843,7 @@ var MobileNav = React48__namespace.memo(function MobileNav2({
|
|
|
5651
5843
|
);
|
|
5652
5844
|
});
|
|
5653
5845
|
MobileNav.displayName = "MobileNav";
|
|
5654
|
-
var Navbar =
|
|
5846
|
+
var Navbar = React49__namespace.memo(function Navbar2({
|
|
5655
5847
|
children,
|
|
5656
5848
|
className,
|
|
5657
5849
|
style
|
|
@@ -5670,8 +5862,8 @@ var Navbar = React48__namespace.memo(function Navbar2({
|
|
|
5670
5862
|
});
|
|
5671
5863
|
Navbar.displayName = "Navbar";
|
|
5672
5864
|
function ThemeToggle({ className }) {
|
|
5673
|
-
const [isDark, setIsDark] =
|
|
5674
|
-
|
|
5865
|
+
const [isDark, setIsDark] = React49__namespace.useState(false);
|
|
5866
|
+
React49__namespace.useEffect(() => {
|
|
5675
5867
|
const isDarkMode = document.documentElement.classList.contains("dark");
|
|
5676
5868
|
setIsDark(isDarkMode);
|
|
5677
5869
|
}, []);
|
|
@@ -5763,7 +5955,7 @@ function NavbarNotification({
|
|
|
5763
5955
|
] });
|
|
5764
5956
|
}
|
|
5765
5957
|
NavbarNotification.displayName = "NavbarNotification";
|
|
5766
|
-
var ScrollArea =
|
|
5958
|
+
var ScrollArea = React49__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
5767
5959
|
ScrollAreaPrimitive__namespace.Root,
|
|
5768
5960
|
{
|
|
5769
5961
|
ref,
|
|
@@ -5777,7 +5969,7 @@ var ScrollArea = React48__namespace.forwardRef(({ className, children, ...props
|
|
|
5777
5969
|
}
|
|
5778
5970
|
));
|
|
5779
5971
|
ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
|
|
5780
|
-
var ScrollBar =
|
|
5972
|
+
var ScrollBar = React49__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5781
5973
|
ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
|
|
5782
5974
|
{
|
|
5783
5975
|
ref,
|
|
@@ -5793,7 +5985,7 @@ var ScrollBar = React48__namespace.forwardRef(({ className, orientation = "verti
|
|
|
5793
5985
|
}
|
|
5794
5986
|
));
|
|
5795
5987
|
ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
|
|
5796
|
-
var Separator3 =
|
|
5988
|
+
var Separator3 = React49__namespace.forwardRef(
|
|
5797
5989
|
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5798
5990
|
SeparatorPrimitive__namespace.Root,
|
|
5799
5991
|
{
|
|
@@ -5861,7 +6053,7 @@ function NavbarCompanyProfile({
|
|
|
5861
6053
|
/* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "h-64", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
|
|
5862
6054
|
isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { variant: "spinner" }) }),
|
|
5863
6055
|
!isLoading && companies.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-muted-foreground", children: "Nenhuma empresa encontrada." }),
|
|
5864
|
-
companies.map((company, index) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6056
|
+
companies.map((company, index) => /* @__PURE__ */ jsxRuntime.jsxs(React49__namespace.Fragment, { children: [
|
|
5865
6057
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5866
6058
|
Button,
|
|
5867
6059
|
{
|
|
@@ -5944,9 +6136,9 @@ function NavbarUserMenu({
|
|
|
5944
6136
|
] });
|
|
5945
6137
|
}
|
|
5946
6138
|
NavbarUserMenu.displayName = "NavbarUserMenu";
|
|
5947
|
-
var Breadcrumb =
|
|
6139
|
+
var Breadcrumb = React49__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
|
|
5948
6140
|
Breadcrumb.displayName = "Breadcrumb";
|
|
5949
|
-
var BreadcrumbList =
|
|
6141
|
+
var BreadcrumbList = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5950
6142
|
"ol",
|
|
5951
6143
|
{
|
|
5952
6144
|
ref,
|
|
@@ -5958,7 +6150,7 @@ var BreadcrumbList = React48__namespace.forwardRef(({ className, ...props }, ref
|
|
|
5958
6150
|
}
|
|
5959
6151
|
));
|
|
5960
6152
|
BreadcrumbList.displayName = "BreadcrumbList";
|
|
5961
|
-
var BreadcrumbItem =
|
|
6153
|
+
var BreadcrumbItem = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5962
6154
|
"li",
|
|
5963
6155
|
{
|
|
5964
6156
|
ref,
|
|
@@ -5967,7 +6159,7 @@ var BreadcrumbItem = React48__namespace.forwardRef(({ className, ...props }, ref
|
|
|
5967
6159
|
}
|
|
5968
6160
|
));
|
|
5969
6161
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
5970
|
-
var BreadcrumbLink =
|
|
6162
|
+
var BreadcrumbLink = React49__namespace.forwardRef(({ asChild, className, ...props }, ref) => {
|
|
5971
6163
|
const Comp = asChild ? reactSlot.Slot : "a";
|
|
5972
6164
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5973
6165
|
Comp,
|
|
@@ -5979,7 +6171,7 @@ var BreadcrumbLink = React48__namespace.forwardRef(({ asChild, className, ...pro
|
|
|
5979
6171
|
);
|
|
5980
6172
|
});
|
|
5981
6173
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
|
5982
|
-
var BreadcrumbPage =
|
|
6174
|
+
var BreadcrumbPage = React49__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
5983
6175
|
"span",
|
|
5984
6176
|
{
|
|
5985
6177
|
ref,
|
|
@@ -6115,16 +6307,16 @@ var SectionHeader = Object.assign(SectionHeaderRoot, {
|
|
|
6115
6307
|
Actions: SectionHeaderActions,
|
|
6116
6308
|
Badge: SectionHeaderBadge
|
|
6117
6309
|
});
|
|
6118
|
-
var KanbanContext =
|
|
6310
|
+
var KanbanContext = React49__namespace.createContext(null);
|
|
6119
6311
|
function useKanban() {
|
|
6120
|
-
const context =
|
|
6312
|
+
const context = React49__namespace.useContext(KanbanContext);
|
|
6121
6313
|
if (!context) {
|
|
6122
6314
|
throw new Error("useKanban must be used within a Kanban.Board component");
|
|
6123
6315
|
}
|
|
6124
6316
|
return context;
|
|
6125
6317
|
}
|
|
6126
6318
|
function useKanbanOptional() {
|
|
6127
|
-
return
|
|
6319
|
+
return React49__namespace.useContext(KanbanContext);
|
|
6128
6320
|
}
|
|
6129
6321
|
function KanbanProvider({ children, value }) {
|
|
6130
6322
|
return /* @__PURE__ */ jsxRuntime.jsx(KanbanContext.Provider, { value, children });
|
|
@@ -6135,18 +6327,18 @@ function KanbanBoard({
|
|
|
6135
6327
|
onDragStart,
|
|
6136
6328
|
className
|
|
6137
6329
|
}) {
|
|
6138
|
-
const [isDragging, setIsDragging] =
|
|
6139
|
-
const [draggedItemId, setDraggedItemId] =
|
|
6140
|
-
const [sourceColumnId, setSourceColumnId] =
|
|
6141
|
-
const [hoveredColumnId, setHoveredColumnId] =
|
|
6142
|
-
const dropValidatorsRef =
|
|
6143
|
-
const registerDropValidator =
|
|
6330
|
+
const [isDragging, setIsDragging] = React49__namespace.useState(false);
|
|
6331
|
+
const [draggedItemId, setDraggedItemId] = React49__namespace.useState(null);
|
|
6332
|
+
const [sourceColumnId, setSourceColumnId] = React49__namespace.useState(null);
|
|
6333
|
+
const [hoveredColumnId, setHoveredColumnId] = React49__namespace.useState(null);
|
|
6334
|
+
const dropValidatorsRef = React49__namespace.useRef(/* @__PURE__ */ new Map());
|
|
6335
|
+
const registerDropValidator = React49__namespace.useCallback((columnId, validator) => {
|
|
6144
6336
|
dropValidatorsRef.current.set(columnId, validator);
|
|
6145
6337
|
}, []);
|
|
6146
|
-
const unregisterDropValidator =
|
|
6338
|
+
const unregisterDropValidator = React49__namespace.useCallback((columnId) => {
|
|
6147
6339
|
dropValidatorsRef.current.delete(columnId);
|
|
6148
6340
|
}, []);
|
|
6149
|
-
const canDropInColumn =
|
|
6341
|
+
const canDropInColumn = React49__namespace.useCallback((columnId) => {
|
|
6150
6342
|
if (!draggedItemId || !sourceColumnId) return false;
|
|
6151
6343
|
if (columnId === sourceColumnId) return false;
|
|
6152
6344
|
const validator = dropValidatorsRef.current.get(columnId);
|
|
@@ -6155,13 +6347,13 @@ function KanbanBoard({
|
|
|
6155
6347
|
}
|
|
6156
6348
|
return true;
|
|
6157
6349
|
}, [draggedItemId, sourceColumnId]);
|
|
6158
|
-
const handleDragStart =
|
|
6350
|
+
const handleDragStart = React49__namespace.useCallback((itemId, colId) => {
|
|
6159
6351
|
setIsDragging(true);
|
|
6160
6352
|
setDraggedItemId(itemId);
|
|
6161
6353
|
setSourceColumnId(colId);
|
|
6162
6354
|
onDragStart?.(itemId, colId);
|
|
6163
6355
|
}, [onDragStart]);
|
|
6164
|
-
const handleDrop =
|
|
6356
|
+
const handleDrop = React49__namespace.useCallback((destinationColumnId) => {
|
|
6165
6357
|
if (draggedItemId && sourceColumnId && destinationColumnId !== sourceColumnId) {
|
|
6166
6358
|
if (canDropInColumn(destinationColumnId)) {
|
|
6167
6359
|
const result = {
|
|
@@ -6177,13 +6369,13 @@ function KanbanBoard({
|
|
|
6177
6369
|
setSourceColumnId(null);
|
|
6178
6370
|
setHoveredColumnId(null);
|
|
6179
6371
|
}, [draggedItemId, sourceColumnId, canDropInColumn, onDragEnd]);
|
|
6180
|
-
const handleDragEnd =
|
|
6372
|
+
const handleDragEnd = React49__namespace.useCallback(() => {
|
|
6181
6373
|
setIsDragging(false);
|
|
6182
6374
|
setDraggedItemId(null);
|
|
6183
6375
|
setSourceColumnId(null);
|
|
6184
6376
|
setHoveredColumnId(null);
|
|
6185
6377
|
}, []);
|
|
6186
|
-
const contextValue =
|
|
6378
|
+
const contextValue = React49__namespace.useMemo(() => ({
|
|
6187
6379
|
isDragging,
|
|
6188
6380
|
draggedItemId,
|
|
6189
6381
|
sourceColumnId,
|
|
@@ -6208,9 +6400,9 @@ function KanbanBoard({
|
|
|
6208
6400
|
}
|
|
6209
6401
|
) });
|
|
6210
6402
|
}
|
|
6211
|
-
var KanbanBoardInternalContext =
|
|
6403
|
+
var KanbanBoardInternalContext = React49__namespace.createContext(null);
|
|
6212
6404
|
function useKanbanBoard() {
|
|
6213
|
-
const context =
|
|
6405
|
+
const context = React49__namespace.useContext(KanbanBoardInternalContext);
|
|
6214
6406
|
if (!context) {
|
|
6215
6407
|
throw new Error("useKanbanBoard must be used within a Kanban.Board component");
|
|
6216
6408
|
}
|
|
@@ -6230,7 +6422,7 @@ function KanbanColumn({
|
|
|
6230
6422
|
}) {
|
|
6231
6423
|
const { isDragging, sourceColumnId, hoveredColumnId, setHoveredColumnId, canDropInColumn, registerDropValidator, unregisterDropValidator } = useKanban();
|
|
6232
6424
|
const { handleDrop } = useKanbanBoard();
|
|
6233
|
-
|
|
6425
|
+
React49__namespace.useEffect(() => {
|
|
6234
6426
|
if (canDrop) {
|
|
6235
6427
|
registerDropValidator(id, canDrop);
|
|
6236
6428
|
return () => unregisterDropValidator(id);
|
|
@@ -6239,7 +6431,7 @@ function KanbanColumn({
|
|
|
6239
6431
|
const isValidDropTarget = isDragging && sourceColumnId !== id && canDropInColumn(id);
|
|
6240
6432
|
const isInvalidDropTarget = isDragging && sourceColumnId !== id && !canDropInColumn(id);
|
|
6241
6433
|
const isHovered = hoveredColumnId === id;
|
|
6242
|
-
const handleDragOver =
|
|
6434
|
+
const handleDragOver = React49__namespace.useCallback((e) => {
|
|
6243
6435
|
e.preventDefault();
|
|
6244
6436
|
if (isValidDropTarget) {
|
|
6245
6437
|
e.dataTransfer.dropEffect = "move";
|
|
@@ -6248,18 +6440,18 @@ function KanbanColumn({
|
|
|
6248
6440
|
e.dataTransfer.dropEffect = "none";
|
|
6249
6441
|
}
|
|
6250
6442
|
}, [isValidDropTarget, setHoveredColumnId, id]);
|
|
6251
|
-
const handleDragLeave =
|
|
6443
|
+
const handleDragLeave = React49__namespace.useCallback((e) => {
|
|
6252
6444
|
if (e.currentTarget === e.target || !e.currentTarget.contains(e.relatedTarget)) {
|
|
6253
6445
|
setHoveredColumnId(null);
|
|
6254
6446
|
}
|
|
6255
6447
|
}, [setHoveredColumnId]);
|
|
6256
|
-
const handleDropEvent =
|
|
6448
|
+
const handleDropEvent = React49__namespace.useCallback((e) => {
|
|
6257
6449
|
e.preventDefault();
|
|
6258
6450
|
if (isValidDropTarget) {
|
|
6259
6451
|
handleDrop(id);
|
|
6260
6452
|
}
|
|
6261
6453
|
}, [isValidDropTarget, handleDrop, id]);
|
|
6262
|
-
const childCount =
|
|
6454
|
+
const childCount = React49__namespace.Children.count(children);
|
|
6263
6455
|
const displayCount = count ?? childCount;
|
|
6264
6456
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6265
6457
|
"div",
|
|
@@ -6320,7 +6512,7 @@ function KanbanCard({
|
|
|
6320
6512
|
const { draggedItemId } = useKanban();
|
|
6321
6513
|
const { handleDragStart } = useKanbanBoard();
|
|
6322
6514
|
const isThisCardDragging = draggedItemId === id;
|
|
6323
|
-
const handleDragStartEvent =
|
|
6515
|
+
const handleDragStartEvent = React49__namespace.useCallback((e) => {
|
|
6324
6516
|
if (disabled) {
|
|
6325
6517
|
e.preventDefault();
|
|
6326
6518
|
return;
|
|
@@ -6360,16 +6552,16 @@ var Kanban = {
|
|
|
6360
6552
|
Column: KanbanColumn,
|
|
6361
6553
|
Card: KanbanCard
|
|
6362
6554
|
};
|
|
6363
|
-
var WizardContext =
|
|
6555
|
+
var WizardContext = React49.createContext(void 0);
|
|
6364
6556
|
function useWizardContext() {
|
|
6365
|
-
const context =
|
|
6557
|
+
const context = React49.useContext(WizardContext);
|
|
6366
6558
|
if (context === void 0) {
|
|
6367
6559
|
throw new Error("useWizardContext must be used within a Wizard component");
|
|
6368
6560
|
}
|
|
6369
6561
|
return context;
|
|
6370
6562
|
}
|
|
6371
6563
|
function useWizardContextOptional() {
|
|
6372
|
-
return
|
|
6564
|
+
return React49.useContext(WizardContext);
|
|
6373
6565
|
}
|
|
6374
6566
|
function WizardProvider({
|
|
6375
6567
|
children,
|
|
@@ -6380,8 +6572,8 @@ function WizardProvider({
|
|
|
6380
6572
|
validateOnNext = true,
|
|
6381
6573
|
allowJumpToStep = false
|
|
6382
6574
|
}) {
|
|
6383
|
-
const [completedSteps, setCompletedSteps] =
|
|
6384
|
-
const activeSteps =
|
|
6575
|
+
const [completedSteps, setCompletedSteps] = React49.useState(/* @__PURE__ */ new Set());
|
|
6576
|
+
const activeSteps = React49.useMemo(() => {
|
|
6385
6577
|
const formValues = form.getValues();
|
|
6386
6578
|
return steps.filter((step) => {
|
|
6387
6579
|
if (typeof step.isHidden === "function") {
|
|
@@ -6390,7 +6582,7 @@ function WizardProvider({
|
|
|
6390
6582
|
return !step.isHidden;
|
|
6391
6583
|
});
|
|
6392
6584
|
}, [steps, form]);
|
|
6393
|
-
const [currentStep, setCurrentStep] =
|
|
6585
|
+
const [currentStep, setCurrentStep] = React49.useState(() => {
|
|
6394
6586
|
return Math.min(Math.max(0, initialStep), activeSteps.length - 1);
|
|
6395
6587
|
});
|
|
6396
6588
|
const totalSteps = activeSteps.length;
|
|
@@ -6398,23 +6590,23 @@ function WizardProvider({
|
|
|
6398
6590
|
const isLastStep = currentStep === totalSteps - 1;
|
|
6399
6591
|
const progress = totalSteps > 0 ? Math.round((currentStep + 1) / totalSteps * 100) : 0;
|
|
6400
6592
|
const currentStepConfig = activeSteps[currentStep];
|
|
6401
|
-
const getStepConfig =
|
|
6593
|
+
const getStepConfig = React49.useCallback(
|
|
6402
6594
|
(index) => activeSteps[index],
|
|
6403
6595
|
[activeSteps]
|
|
6404
6596
|
);
|
|
6405
|
-
const getStepByName =
|
|
6597
|
+
const getStepByName = React49.useCallback(
|
|
6406
6598
|
(name) => activeSteps.find((step) => step.name === name || step.id === name),
|
|
6407
6599
|
[activeSteps]
|
|
6408
6600
|
);
|
|
6409
|
-
const getStepIndexByName =
|
|
6601
|
+
const getStepIndexByName = React49.useCallback(
|
|
6410
6602
|
(name) => activeSteps.findIndex((step) => step.name === name || step.id === name),
|
|
6411
6603
|
[activeSteps]
|
|
6412
6604
|
);
|
|
6413
|
-
const isStepCompleted =
|
|
6605
|
+
const isStepCompleted = React49.useCallback(
|
|
6414
6606
|
(index) => completedSteps.has(index),
|
|
6415
6607
|
[completedSteps]
|
|
6416
6608
|
);
|
|
6417
|
-
const hasStepErrors =
|
|
6609
|
+
const hasStepErrors = React49.useCallback(
|
|
6418
6610
|
(index) => {
|
|
6419
6611
|
const stepConfig = activeSteps[index];
|
|
6420
6612
|
if (!stepConfig?.fields) return false;
|
|
@@ -6426,7 +6618,7 @@ function WizardProvider({
|
|
|
6426
6618
|
},
|
|
6427
6619
|
[activeSteps, form.formState.errors]
|
|
6428
6620
|
);
|
|
6429
|
-
const validateCurrentStep =
|
|
6621
|
+
const validateCurrentStep = React49.useCallback(async () => {
|
|
6430
6622
|
const stepConfig = currentStepConfig;
|
|
6431
6623
|
if (!stepConfig?.validationSchema) {
|
|
6432
6624
|
return true;
|
|
@@ -6448,7 +6640,7 @@ function WizardProvider({
|
|
|
6448
6640
|
}
|
|
6449
6641
|
return true;
|
|
6450
6642
|
}, [currentStepConfig, form]);
|
|
6451
|
-
const goToNextStep =
|
|
6643
|
+
const goToNextStep = React49.useCallback(async () => {
|
|
6452
6644
|
if (isLastStep) {
|
|
6453
6645
|
return false;
|
|
6454
6646
|
}
|
|
@@ -6464,7 +6656,7 @@ function WizardProvider({
|
|
|
6464
6656
|
onStepChange?.(nextStep, "next");
|
|
6465
6657
|
return true;
|
|
6466
6658
|
}, [isLastStep, validateOnNext, validateCurrentStep, currentStep, onStepChange]);
|
|
6467
|
-
const goToPrevStep =
|
|
6659
|
+
const goToPrevStep = React49.useCallback(() => {
|
|
6468
6660
|
if (isFirstStep) {
|
|
6469
6661
|
return;
|
|
6470
6662
|
}
|
|
@@ -6472,7 +6664,7 @@ function WizardProvider({
|
|
|
6472
6664
|
setCurrentStep(prevStep);
|
|
6473
6665
|
onStepChange?.(prevStep, "prev");
|
|
6474
6666
|
}, [isFirstStep, currentStep, onStepChange]);
|
|
6475
|
-
const goToStep =
|
|
6667
|
+
const goToStep = React49.useCallback(
|
|
6476
6668
|
async (targetStep) => {
|
|
6477
6669
|
if (targetStep < 0 || targetStep >= totalSteps) {
|
|
6478
6670
|
return false;
|
|
@@ -6502,12 +6694,12 @@ function WizardProvider({
|
|
|
6502
6694
|
},
|
|
6503
6695
|
[totalSteps, allowJumpToStep, currentStep, completedSteps, validateOnNext, validateCurrentStep, onStepChange]
|
|
6504
6696
|
);
|
|
6505
|
-
const reset =
|
|
6697
|
+
const reset = React49.useCallback(() => {
|
|
6506
6698
|
setCurrentStep(Math.min(Math.max(0, initialStep), activeSteps.length - 1));
|
|
6507
6699
|
setCompletedSteps(/* @__PURE__ */ new Set());
|
|
6508
6700
|
form.reset();
|
|
6509
6701
|
}, [initialStep, activeSteps.length, form]);
|
|
6510
|
-
const contextValue =
|
|
6702
|
+
const contextValue = React49.useMemo(
|
|
6511
6703
|
() => ({
|
|
6512
6704
|
// State
|
|
6513
6705
|
currentStep,
|
|
@@ -6810,8 +7002,8 @@ function WizardSteps({
|
|
|
6810
7002
|
function WizardContent({ children, className }) {
|
|
6811
7003
|
const { currentStepConfig } = useWizardContext();
|
|
6812
7004
|
let activePanel = null;
|
|
6813
|
-
|
|
6814
|
-
if (!
|
|
7005
|
+
React49.Children.forEach(children, (child) => {
|
|
7006
|
+
if (!React49.isValidElement(child)) return;
|
|
6815
7007
|
const panelProps = child.props;
|
|
6816
7008
|
if (panelProps.name === currentStepConfig?.name || panelProps.name === currentStepConfig?.id) {
|
|
6817
7009
|
activePanel = child;
|
|
@@ -6851,17 +7043,17 @@ function WizardNavigation({
|
|
|
6851
7043
|
} = useWizardContext();
|
|
6852
7044
|
const isSubmitting = form.formState.isSubmitting;
|
|
6853
7045
|
const shouldShowCancel = showCancel ?? isFirstStep;
|
|
6854
|
-
const handleNext =
|
|
7046
|
+
const handleNext = React49.useCallback(async (e) => {
|
|
6855
7047
|
e.preventDefault();
|
|
6856
7048
|
e.stopPropagation();
|
|
6857
7049
|
await goToNextStep();
|
|
6858
7050
|
}, [goToNextStep]);
|
|
6859
|
-
const handlePrev =
|
|
7051
|
+
const handlePrev = React49.useCallback((e) => {
|
|
6860
7052
|
e.preventDefault();
|
|
6861
7053
|
e.stopPropagation();
|
|
6862
7054
|
goToPrevStep();
|
|
6863
7055
|
}, [goToPrevStep]);
|
|
6864
|
-
const handleCancel =
|
|
7056
|
+
const handleCancel = React49.useCallback((e) => {
|
|
6865
7057
|
e.preventDefault();
|
|
6866
7058
|
e.stopPropagation();
|
|
6867
7059
|
onCancel?.();
|
|
@@ -7075,18 +7267,18 @@ var initialState = {
|
|
|
7075
7267
|
theme: "system",
|
|
7076
7268
|
setTheme: () => null
|
|
7077
7269
|
};
|
|
7078
|
-
var ThemeProviderContext =
|
|
7270
|
+
var ThemeProviderContext = React49__namespace.createContext(initialState);
|
|
7079
7271
|
function ThemeProvider({
|
|
7080
7272
|
children,
|
|
7081
7273
|
defaultTheme = "system",
|
|
7082
7274
|
storageKey = "facter-ds-theme",
|
|
7083
7275
|
...props
|
|
7084
7276
|
}) {
|
|
7085
|
-
const [theme, setTheme] =
|
|
7277
|
+
const [theme, setTheme] = React49__namespace.useState(
|
|
7086
7278
|
() => localStorage.getItem(storageKey) || defaultTheme
|
|
7087
7279
|
);
|
|
7088
|
-
const [resolvedTheme, setResolvedTheme] =
|
|
7089
|
-
|
|
7280
|
+
const [resolvedTheme, setResolvedTheme] = React49__namespace.useState("light");
|
|
7281
|
+
React49__namespace.useEffect(() => {
|
|
7090
7282
|
const root = window.document.documentElement;
|
|
7091
7283
|
root.classList.remove("light", "dark");
|
|
7092
7284
|
if (theme === "system") {
|
|
@@ -7098,7 +7290,7 @@ function ThemeProvider({
|
|
|
7098
7290
|
root.classList.add(theme);
|
|
7099
7291
|
setResolvedTheme(theme);
|
|
7100
7292
|
}, [theme]);
|
|
7101
|
-
const value =
|
|
7293
|
+
const value = React49__namespace.useMemo(
|
|
7102
7294
|
() => ({
|
|
7103
7295
|
theme,
|
|
7104
7296
|
setTheme: (theme2) => {
|
|
@@ -7111,7 +7303,7 @@ function ThemeProvider({
|
|
|
7111
7303
|
return /* @__PURE__ */ jsxRuntime.jsx(ThemeProviderContext.Provider, { ...props, value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: resolvedTheme, style: { minHeight: "100vh" }, children }) });
|
|
7112
7304
|
}
|
|
7113
7305
|
var useTheme = () => {
|
|
7114
|
-
const context =
|
|
7306
|
+
const context = React49__namespace.useContext(ThemeProviderContext);
|
|
7115
7307
|
if (context === void 0)
|
|
7116
7308
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
7117
7309
|
return context;
|
|
@@ -7268,6 +7460,7 @@ exports.SelectSeparator = SelectSeparator;
|
|
|
7268
7460
|
exports.SelectionLayout = SelectionLayout;
|
|
7269
7461
|
exports.Separator = Separator3;
|
|
7270
7462
|
exports.Sidebar = Sidebar;
|
|
7463
|
+
exports.SimpleTooltip = SimpleTooltip;
|
|
7271
7464
|
exports.Skeleton = Skeleton;
|
|
7272
7465
|
exports.Sparkline = Sparkline;
|
|
7273
7466
|
exports.Switch = Switch;
|
|
@@ -7288,6 +7481,19 @@ exports.Textarea = Textarea;
|
|
|
7288
7481
|
exports.ThemeProvider = ThemeProvider;
|
|
7289
7482
|
exports.ThemeToggle = ThemeToggle;
|
|
7290
7483
|
exports.Toaster = Toaster;
|
|
7484
|
+
exports.Tooltip = Tooltip;
|
|
7485
|
+
exports.TooltipAction = TooltipAction;
|
|
7486
|
+
exports.TooltipActions = TooltipActions;
|
|
7487
|
+
exports.TooltipArrow = TooltipArrow;
|
|
7488
|
+
exports.TooltipContent = TooltipContent;
|
|
7489
|
+
exports.TooltipDescription = TooltipDescription;
|
|
7490
|
+
exports.TooltipHeader = TooltipHeader;
|
|
7491
|
+
exports.TooltipIcon = TooltipIcon;
|
|
7492
|
+
exports.TooltipPortal = TooltipPortal;
|
|
7493
|
+
exports.TooltipProvider = TooltipProvider;
|
|
7494
|
+
exports.TooltipRoot = TooltipRoot;
|
|
7495
|
+
exports.TooltipTitle = TooltipTitle;
|
|
7496
|
+
exports.TooltipTrigger = TooltipTrigger;
|
|
7291
7497
|
exports.Wizard = Wizard;
|
|
7292
7498
|
exports.WizardContent = WizardContent;
|
|
7293
7499
|
exports.WizardNavigation = WizardNavigation;
|