lecom-ui 5.3.74 → 5.3.76
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/README.md +1 -1
- package/dist/components/Combobox/Combobox.js +15 -49
- package/dist/components/MultiSelect/MultiSelect.js +14 -17
- package/dist/components/NumberControl/NumberControl.js +9 -20
- package/dist/index.d.ts +20 -14
- package/dist/plugin/extend.js +78 -78
- package/dist/plugin/fontFaces.js +172 -172
- package/dist/plugin/general.js +12 -12
- package/dist/plugin/pluginDev.cjs +5 -5
- package/dist/plugin/pluginNext.cjs +5 -5
- package/dist/plugin/pluginNextTurbo.cjs +5 -5
- package/dist/plugin/pluginVite.cjs +5 -5
- package/dist/plugin/template.js +31 -31
- package/dist/plugin/typographies.js +152 -152
- package/dist/plugin/varsTheme.js +79 -79
- package/dist/style.min.css +1 -1
- package/package.json +1 -1
- package/dist/components/Collapse/Collapse.js +0 -94
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
lecom-ui
|
|
1
|
+
lecom-ui
|
|
@@ -22,21 +22,19 @@ const SEARCH_INPUT_CLASSES = {
|
|
|
22
22
|
large: "[&_[cmdk-input]]:h-9 [&_[cmdk-input]]:body-large-400 [&_svg]:text-grey-800 [&_svg]:opacity-100 [&_svg]:h-4 [&_svg]:w-4"
|
|
23
23
|
};
|
|
24
24
|
const isComboboxGroup = (item) => "options" in item && Array.isArray(item.options);
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
const normalizedSearch = normalize(search);
|
|
30
|
-
if (!normalizedSearch) return opts;
|
|
25
|
+
const matchesSearch = (text, searchTerm) => text.toLowerCase().includes(searchTerm);
|
|
26
|
+
const filterOption = (option, searchLower) => matchesSearch(option.label, searchLower) || matchesSearch(option.value, searchLower);
|
|
27
|
+
const filterComboboxOptions = (opts, searchLower) => {
|
|
28
|
+
if (!searchLower.trim()) return opts;
|
|
31
29
|
return opts.reduce((acc, item) => {
|
|
32
30
|
if (isComboboxGroup(item)) {
|
|
33
31
|
const filteredOptions = item.options.filter(
|
|
34
|
-
(opt) => filterOption(opt,
|
|
32
|
+
(opt) => filterOption(opt, searchLower)
|
|
35
33
|
);
|
|
36
34
|
if (filteredOptions.length > 0) {
|
|
37
35
|
acc.push({ ...item, options: filteredOptions });
|
|
38
36
|
}
|
|
39
|
-
} else if (filterOption(item,
|
|
37
|
+
} else if (filterOption(item, searchLower)) {
|
|
40
38
|
acc.push(item);
|
|
41
39
|
}
|
|
42
40
|
return acc;
|
|
@@ -67,17 +65,11 @@ const comboboxItemVariants = cva(
|
|
|
67
65
|
disabled: {
|
|
68
66
|
true: "text-grey-400 pointer-events-none",
|
|
69
67
|
false: ""
|
|
70
|
-
},
|
|
71
|
-
// nova variante para destacar o item selecionado
|
|
72
|
-
selected: {
|
|
73
|
-
true: "bg-grey-100 font-medium text-grey-900",
|
|
74
|
-
false: ""
|
|
75
68
|
}
|
|
76
69
|
},
|
|
77
70
|
defaultVariants: {
|
|
78
71
|
size: "medium",
|
|
79
|
-
disabled: false
|
|
80
|
-
selected: false
|
|
72
|
+
disabled: false
|
|
81
73
|
}
|
|
82
74
|
}
|
|
83
75
|
);
|
|
@@ -98,32 +90,20 @@ const ComboboxItemContent = ({
|
|
|
98
90
|
const checkIconSize = CHECK_ICON_SIZES[size];
|
|
99
91
|
const isDisabled = option.disabled || false;
|
|
100
92
|
const textColor = isDisabled ? "text-grey-400" : "text-grey-800";
|
|
101
|
-
const isSelected = option.value === value;
|
|
102
93
|
return /* @__PURE__ */ React.createElement(
|
|
103
94
|
CommandItem,
|
|
104
95
|
{
|
|
105
96
|
key: option.value,
|
|
106
97
|
onSelect: handleSelect,
|
|
107
|
-
"data-combobox-value": option.value,
|
|
108
|
-
tabIndex: isSelected ? 0 : -1,
|
|
109
98
|
className: cn(
|
|
110
99
|
comboboxItemVariants({
|
|
111
100
|
size,
|
|
112
|
-
disabled: isDisabled
|
|
113
|
-
selected: isSelected
|
|
101
|
+
disabled: isDisabled
|
|
114
102
|
}),
|
|
115
103
|
itemsClassName
|
|
116
|
-
)
|
|
117
|
-
"aria-current": isSelected ? "true" : void 0
|
|
104
|
+
)
|
|
118
105
|
},
|
|
119
|
-
/* @__PURE__ */ React.createElement(Typography, { className: "w-4 h-4 flex items-center justify-center shrink-0 py-1" }, option.value === value && /* @__PURE__ */ React.createElement(
|
|
120
|
-
Check,
|
|
121
|
-
{
|
|
122
|
-
className: cn(textColor, isSelected ? "text-primary-600" : ""),
|
|
123
|
-
size: checkIconSize,
|
|
124
|
-
strokeWidth: isSelected ? 2.5 : 2
|
|
125
|
-
}
|
|
126
|
-
)),
|
|
106
|
+
/* @__PURE__ */ React.createElement(Typography, { className: "w-4 h-4 flex items-center justify-center shrink-0 py-1" }, option.value === value && /* @__PURE__ */ React.createElement(Check, { className: textColor, size: checkIconSize, strokeWidth: 2 })),
|
|
127
107
|
option.prefix && /* @__PURE__ */ React.createElement(
|
|
128
108
|
Typography,
|
|
129
109
|
{
|
|
@@ -278,9 +258,8 @@ function Combobox({
|
|
|
278
258
|
}) {
|
|
279
259
|
const [open, setOpen] = React.useState(false);
|
|
280
260
|
const [search, setSearch] = React.useState("");
|
|
281
|
-
const commandListRef = React.useRef(null);
|
|
282
261
|
const filteredOptions = React.useMemo(
|
|
283
|
-
() => !search ? options : filterComboboxOptions(options, search),
|
|
262
|
+
() => !search ? options : filterComboboxOptions(options, search.toLowerCase()),
|
|
284
263
|
[options, search]
|
|
285
264
|
);
|
|
286
265
|
const selectedOption = React.useMemo(
|
|
@@ -292,18 +271,6 @@ function Combobox({
|
|
|
292
271
|
const handleClose = React.useCallback(() => {
|
|
293
272
|
setOpen(false);
|
|
294
273
|
}, []);
|
|
295
|
-
React.useEffect(() => {
|
|
296
|
-
if (!open) return;
|
|
297
|
-
if (!value) return;
|
|
298
|
-
requestAnimationFrame(() => {
|
|
299
|
-
const el = commandListRef.current?.querySelector(
|
|
300
|
-
`[data-combobox-value="${value}"]`
|
|
301
|
-
);
|
|
302
|
-
if (el) {
|
|
303
|
-
el.scrollIntoView({ block: "nearest" });
|
|
304
|
-
}
|
|
305
|
-
});
|
|
306
|
-
}, [open, value]);
|
|
307
274
|
React.useEffect(() => {
|
|
308
275
|
if (!open) {
|
|
309
276
|
setSearch("");
|
|
@@ -339,10 +306,8 @@ function Combobox({
|
|
|
339
306
|
onValueChange: setSearch
|
|
340
307
|
}
|
|
341
308
|
), /* @__PURE__ */ React.createElement(
|
|
342
|
-
|
|
309
|
+
CommandList,
|
|
343
310
|
{
|
|
344
|
-
ref: commandListRef,
|
|
345
|
-
key: search,
|
|
346
311
|
className: cn(
|
|
347
312
|
"max-h-44 overflow-y-auto overflow-x-hidden",
|
|
348
313
|
"[&::-webkit-scrollbar]:w-1.5",
|
|
@@ -353,7 +318,8 @@ function Combobox({
|
|
|
353
318
|
contentClassName
|
|
354
319
|
)
|
|
355
320
|
},
|
|
356
|
-
/* @__PURE__ */ React.createElement(
|
|
321
|
+
/* @__PURE__ */ React.createElement(CommandEmpty, null, notFoundContent),
|
|
322
|
+
/* @__PURE__ */ React.createElement(
|
|
357
323
|
ComboboxOptionsList,
|
|
358
324
|
{
|
|
359
325
|
items: filteredOptions,
|
|
@@ -363,7 +329,7 @@ function Combobox({
|
|
|
363
329
|
itemsClassName,
|
|
364
330
|
size
|
|
365
331
|
}
|
|
366
|
-
)
|
|
332
|
+
)
|
|
367
333
|
))
|
|
368
334
|
));
|
|
369
335
|
}
|
|
@@ -69,11 +69,6 @@ const MultiSelect = React.forwardRef(
|
|
|
69
69
|
const handleTogglePopover = () => {
|
|
70
70
|
setIsPopoverOpen((prev) => !prev);
|
|
71
71
|
};
|
|
72
|
-
const clearExtraOptions = () => {
|
|
73
|
-
const newSelectedValues = selectedValues.slice(0, maxCount);
|
|
74
|
-
setSelectedValues(newSelectedValues);
|
|
75
|
-
onValueChange(newSelectedValues);
|
|
76
|
-
};
|
|
77
72
|
const toggleAll = () => {
|
|
78
73
|
if (treeOptions && treeOptions.length) {
|
|
79
74
|
const gather = (acc, nodes) => {
|
|
@@ -377,8 +372,17 @@ const MultiSelect = React.forwardRef(
|
|
|
377
372
|
"aria-expanded": isPopoverOpen
|
|
378
373
|
},
|
|
379
374
|
selectedValues.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-1" }, selectedValues.slice(0, maxCount).map((value2) => {
|
|
380
|
-
const
|
|
381
|
-
|
|
375
|
+
const selectedOption = options.find((o) => o.value === value2);
|
|
376
|
+
const label = findTreeLabel(value2) || selectedOption?.label || value2;
|
|
377
|
+
const prefix = selectedOption?.prefix;
|
|
378
|
+
return /* @__PURE__ */ React.createElement(Tag, { key: value2, color: "blue", className: "focus:ring-0 flex items-center gap-1" }, prefix && /* @__PURE__ */ React.createElement(
|
|
379
|
+
Typography,
|
|
380
|
+
{
|
|
381
|
+
className: "flex items-center flex-shrink-0 [&_svg]:text-blue-600",
|
|
382
|
+
textColor: "text-blue-600"
|
|
383
|
+
},
|
|
384
|
+
prefix
|
|
385
|
+
), /* @__PURE__ */ React.createElement(
|
|
382
386
|
Typography,
|
|
383
387
|
{
|
|
384
388
|
variant: "body-small-400",
|
|
@@ -395,16 +399,7 @@ const MultiSelect = React.forwardRef(
|
|
|
395
399
|
}
|
|
396
400
|
}
|
|
397
401
|
));
|
|
398
|
-
}), selectedValues.length > maxCount && /* @__PURE__ */ React.createElement(Tag, { color: "blue", className: "focus:ring-0" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, `+ ${selectedValues.length - maxCount}`), /* @__PURE__ */ React.createElement(
|
|
399
|
-
X,
|
|
400
|
-
{
|
|
401
|
-
className: "h-4 w-4 cursor-pointer flex-shrink-0",
|
|
402
|
-
onClick: (event) => {
|
|
403
|
-
event.stopPropagation();
|
|
404
|
-
clearExtraOptions();
|
|
405
|
-
}
|
|
406
|
-
}
|
|
407
|
-
))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement(
|
|
402
|
+
}), selectedValues.length > maxCount && /* @__PURE__ */ React.createElement(Tag, { color: "blue", className: "focus:ring-0" }, /* @__PURE__ */ React.createElement(Typography, { variant: "body-small-400", className: "text-blue-600" }, `+ ${selectedValues.length - maxCount}`))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement(
|
|
408
403
|
X,
|
|
409
404
|
{
|
|
410
405
|
className: "h-4 mx-2 cursor-pointer text-grey-800",
|
|
@@ -490,6 +485,7 @@ const MultiSelect = React.forwardRef(
|
|
|
490
485
|
},
|
|
491
486
|
/* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
|
|
492
487
|
),
|
|
488
|
+
option.prefix && /* @__PURE__ */ React.createElement(Typography, { className: "flex items-center flex-shrink-0 mr-2" }, option.prefix),
|
|
493
489
|
/* @__PURE__ */ React.createElement(
|
|
494
490
|
"span",
|
|
495
491
|
{
|
|
@@ -522,6 +518,7 @@ const MultiSelect = React.forwardRef(
|
|
|
522
518
|
},
|
|
523
519
|
/* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
|
|
524
520
|
),
|
|
521
|
+
option.prefix && /* @__PURE__ */ React.createElement(Typography, { className: "flex items-center flex-shrink-0 mr-2" }, option.prefix),
|
|
525
522
|
/* @__PURE__ */ React.createElement(
|
|
526
523
|
"span",
|
|
527
524
|
{
|
|
@@ -9,28 +9,22 @@ const NumberControl = ({
|
|
|
9
9
|
label,
|
|
10
10
|
value,
|
|
11
11
|
onChange,
|
|
12
|
-
placeholder,
|
|
12
|
+
placeholder = "",
|
|
13
13
|
required = false,
|
|
14
|
-
min,
|
|
15
|
-
max,
|
|
16
|
-
maxDigits,
|
|
14
|
+
min = 0,
|
|
17
15
|
className = "",
|
|
18
16
|
labelClassName = "",
|
|
19
17
|
info = false,
|
|
20
18
|
labelPosition = "top"
|
|
21
19
|
}) => {
|
|
22
|
-
const defaultPlaceholder = maxDigits ? "0".repeat(maxDigits) : "0";
|
|
23
|
-
const finalPlaceholder = placeholder ?? defaultPlaceholder;
|
|
24
20
|
const handleIncrement = () => {
|
|
25
|
-
const current =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
onChange(newValue);
|
|
29
|
-
}
|
|
21
|
+
const current = parseInt(value, 10) || 0;
|
|
22
|
+
const newValue = (current + 1).toString();
|
|
23
|
+
onChange(newValue);
|
|
30
24
|
};
|
|
31
25
|
const handleDecrement = () => {
|
|
32
|
-
const current =
|
|
33
|
-
if (
|
|
26
|
+
const current = parseInt(value, 10) || 0;
|
|
27
|
+
if (current > min) {
|
|
34
28
|
const newValue = (current - 1).toString();
|
|
35
29
|
onChange(newValue);
|
|
36
30
|
}
|
|
@@ -41,13 +35,8 @@ const NumberControl = ({
|
|
|
41
35
|
onChange("");
|
|
42
36
|
return;
|
|
43
37
|
}
|
|
44
|
-
if (maxDigits && numbersOnly.length > maxDigits) {
|
|
45
|
-
return;
|
|
46
|
-
}
|
|
47
38
|
const numValue = parseInt(numbersOnly, 10);
|
|
48
|
-
|
|
49
|
-
const isBelowMax = max === void 0 || numValue <= max;
|
|
50
|
-
if (isAboveMin && isBelowMax) {
|
|
39
|
+
if (numValue >= min) {
|
|
51
40
|
onChange(numbersOnly);
|
|
52
41
|
}
|
|
53
42
|
};
|
|
@@ -69,7 +58,7 @@ const NumberControl = ({
|
|
|
69
58
|
onChange: (e) => handleInputChange(e.target.value),
|
|
70
59
|
className: "text-center flex-1 px-10 w-full",
|
|
71
60
|
containerClassName: "w-full",
|
|
72
|
-
placeholder
|
|
61
|
+
placeholder,
|
|
73
62
|
prefixInset: /* @__PURE__ */ React__default.createElement(
|
|
74
63
|
Minus,
|
|
75
64
|
{
|
package/dist/index.d.ts
CHANGED
|
@@ -756,9 +756,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
|
|
|
756
756
|
}
|
|
757
757
|
|
|
758
758
|
declare const inputVariants: (props?: ({
|
|
759
|
-
variant?: "
|
|
760
|
-
size?: "
|
|
761
|
-
radius?: "
|
|
759
|
+
variant?: "filled" | "default" | "borderless" | null | undefined;
|
|
760
|
+
size?: "small" | "large" | "default" | null | undefined;
|
|
761
|
+
radius?: "small" | "large" | "default" | "full" | null | undefined;
|
|
762
762
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
763
763
|
interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
|
|
764
764
|
sufix?: React$1.ReactNode;
|
|
@@ -803,6 +803,7 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
803
803
|
options?: {
|
|
804
804
|
label: string;
|
|
805
805
|
value: string;
|
|
806
|
+
prefix?: React$1.ReactNode;
|
|
806
807
|
}[];
|
|
807
808
|
onValueChange: (value: string[]) => void;
|
|
808
809
|
value?: string[];
|
|
@@ -822,6 +823,7 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
822
823
|
filterFn?: (query: string, option: {
|
|
823
824
|
label: string;
|
|
824
825
|
value: string;
|
|
826
|
+
prefix?: React$1.ReactNode;
|
|
825
827
|
}) => number | false;
|
|
826
828
|
searchStrategy?: 'simple' | 'ranked';
|
|
827
829
|
highlightMatches?: boolean;
|
|
@@ -831,10 +833,16 @@ interface MultiSelectProps extends React$1.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
831
833
|
[categoryName: string]: {
|
|
832
834
|
label: string;
|
|
833
835
|
value: string;
|
|
836
|
+
prefix?: React$1.ReactNode;
|
|
834
837
|
}[];
|
|
835
838
|
};
|
|
836
839
|
classNameContent?: string;
|
|
837
840
|
}
|
|
841
|
+
interface MultiSelectOption {
|
|
842
|
+
label: string;
|
|
843
|
+
value: string;
|
|
844
|
+
prefix?: React$1.ReactNode;
|
|
845
|
+
}
|
|
838
846
|
interface MultiSelectTreeOption {
|
|
839
847
|
label: string;
|
|
840
848
|
value: string;
|
|
@@ -939,19 +947,17 @@ declare function useNotificationToast(): {
|
|
|
939
947
|
|
|
940
948
|
interface NumberControlProps {
|
|
941
949
|
label: string;
|
|
942
|
-
value: string
|
|
950
|
+
value: string;
|
|
943
951
|
onChange: (value: string) => void;
|
|
944
952
|
placeholder?: string;
|
|
945
953
|
required?: boolean;
|
|
946
954
|
min?: number;
|
|
947
|
-
max?: number;
|
|
948
|
-
maxDigits?: number;
|
|
949
955
|
className?: string;
|
|
950
956
|
labelClassName?: string;
|
|
951
957
|
info?: boolean;
|
|
952
958
|
labelPosition?: 'top' | 'bottom';
|
|
953
959
|
}
|
|
954
|
-
declare const NumberControl: ({ label, value, onChange, placeholder, required, min,
|
|
960
|
+
declare const NumberControl: ({ label, value, onChange, placeholder, required, min, className, labelClassName, info, labelPosition, }: NumberControlProps) => React__default.JSX.Element;
|
|
955
961
|
|
|
956
962
|
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
957
963
|
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -961,7 +967,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
|
|
|
961
967
|
declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
962
968
|
|
|
963
969
|
declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
|
|
964
|
-
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement |
|
|
970
|
+
declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
|
|
965
971
|
className?: string;
|
|
966
972
|
collapsedSize?: number | undefined;
|
|
967
973
|
collapsible?: boolean | undefined;
|
|
@@ -1126,10 +1132,10 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
1126
1132
|
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1127
1133
|
|
|
1128
1134
|
declare const textareaVariants: (props?: ({
|
|
1129
|
-
variant?: "
|
|
1130
|
-
size?: "
|
|
1131
|
-
radius?: "
|
|
1132
|
-
resize?: "
|
|
1135
|
+
variant?: "filled" | "default" | "borderless" | null | undefined;
|
|
1136
|
+
size?: "small" | "large" | "default" | null | undefined;
|
|
1137
|
+
radius?: "small" | "large" | "default" | "full" | null | undefined;
|
|
1138
|
+
resize?: "both" | "horizontal" | "vertical" | "default" | "vertical-limited" | null | undefined;
|
|
1133
1139
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1134
1140
|
interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
|
|
1135
1141
|
}
|
|
@@ -1266,7 +1272,7 @@ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dial
|
|
|
1266
1272
|
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
1267
1273
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1268
1274
|
declare const sheetVariants: (props?: ({
|
|
1269
|
-
side?: "
|
|
1275
|
+
side?: "top" | "bottom" | "left" | "right" | null | undefined;
|
|
1270
1276
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1271
1277
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1272
1278
|
}
|
|
@@ -1289,4 +1295,4 @@ interface DateInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
1289
1295
|
declare const DateInput: React$1.ForwardRefExoticComponent<DateInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1290
1296
|
|
|
1291
1297
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, ColorPicker, Combobox, CustomDivider, MemoizedDataTable as DataTable, DateInput, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, NumberControl, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Steps, Switch, SyntaxHighlighter, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
|
|
1292
|
-
export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxFont, ComboboxGroup, ComboboxOption, ComboboxProps, ComboboxRounded, ComboboxSize, ComboboxStatus, CustomStyles$1 as CustomStyles, DataTableProps, DateInputProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, MultiSelectTreeOption, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
|
|
1298
|
+
export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxFont, ComboboxGroup, ComboboxOption, ComboboxProps, ComboboxRounded, ComboboxSize, ComboboxStatus, CustomStyles$1 as CustomStyles, DataTableProps, DateInputProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, MultiSelectOption, MultiSelectTreeOption, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };
|
package/dist/plugin/extend.js
CHANGED
|
@@ -1,78 +1,78 @@
|
|
|
1
|
-
const extend = {
|
|
2
|
-
colors: {
|
|
3
|
-
background: 'hsl(var(--background))',
|
|
4
|
-
foreground: 'hsl(var(--foreground))',
|
|
5
|
-
card: {
|
|
6
|
-
DEFAULT: 'hsl(var(--card))',
|
|
7
|
-
foreground: 'hsl(var(--card-foreground))',
|
|
8
|
-
},
|
|
9
|
-
popover: {
|
|
10
|
-
DEFAULT: 'hsl(var(--popover))',
|
|
11
|
-
foreground: 'hsl(var(--popover-foreground))',
|
|
12
|
-
},
|
|
13
|
-
primary: {
|
|
14
|
-
DEFAULT: 'hsl(var(--primary))',
|
|
15
|
-
foreground: 'hsl(var(--primary-foreground))',
|
|
16
|
-
},
|
|
17
|
-
secondary: {
|
|
18
|
-
DEFAULT: 'hsl(var(--secondary))',
|
|
19
|
-
foreground: 'hsl(var(--secondary-foreground))',
|
|
20
|
-
},
|
|
21
|
-
muted: {
|
|
22
|
-
DEFAULT: 'hsl(var(--muted))',
|
|
23
|
-
foreground: 'hsl(var(--muted-foreground))',
|
|
24
|
-
},
|
|
25
|
-
accent: {
|
|
26
|
-
DEFAULT: 'hsl(var(--accent))',
|
|
27
|
-
foreground: 'hsl(var(--accent-foreground))',
|
|
28
|
-
},
|
|
29
|
-
destructive: {
|
|
30
|
-
DEFAULT: 'hsl(var(--destructive))',
|
|
31
|
-
foreground: 'hsl(var(--destructive-foreground))',
|
|
32
|
-
},
|
|
33
|
-
border: 'hsl(var(--border))',
|
|
34
|
-
input: 'hsl(var(--input))',
|
|
35
|
-
ring: 'hsl(var(--ring))',
|
|
36
|
-
chart: {
|
|
37
|
-
1: 'hsl(var(--chart-1))',
|
|
38
|
-
2: 'hsl(var(--chart-2))',
|
|
39
|
-
3: 'hsl(var(--chart-3))',
|
|
40
|
-
4: 'hsl(var(--chart-4))',
|
|
41
|
-
5: 'hsl(var(--chart-5))',
|
|
42
|
-
6: 'hsl(var(--chart-6))',
|
|
43
|
-
7: 'hsl(var(--chart-7))',
|
|
44
|
-
8: 'hsl(var(--chart-8))',
|
|
45
|
-
},
|
|
46
|
-
sidebar: {
|
|
47
|
-
DEFAULT: 'hsl(var(--sidebar-background))',
|
|
48
|
-
foreground: 'hsl(var(--sidebar-foreground))',
|
|
49
|
-
primary: 'hsl(var(--sidebar-primary))',
|
|
50
|
-
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
|
51
|
-
accent: 'hsl(var(--sidebar-accent))',
|
|
52
|
-
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
|
53
|
-
border: 'hsl(var(--sidebar-border))',
|
|
54
|
-
ring: 'hsl(var(--sidebar-ring))',
|
|
55
|
-
},
|
|
56
|
-
},
|
|
57
|
-
borderRadius: {
|
|
58
|
-
lg: 'var(--radius)',
|
|
59
|
-
md: 'calc(var(--radius) - 2px)',
|
|
60
|
-
sm: 'calc(var(--radius) - 4px)',
|
|
61
|
-
},
|
|
62
|
-
keyframes: {
|
|
63
|
-
'accordion-down': {
|
|
64
|
-
from: { height: '0' },
|
|
65
|
-
to: { height: 'var(--radix-accordion-content-height)' },
|
|
66
|
-
},
|
|
67
|
-
'accordion-up': {
|
|
68
|
-
from: { height: 'var(--radix-accordion-content-height)' },
|
|
69
|
-
to: { height: '0' },
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
animation: {
|
|
73
|
-
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
74
|
-
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
export { extend };
|
|
1
|
+
const extend = {
|
|
2
|
+
colors: {
|
|
3
|
+
background: 'hsl(var(--background))',
|
|
4
|
+
foreground: 'hsl(var(--foreground))',
|
|
5
|
+
card: {
|
|
6
|
+
DEFAULT: 'hsl(var(--card))',
|
|
7
|
+
foreground: 'hsl(var(--card-foreground))',
|
|
8
|
+
},
|
|
9
|
+
popover: {
|
|
10
|
+
DEFAULT: 'hsl(var(--popover))',
|
|
11
|
+
foreground: 'hsl(var(--popover-foreground))',
|
|
12
|
+
},
|
|
13
|
+
primary: {
|
|
14
|
+
DEFAULT: 'hsl(var(--primary))',
|
|
15
|
+
foreground: 'hsl(var(--primary-foreground))',
|
|
16
|
+
},
|
|
17
|
+
secondary: {
|
|
18
|
+
DEFAULT: 'hsl(var(--secondary))',
|
|
19
|
+
foreground: 'hsl(var(--secondary-foreground))',
|
|
20
|
+
},
|
|
21
|
+
muted: {
|
|
22
|
+
DEFAULT: 'hsl(var(--muted))',
|
|
23
|
+
foreground: 'hsl(var(--muted-foreground))',
|
|
24
|
+
},
|
|
25
|
+
accent: {
|
|
26
|
+
DEFAULT: 'hsl(var(--accent))',
|
|
27
|
+
foreground: 'hsl(var(--accent-foreground))',
|
|
28
|
+
},
|
|
29
|
+
destructive: {
|
|
30
|
+
DEFAULT: 'hsl(var(--destructive))',
|
|
31
|
+
foreground: 'hsl(var(--destructive-foreground))',
|
|
32
|
+
},
|
|
33
|
+
border: 'hsl(var(--border))',
|
|
34
|
+
input: 'hsl(var(--input))',
|
|
35
|
+
ring: 'hsl(var(--ring))',
|
|
36
|
+
chart: {
|
|
37
|
+
1: 'hsl(var(--chart-1))',
|
|
38
|
+
2: 'hsl(var(--chart-2))',
|
|
39
|
+
3: 'hsl(var(--chart-3))',
|
|
40
|
+
4: 'hsl(var(--chart-4))',
|
|
41
|
+
5: 'hsl(var(--chart-5))',
|
|
42
|
+
6: 'hsl(var(--chart-6))',
|
|
43
|
+
7: 'hsl(var(--chart-7))',
|
|
44
|
+
8: 'hsl(var(--chart-8))',
|
|
45
|
+
},
|
|
46
|
+
sidebar: {
|
|
47
|
+
DEFAULT: 'hsl(var(--sidebar-background))',
|
|
48
|
+
foreground: 'hsl(var(--sidebar-foreground))',
|
|
49
|
+
primary: 'hsl(var(--sidebar-primary))',
|
|
50
|
+
'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
|
|
51
|
+
accent: 'hsl(var(--sidebar-accent))',
|
|
52
|
+
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
|
53
|
+
border: 'hsl(var(--sidebar-border))',
|
|
54
|
+
ring: 'hsl(var(--sidebar-ring))',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
borderRadius: {
|
|
58
|
+
lg: 'var(--radius)',
|
|
59
|
+
md: 'calc(var(--radius) - 2px)',
|
|
60
|
+
sm: 'calc(var(--radius) - 4px)',
|
|
61
|
+
},
|
|
62
|
+
keyframes: {
|
|
63
|
+
'accordion-down': {
|
|
64
|
+
from: { height: '0' },
|
|
65
|
+
to: { height: 'var(--radix-accordion-content-height)' },
|
|
66
|
+
},
|
|
67
|
+
'accordion-up': {
|
|
68
|
+
from: { height: 'var(--radix-accordion-content-height)' },
|
|
69
|
+
to: { height: '0' },
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
animation: {
|
|
73
|
+
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
74
|
+
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
75
|
+
},
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
export { extend };
|