@lets-events/react 12.10.16 → 12.10.17
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/.turbo/turbo-build.log +7 -7
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +53 -46
- package/dist/index.d.ts +53 -46
- package/dist/index.js +10 -10
- package/dist/index.mjs +10 -10
- package/package.json +1 -1
- package/src/components/Card.tsx +14 -7
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @lets-events/react@12.10.
|
|
2
|
+
> @lets-events/react@12.10.17 build
|
|
3
3
|
> tsup src/index.tsx --format esm,cjs --dts --external react
|
|
4
4
|
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
[34mCLI[39m Target: es6
|
|
10
10
|
[34mESM[39m Build start
|
|
11
11
|
[34mCJS[39m Build start
|
|
12
|
-
[32mCJS[39m [1mdist\index.js [22m[32m432.14 KB[39m
|
|
13
|
-
[32mCJS[39m ⚡️ Build success in 274ms
|
|
14
12
|
[32mESM[39m [1mdist\index.mjs [22m[32m416.46 KB[39m
|
|
15
|
-
[32mESM[39m ⚡️ Build success in
|
|
13
|
+
[32mESM[39m ⚡️ Build success in 254ms
|
|
14
|
+
[32mCJS[39m [1mdist\index.js [22m[32m432.14 KB[39m
|
|
15
|
+
[32mCJS[39m ⚡️ Build success in 255ms
|
|
16
16
|
[34mDTS[39m Build start
|
|
17
|
-
[32mDTS[39m ⚡️ Build success in
|
|
18
|
-
[32mDTS[39m [1mdist\index.d.mts [22m[32m410.
|
|
19
|
-
[32mDTS[39m [1mdist\index.d.ts [22m[32m410.
|
|
17
|
+
[32mDTS[39m ⚡️ Build success in 4939ms
|
|
18
|
+
[32mDTS[39m [1mdist\index.d.mts [22m[32m410.66 KB[39m
|
|
19
|
+
[32mDTS[39m [1mdist\index.d.ts [22m[32m410.66 KB[39m
|
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -4,8 +4,8 @@ import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
6
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
7
|
-
import * as
|
|
8
|
-
import
|
|
7
|
+
import * as react from 'react';
|
|
8
|
+
import react__default, { ElementType, ReactNode, CSSProperties, ButtonHTMLAttributes, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
|
|
9
9
|
import * as _radix_ui_themes from '@radix-ui/themes';
|
|
10
10
|
import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
|
|
11
11
|
import { CSS } from '@stitches/react';
|
|
@@ -552,7 +552,7 @@ declare const typographyValues: {
|
|
|
552
552
|
};
|
|
553
553
|
};
|
|
554
554
|
|
|
555
|
-
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
555
|
+
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
|
|
556
556
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
557
557
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
558
558
|
}, {
|
|
@@ -969,7 +969,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
969
969
|
}
|
|
970
970
|
declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
971
971
|
|
|
972
|
-
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
972
|
+
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
973
973
|
active?: boolean | "true" | undefined;
|
|
974
974
|
}, {
|
|
975
975
|
md: "(max-width: 690px)";
|
|
@@ -1345,7 +1345,7 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
|
|
|
1345
1345
|
transition: "transitions";
|
|
1346
1346
|
zIndex: "zIndices";
|
|
1347
1347
|
}, {}>>;
|
|
1348
|
-
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1348
|
+
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
1349
1349
|
color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
|
|
1350
1350
|
variant?: "text" | "contained" | "outlined" | undefined;
|
|
1351
1351
|
typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
|
|
@@ -1730,7 +1730,7 @@ type ButtonGroupProps = ComponentProps<typeof ButtonGroupStyled>;
|
|
|
1730
1730
|
declare function ButtonItem({ children, active, ...props }: ButtonItemProps): react_jsx_runtime.JSX.Element;
|
|
1731
1731
|
declare function ButtonGroup({ children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
1732
1732
|
|
|
1733
|
-
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1733
|
+
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & react.RefAttributes<HTMLImageElement>>, {
|
|
1734
1734
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
|
|
1735
1735
|
radii?: "full" | undefined;
|
|
1736
1736
|
variant?: "without-image" | "with-image" | undefined;
|
|
@@ -2115,7 +2115,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
|
|
|
2115
2115
|
};
|
|
2116
2116
|
declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
2117
2117
|
|
|
2118
|
-
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2118
|
+
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
|
|
2119
2119
|
color?: "default" | "error" | undefined;
|
|
2120
2120
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2121
2121
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -2495,7 +2495,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
|
|
|
2495
2495
|
transition: "transitions";
|
|
2496
2496
|
zIndex: "zIndices";
|
|
2497
2497
|
}, {}>>;
|
|
2498
|
-
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2498
|
+
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
|
|
2499
2499
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2500
2500
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
2501
2501
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
@@ -2876,7 +2876,7 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
|
|
|
2876
2876
|
type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
2877
2877
|
addon?: ReactNode;
|
|
2878
2878
|
placeholder?: string;
|
|
2879
|
-
children?:
|
|
2879
|
+
children?: react__default.ReactNode;
|
|
2880
2880
|
isValid?: boolean;
|
|
2881
2881
|
name?: string;
|
|
2882
2882
|
maxLength?: number;
|
|
@@ -2888,7 +2888,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
|
2888
2888
|
};
|
|
2889
2889
|
type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
|
|
2890
2890
|
placeholder?: string;
|
|
2891
|
-
children?:
|
|
2891
|
+
children?: react__default.ReactNode;
|
|
2892
2892
|
position?: "flex-start" | "flex-end";
|
|
2893
2893
|
onClick?: () => void;
|
|
2894
2894
|
color?: "error" | "success" | undefined;
|
|
@@ -2898,10 +2898,10 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color">
|
|
|
2898
2898
|
};
|
|
2899
2899
|
declare const maskFormat: typeof format;
|
|
2900
2900
|
declare const maskUnformat: typeof unformat;
|
|
2901
|
-
declare const TextField:
|
|
2901
|
+
declare const TextField: react__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
|
|
2902
2902
|
declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
|
|
2903
2903
|
|
|
2904
|
-
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2904
|
+
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
2905
2905
|
color?: "blue" | "error" | "success" | undefined;
|
|
2906
2906
|
disabled?: boolean | "false" | "true" | undefined;
|
|
2907
2907
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3295,7 +3295,7 @@ type RadioItemProps = {
|
|
|
3295
3295
|
declare function RadioGroup({ children, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
3296
3296
|
declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_runtime.JSX.Element;
|
|
3297
3297
|
|
|
3298
|
-
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
3298
|
+
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
3299
3299
|
color?: "blue" | "error" | "success" | undefined;
|
|
3300
3300
|
disabled?: boolean | "false" | "true" | undefined;
|
|
3301
3301
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3674,7 +3674,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
|
|
|
3674
3674
|
transition: "transitions";
|
|
3675
3675
|
zIndex: "zIndices";
|
|
3676
3676
|
}, {}>>;
|
|
3677
|
-
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<
|
|
3677
|
+
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {
|
|
3678
3678
|
md: "(max-width: 690px)";
|
|
3679
3679
|
}, _stitches_react_types_css_util.CSS<{
|
|
3680
3680
|
md: "(max-width: 690px)";
|
|
@@ -4100,7 +4100,7 @@ type DropdownMenuItemProps = {
|
|
|
4100
4100
|
declare function DropdownMenu({ children, placeholder, typography, color, fontWeight, open: controlledOpen, onOpenChange, defaultOpen, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
4101
4101
|
declare function DropdownMenuItem({ children, typography, fontWeight, value, onSelect, onClick, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
4102
4102
|
|
|
4103
|
-
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
4103
|
+
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
|
|
4104
4104
|
color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
|
|
4105
4105
|
size?: "xs" | "sm" | "md" | "xl" | undefined;
|
|
4106
4106
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -4507,7 +4507,7 @@ declare function Modal({ children, title, trigger, zIndex, maxWidth, ...props }:
|
|
|
4507
4507
|
type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
|
|
4508
4508
|
children: ReactNode;
|
|
4509
4509
|
isOpen: boolean;
|
|
4510
|
-
setIsOpen:
|
|
4510
|
+
setIsOpen: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
4511
4511
|
};
|
|
4512
4512
|
declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4513
4513
|
|
|
@@ -4891,7 +4891,7 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
|
|
|
4891
4891
|
type CalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4892
4892
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4893
4893
|
selected: Date | undefined;
|
|
4894
|
-
setSelected:
|
|
4894
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
|
|
4895
4895
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4896
4896
|
action?: boolean;
|
|
4897
4897
|
actionText?: string;
|
|
@@ -4912,7 +4912,7 @@ type DateRange = {
|
|
|
4912
4912
|
type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4913
4913
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4914
4914
|
selected: DateRange;
|
|
4915
|
-
setSelected:
|
|
4915
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<DateRange>>;
|
|
4916
4916
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4917
4917
|
action?: boolean;
|
|
4918
4918
|
simpleAction?: boolean;
|
|
@@ -7944,7 +7944,7 @@ declare const TimePickerIconButton: _stitches_react_types_styled_component.Style
|
|
|
7944
7944
|
}, {}>>;
|
|
7945
7945
|
type TimePickerProps = {
|
|
7946
7946
|
selected: string | undefined;
|
|
7947
|
-
setSelected:
|
|
7947
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<string | undefined>>;
|
|
7948
7948
|
position?: "bottom" | "top" | "top-right" | "bottom-right";
|
|
7949
7949
|
hasError?: boolean;
|
|
7950
7950
|
expand?: boolean;
|
|
@@ -7952,7 +7952,7 @@ type TimePickerProps = {
|
|
|
7952
7952
|
};
|
|
7953
7953
|
declare function TimePicker({ selected, setSelected, position, hasError, expand, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
7954
7954
|
|
|
7955
|
-
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
7955
|
+
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
7956
7956
|
color?: "info" | "warning" | "error" | "success" | undefined;
|
|
7957
7957
|
}, {
|
|
7958
7958
|
md: "(max-width: 690px)";
|
|
@@ -8328,7 +8328,7 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
|
|
|
8328
8328
|
transition: "transitions";
|
|
8329
8329
|
zIndex: "zIndices";
|
|
8330
8330
|
}, {}>>;
|
|
8331
|
-
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8331
|
+
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
8332
8332
|
color?: undefined;
|
|
8333
8333
|
}, {
|
|
8334
8334
|
md: "(max-width: 690px)";
|
|
@@ -8704,7 +8704,7 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
|
|
|
8704
8704
|
transition: "transitions";
|
|
8705
8705
|
zIndex: "zIndices";
|
|
8706
8706
|
}, {}>>;
|
|
8707
|
-
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8707
|
+
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {
|
|
8708
8708
|
md: "(max-width: 690px)";
|
|
8709
8709
|
}, _stitches_react_types_css_util.CSS<{
|
|
8710
8710
|
md: "(max-width: 690px)";
|
|
@@ -9078,7 +9078,7 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
|
|
|
9078
9078
|
transition: "transitions";
|
|
9079
9079
|
zIndex: "zIndices";
|
|
9080
9080
|
}, {}>>;
|
|
9081
|
-
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
9081
|
+
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {
|
|
9082
9082
|
md: "(max-width: 690px)";
|
|
9083
9083
|
}, _stitches_react_types_css_util.CSS<{
|
|
9084
9084
|
md: "(max-width: 690px)";
|
|
@@ -10593,7 +10593,7 @@ type AlertProps = {
|
|
|
10593
10593
|
};
|
|
10594
10594
|
declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
10595
10595
|
|
|
10596
|
-
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
10596
|
+
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
10597
10597
|
color?: "brand" | undefined;
|
|
10598
10598
|
size?: "sm" | "md" | "lg" | undefined;
|
|
10599
10599
|
}, {
|
|
@@ -11351,29 +11351,29 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11351
11351
|
zIndex: "zIndices";
|
|
11352
11352
|
}, {}>>;
|
|
11353
11353
|
type StepProps = ComponentProps<typeof StepStyled> & {
|
|
11354
|
-
children:
|
|
11354
|
+
children: react__default.ReactNode;
|
|
11355
11355
|
defaultValue: number;
|
|
11356
11356
|
};
|
|
11357
11357
|
declare function Step({ children, defaultValue, ...props }: StepProps): react_jsx_runtime.JSX.Element;
|
|
11358
11358
|
declare function StepTrigger({ value, children, currentStep, ...props }: {
|
|
11359
11359
|
value: number;
|
|
11360
|
-
children:
|
|
11360
|
+
children: react__default.ReactNode | string;
|
|
11361
11361
|
currentStep?: number;
|
|
11362
11362
|
onClick: () => void;
|
|
11363
11363
|
}): react_jsx_runtime.JSX.Element;
|
|
11364
11364
|
declare function StepContent({ value, children, ...props }: {
|
|
11365
11365
|
value: number;
|
|
11366
|
-
children:
|
|
11366
|
+
children: react__default.ReactNode;
|
|
11367
11367
|
}): react_jsx_runtime.JSX.Element;
|
|
11368
11368
|
declare function StepList({ children, currentStep, ...props }: {
|
|
11369
|
-
children:
|
|
11369
|
+
children: react__default.ReactNode;
|
|
11370
11370
|
currentStep: number;
|
|
11371
11371
|
}): react_jsx_runtime.JSX.Element;
|
|
11372
11372
|
declare function StepWrapper({ children, ...props }: {
|
|
11373
|
-
children:
|
|
11373
|
+
children: react__default.ReactNode;
|
|
11374
11374
|
}): react_jsx_runtime.JSX.Element;
|
|
11375
11375
|
|
|
11376
|
-
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
11376
|
+
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.CardProps & react.RefAttributes<HTMLDivElement>>, {
|
|
11377
11377
|
color?: "warning" | "error" | "primary" | "disable" | undefined;
|
|
11378
11378
|
boxShadow?: boolean | "false" | "true" | undefined;
|
|
11379
11379
|
}, {
|
|
@@ -11750,15 +11750,22 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11750
11750
|
transition: "transitions";
|
|
11751
11751
|
zIndex: "zIndices";
|
|
11752
11752
|
}, {}>>;
|
|
11753
|
-
type CardProps =
|
|
11754
|
-
children: React__default.ReactNode;
|
|
11753
|
+
type CardProps = {
|
|
11755
11754
|
as?: ElementType;
|
|
11755
|
+
asChild?: boolean;
|
|
11756
|
+
color?: "primary" | "disable" | "error" | "warning";
|
|
11757
|
+
boxShadow?: boolean;
|
|
11756
11758
|
padding?: string;
|
|
11757
11759
|
radius?: string;
|
|
11760
|
+
children: ReactNode;
|
|
11761
|
+
id?: string;
|
|
11762
|
+
className?: string;
|
|
11763
|
+
style?: CSSProperties;
|
|
11764
|
+
css?: CSS<typeof config>;
|
|
11758
11765
|
};
|
|
11759
11766
|
declare function Card({ asChild, children, padding, radius, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
11760
11767
|
|
|
11761
|
-
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
11768
|
+
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>, {
|
|
11762
11769
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
11763
11770
|
}, {
|
|
11764
11771
|
md: "(max-width: 690px)";
|
|
@@ -12514,7 +12521,7 @@ type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color
|
|
|
12514
12521
|
maxLength?: number;
|
|
12515
12522
|
top?: string;
|
|
12516
12523
|
};
|
|
12517
|
-
declare const TextareaField:
|
|
12524
|
+
declare const TextareaField: react__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
|
|
12518
12525
|
|
|
12519
12526
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
12520
12527
|
interface ToastConfig {
|
|
@@ -12559,10 +12566,10 @@ declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDire
|
|
|
12559
12566
|
|
|
12560
12567
|
declare const useToast: () => ToastContextType;
|
|
12561
12568
|
|
|
12562
|
-
declare const TooltipProvider:
|
|
12563
|
-
declare const TooltipRoot:
|
|
12564
|
-
declare const TooltipTrigger:
|
|
12565
|
-
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<
|
|
12569
|
+
declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
12570
|
+
declare const TooltipRoot: react.FC<TooltipPrimitive.TooltipProps>;
|
|
12571
|
+
declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
12572
|
+
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {
|
|
12566
12573
|
md: "(max-width: 690px)";
|
|
12567
12574
|
}, _stitches_react_types_css_util.CSS<{
|
|
12568
12575
|
md: "(max-width: 690px)";
|
|
@@ -12937,14 +12944,14 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
|
|
|
12937
12944
|
zIndex: "zIndices";
|
|
12938
12945
|
}, {}>>;
|
|
12939
12946
|
interface TooltipProps {
|
|
12940
|
-
children:
|
|
12941
|
-
content:
|
|
12947
|
+
children: react.ReactNode;
|
|
12948
|
+
content: react.ReactNode;
|
|
12942
12949
|
delayDuration?: number;
|
|
12943
12950
|
side?: "top" | "right" | "bottom" | "left";
|
|
12944
12951
|
}
|
|
12945
12952
|
declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
12946
12953
|
|
|
12947
|
-
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
12954
|
+
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
12948
12955
|
display?: "flex" | "inline-flex" | undefined;
|
|
12949
12956
|
align?: "end" | "stretch" | "center" | "start" | "baseline" | undefined;
|
|
12950
12957
|
justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
|
|
@@ -13743,7 +13750,7 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
|
|
|
13743
13750
|
showMoreButtonLabel?: string;
|
|
13744
13751
|
showMoreButtonOnClick?: () => void;
|
|
13745
13752
|
};
|
|
13746
|
-
declare const MultiSelect:
|
|
13753
|
+
declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
13747
13754
|
|
|
13748
13755
|
declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
|
|
13749
13756
|
md: "(max-width: 690px)";
|
|
@@ -14132,9 +14139,9 @@ interface ToggleElementProps {
|
|
|
14132
14139
|
}
|
|
14133
14140
|
declare function ToggleElement({ children, label, openedLabel, defaultOpen, open, hideButtonWhenOpen, buttonProps, onOpenChange, }: ToggleElementProps): react_jsx_runtime.JSX.Element;
|
|
14134
14141
|
|
|
14135
|
-
declare const Box:
|
|
14142
|
+
declare const Box: react.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react.RefAttributes<HTMLDivElement>>;
|
|
14136
14143
|
|
|
14137
|
-
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14144
|
+
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.GridProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14138
14145
|
display?: "grid" | "inline-grid" | undefined;
|
|
14139
14146
|
align?: "end" | "stretch" | "center" | "start" | undefined;
|
|
14140
14147
|
justify?: "end" | "center" | "start" | "between" | undefined;
|
|
@@ -14525,7 +14532,7 @@ type GridProps = ComponentProps<typeof GridStyled> & {
|
|
|
14525
14532
|
};
|
|
14526
14533
|
declare function Grid({ children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
|
|
14527
14534
|
|
|
14528
|
-
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14535
|
+
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14529
14536
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14530
14537
|
display?: "initial" | "none" | undefined;
|
|
14531
14538
|
align?: "left" | "right" | "center" | undefined;
|
|
@@ -14909,7 +14916,7 @@ type ContainerProps = ComponentProps<typeof ContainerStyled> & {
|
|
|
14909
14916
|
};
|
|
14910
14917
|
declare function Container({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
14911
14918
|
|
|
14912
|
-
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14919
|
+
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14913
14920
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14914
14921
|
display?: "initial" | "none" | undefined;
|
|
14915
14922
|
}, {
|
package/dist/index.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
6
6
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
7
|
-
import * as
|
|
8
|
-
import
|
|
7
|
+
import * as react from 'react';
|
|
8
|
+
import react__default, { ElementType, ReactNode, CSSProperties, ButtonHTMLAttributes, ComponentProps, MouseEvent, HTMLAttributes, JSX } from 'react';
|
|
9
9
|
import * as _radix_ui_themes from '@radix-ui/themes';
|
|
10
10
|
import { TextField as TextField$1, RadioGroup as RadioGroup$1, CheckboxGroup as CheckboxGroup$1, DropdownMenu as DropdownMenu$1, AlertDialog, Switch as Switch$1 } from '@radix-ui/themes';
|
|
11
11
|
import { CSS } from '@stitches/react';
|
|
@@ -552,7 +552,7 @@ declare const typographyValues: {
|
|
|
552
552
|
};
|
|
553
553
|
};
|
|
554
554
|
|
|
555
|
-
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
555
|
+
declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
|
|
556
556
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
557
557
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
558
558
|
}, {
|
|
@@ -969,7 +969,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
969
969
|
}
|
|
970
970
|
declare function Button({ asChild, children, loading, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
971
971
|
|
|
972
|
-
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
972
|
+
declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
973
973
|
active?: boolean | "true" | undefined;
|
|
974
974
|
}, {
|
|
975
975
|
md: "(max-width: 690px)";
|
|
@@ -1345,7 +1345,7 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
|
|
|
1345
1345
|
transition: "transitions";
|
|
1346
1346
|
zIndex: "zIndices";
|
|
1347
1347
|
}, {}>>;
|
|
1348
|
-
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1348
|
+
declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
1349
1349
|
color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
|
|
1350
1350
|
variant?: "text" | "contained" | "outlined" | undefined;
|
|
1351
1351
|
typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
|
|
@@ -1730,7 +1730,7 @@ type ButtonGroupProps = ComponentProps<typeof ButtonGroupStyled>;
|
|
|
1730
1730
|
declare function ButtonItem({ children, active, ...props }: ButtonItemProps): react_jsx_runtime.JSX.Element;
|
|
1731
1731
|
declare function ButtonGroup({ children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
1732
1732
|
|
|
1733
|
-
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
1733
|
+
declare const AvatarStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.AvatarProps & react.RefAttributes<HTMLImageElement>>, {
|
|
1734
1734
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | undefined;
|
|
1735
1735
|
radii?: "full" | undefined;
|
|
1736
1736
|
variant?: "without-image" | "with-image" | undefined;
|
|
@@ -2115,7 +2115,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
|
|
|
2115
2115
|
};
|
|
2116
2116
|
declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
2117
2117
|
|
|
2118
|
-
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2118
|
+
declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
|
|
2119
2119
|
color?: "default" | "error" | undefined;
|
|
2120
2120
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2121
2121
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -2495,7 +2495,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
|
|
|
2495
2495
|
transition: "transitions";
|
|
2496
2496
|
zIndex: "zIndices";
|
|
2497
2497
|
}, {}>>;
|
|
2498
|
-
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2498
|
+
declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
|
|
2499
2499
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
2500
2500
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
2501
2501
|
textAlign?: "left" | "right" | "center" | undefined;
|
|
@@ -2876,7 +2876,7 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
|
|
|
2876
2876
|
type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
2877
2877
|
addon?: ReactNode;
|
|
2878
2878
|
placeholder?: string;
|
|
2879
|
-
children?:
|
|
2879
|
+
children?: react__default.ReactNode;
|
|
2880
2880
|
isValid?: boolean;
|
|
2881
2881
|
name?: string;
|
|
2882
2882
|
maxLength?: number;
|
|
@@ -2888,7 +2888,7 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
|
|
|
2888
2888
|
};
|
|
2889
2889
|
type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
|
|
2890
2890
|
placeholder?: string;
|
|
2891
|
-
children?:
|
|
2891
|
+
children?: react__default.ReactNode;
|
|
2892
2892
|
position?: "flex-start" | "flex-end";
|
|
2893
2893
|
onClick?: () => void;
|
|
2894
2894
|
color?: "error" | "success" | undefined;
|
|
@@ -2898,10 +2898,10 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color">
|
|
|
2898
2898
|
};
|
|
2899
2899
|
declare const maskFormat: typeof format;
|
|
2900
2900
|
declare const maskUnformat: typeof unformat;
|
|
2901
|
-
declare const TextField:
|
|
2901
|
+
declare const TextField: react__default.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
|
|
2902
2902
|
declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
|
|
2903
2903
|
|
|
2904
|
-
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
2904
|
+
declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
2905
2905
|
color?: "blue" | "error" | "success" | undefined;
|
|
2906
2906
|
disabled?: boolean | "false" | "true" | undefined;
|
|
2907
2907
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3295,7 +3295,7 @@ type RadioItemProps = {
|
|
|
3295
3295
|
declare function RadioGroup({ children, disabled, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
3296
3296
|
declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_runtime.JSX.Element;
|
|
3297
3297
|
|
|
3298
|
-
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
3298
|
+
declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
|
|
3299
3299
|
color?: "blue" | "error" | "success" | undefined;
|
|
3300
3300
|
disabled?: boolean | "false" | "true" | undefined;
|
|
3301
3301
|
typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
@@ -3674,7 +3674,7 @@ declare const CheckboxGroupStyled: _stitches_react_types_styled_component.Styled
|
|
|
3674
3674
|
transition: "transitions";
|
|
3675
3675
|
zIndex: "zIndices";
|
|
3676
3676
|
}, {}>>;
|
|
3677
|
-
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<
|
|
3677
|
+
declare const StyledItem: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react.RefAttributes<HTMLButtonElement>>, {}, {
|
|
3678
3678
|
md: "(max-width: 690px)";
|
|
3679
3679
|
}, _stitches_react_types_css_util.CSS<{
|
|
3680
3680
|
md: "(max-width: 690px)";
|
|
@@ -4100,7 +4100,7 @@ type DropdownMenuItemProps = {
|
|
|
4100
4100
|
declare function DropdownMenu({ children, placeholder, typography, color, fontWeight, open: controlledOpen, onOpenChange, defaultOpen, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
4101
4101
|
declare function DropdownMenuItem({ children, typography, fontWeight, value, onSelect, onClick, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
4102
4102
|
|
|
4103
|
-
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
4103
|
+
declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
|
|
4104
4104
|
color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
|
|
4105
4105
|
size?: "xs" | "sm" | "md" | "xl" | undefined;
|
|
4106
4106
|
fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
|
|
@@ -4507,7 +4507,7 @@ declare function Modal({ children, title, trigger, zIndex, maxWidth, ...props }:
|
|
|
4507
4507
|
type MenuDropdownProps = HTMLAttributes<HTMLDivElement> & {
|
|
4508
4508
|
children: ReactNode;
|
|
4509
4509
|
isOpen: boolean;
|
|
4510
|
-
setIsOpen:
|
|
4510
|
+
setIsOpen: react__default.Dispatch<react__default.SetStateAction<boolean>>;
|
|
4511
4511
|
};
|
|
4512
4512
|
declare function MenuDropdown({ children, isOpen, setIsOpen, }: MenuDropdownProps): react_jsx_runtime.JSX.Element;
|
|
4513
4513
|
|
|
@@ -4891,7 +4891,7 @@ declare const CalendarStyled: _stitches_react_types_styled_component.StyledCompo
|
|
|
4891
4891
|
type CalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4892
4892
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4893
4893
|
selected: Date | undefined;
|
|
4894
|
-
setSelected:
|
|
4894
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<Date | undefined>>;
|
|
4895
4895
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4896
4896
|
action?: boolean;
|
|
4897
4897
|
actionText?: string;
|
|
@@ -4912,7 +4912,7 @@ type DateRange = {
|
|
|
4912
4912
|
type DoubleCalendarProps = ComponentProps<typeof CalendarStyled> & {
|
|
4913
4913
|
calendarLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
4914
4914
|
selected: DateRange;
|
|
4915
|
-
setSelected:
|
|
4915
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<DateRange>>;
|
|
4916
4916
|
position?: "top" | "bottom" | "top-right" | "bottom-right";
|
|
4917
4917
|
action?: boolean;
|
|
4918
4918
|
simpleAction?: boolean;
|
|
@@ -7944,7 +7944,7 @@ declare const TimePickerIconButton: _stitches_react_types_styled_component.Style
|
|
|
7944
7944
|
}, {}>>;
|
|
7945
7945
|
type TimePickerProps = {
|
|
7946
7946
|
selected: string | undefined;
|
|
7947
|
-
setSelected:
|
|
7947
|
+
setSelected: react__default.Dispatch<react__default.SetStateAction<string | undefined>>;
|
|
7948
7948
|
position?: "bottom" | "top" | "top-right" | "bottom-right";
|
|
7949
7949
|
hasError?: boolean;
|
|
7950
7950
|
expand?: boolean;
|
|
@@ -7952,7 +7952,7 @@ type TimePickerProps = {
|
|
|
7952
7952
|
};
|
|
7953
7953
|
declare function TimePicker({ selected, setSelected, position, hasError, expand, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
7954
7954
|
|
|
7955
|
-
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
7955
|
+
declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
7956
7956
|
color?: "info" | "warning" | "error" | "success" | undefined;
|
|
7957
7957
|
}, {
|
|
7958
7958
|
md: "(max-width: 690px)";
|
|
@@ -8328,7 +8328,7 @@ declare const AlertDialogSimpleStyled: _stitches_react_types_styled_component.St
|
|
|
8328
8328
|
transition: "transitions";
|
|
8329
8329
|
zIndex: "zIndices";
|
|
8330
8330
|
}, {}>>;
|
|
8331
|
-
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8331
|
+
declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.ContentProps & react.RefAttributes<HTMLDivElement>>, {
|
|
8332
8332
|
color?: undefined;
|
|
8333
8333
|
}, {
|
|
8334
8334
|
md: "(max-width: 690px)";
|
|
@@ -8704,7 +8704,7 @@ declare const AlertDialogCompleteStyled: _stitches_react_types_styled_component.
|
|
|
8704
8704
|
transition: "transitions";
|
|
8705
8705
|
zIndex: "zIndices";
|
|
8706
8706
|
}, {}>>;
|
|
8707
|
-
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
8707
|
+
declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.DescriptionProps & react.RefAttributes<HTMLParagraphElement>>, {}, {
|
|
8708
8708
|
md: "(max-width: 690px)";
|
|
8709
8709
|
}, _stitches_react_types_css_util.CSS<{
|
|
8710
8710
|
md: "(max-width: 690px)";
|
|
@@ -9078,7 +9078,7 @@ declare const AlertDialogDescriptionStyled: _stitches_react_types_styled_compone
|
|
|
9078
9078
|
transition: "transitions";
|
|
9079
9079
|
zIndex: "zIndices";
|
|
9080
9080
|
}, {}>>;
|
|
9081
|
-
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
9081
|
+
declare const AlertDialogTitleStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AlertDialog.TitleProps & react.RefAttributes<HTMLHeadingElement>>, {}, {
|
|
9082
9082
|
md: "(max-width: 690px)";
|
|
9083
9083
|
}, _stitches_react_types_css_util.CSS<{
|
|
9084
9084
|
md: "(max-width: 690px)";
|
|
@@ -10593,7 +10593,7 @@ type AlertProps = {
|
|
|
10593
10593
|
};
|
|
10594
10594
|
declare function Alert({ color, trigger, completAlert, simpleAlert, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
|
|
10595
10595
|
|
|
10596
|
-
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
10596
|
+
declare const SwitchStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SwitchProps & react.RefAttributes<HTMLButtonElement>>, {
|
|
10597
10597
|
color?: "brand" | undefined;
|
|
10598
10598
|
size?: "sm" | "md" | "lg" | undefined;
|
|
10599
10599
|
}, {
|
|
@@ -11351,29 +11351,29 @@ declare const StepStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11351
11351
|
zIndex: "zIndices";
|
|
11352
11352
|
}, {}>>;
|
|
11353
11353
|
type StepProps = ComponentProps<typeof StepStyled> & {
|
|
11354
|
-
children:
|
|
11354
|
+
children: react__default.ReactNode;
|
|
11355
11355
|
defaultValue: number;
|
|
11356
11356
|
};
|
|
11357
11357
|
declare function Step({ children, defaultValue, ...props }: StepProps): react_jsx_runtime.JSX.Element;
|
|
11358
11358
|
declare function StepTrigger({ value, children, currentStep, ...props }: {
|
|
11359
11359
|
value: number;
|
|
11360
|
-
children:
|
|
11360
|
+
children: react__default.ReactNode | string;
|
|
11361
11361
|
currentStep?: number;
|
|
11362
11362
|
onClick: () => void;
|
|
11363
11363
|
}): react_jsx_runtime.JSX.Element;
|
|
11364
11364
|
declare function StepContent({ value, children, ...props }: {
|
|
11365
11365
|
value: number;
|
|
11366
|
-
children:
|
|
11366
|
+
children: react__default.ReactNode;
|
|
11367
11367
|
}): react_jsx_runtime.JSX.Element;
|
|
11368
11368
|
declare function StepList({ children, currentStep, ...props }: {
|
|
11369
|
-
children:
|
|
11369
|
+
children: react__default.ReactNode;
|
|
11370
11370
|
currentStep: number;
|
|
11371
11371
|
}): react_jsx_runtime.JSX.Element;
|
|
11372
11372
|
declare function StepWrapper({ children, ...props }: {
|
|
11373
|
-
children:
|
|
11373
|
+
children: react__default.ReactNode;
|
|
11374
11374
|
}): react_jsx_runtime.JSX.Element;
|
|
11375
11375
|
|
|
11376
|
-
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
11376
|
+
declare const CardStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.CardProps & react.RefAttributes<HTMLDivElement>>, {
|
|
11377
11377
|
color?: "warning" | "error" | "primary" | "disable" | undefined;
|
|
11378
11378
|
boxShadow?: boolean | "false" | "true" | undefined;
|
|
11379
11379
|
}, {
|
|
@@ -11750,15 +11750,22 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
|
|
|
11750
11750
|
transition: "transitions";
|
|
11751
11751
|
zIndex: "zIndices";
|
|
11752
11752
|
}, {}>>;
|
|
11753
|
-
type CardProps =
|
|
11754
|
-
children: React__default.ReactNode;
|
|
11753
|
+
type CardProps = {
|
|
11755
11754
|
as?: ElementType;
|
|
11755
|
+
asChild?: boolean;
|
|
11756
|
+
color?: "primary" | "disable" | "error" | "warning";
|
|
11757
|
+
boxShadow?: boolean;
|
|
11756
11758
|
padding?: string;
|
|
11757
11759
|
radius?: string;
|
|
11760
|
+
children: ReactNode;
|
|
11761
|
+
id?: string;
|
|
11762
|
+
className?: string;
|
|
11763
|
+
style?: CSSProperties;
|
|
11764
|
+
css?: CSS<typeof config>;
|
|
11758
11765
|
};
|
|
11759
11766
|
declare function Card({ asChild, children, padding, radius, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
11760
11767
|
|
|
11761
|
-
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<
|
|
11768
|
+
declare const TextareaFieldStyle: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.TextAreaProps & react__default.RefAttributes<HTMLTextAreaElement>>, {
|
|
11762
11769
|
typography?: "tooltip" | "displayLarge" | "displayMedium" | "displaySmall" | "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headline7" | "headline8" | "bodyXL" | "bodyL" | "bodyM" | "bodyS" | "bodyXS" | "bodyXXS" | "badgeLarge" | "badgeMedium" | "badgeSmall" | "badgeExtraSmall" | "popoversRegular" | "captionLarge" | "captionMedium" | "captionSmall" | "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
|
|
11763
11770
|
}, {
|
|
11764
11771
|
md: "(max-width: 690px)";
|
|
@@ -12514,7 +12521,7 @@ type TextareaFieldProps = Omit<ComponentProps<typeof TextareaFieldStyle>, "color
|
|
|
12514
12521
|
maxLength?: number;
|
|
12515
12522
|
top?: string;
|
|
12516
12523
|
};
|
|
12517
|
-
declare const TextareaField:
|
|
12524
|
+
declare const TextareaField: react__default.ForwardRefExoticComponent<Omit<TextareaFieldProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
|
|
12518
12525
|
|
|
12519
12526
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
12520
12527
|
interface ToastConfig {
|
|
@@ -12559,10 +12566,10 @@ declare function ToastProvider({ children, defaultDuration, maxToasts, swipeDire
|
|
|
12559
12566
|
|
|
12560
12567
|
declare const useToast: () => ToastContextType;
|
|
12561
12568
|
|
|
12562
|
-
declare const TooltipProvider:
|
|
12563
|
-
declare const TooltipRoot:
|
|
12564
|
-
declare const TooltipTrigger:
|
|
12565
|
-
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<
|
|
12569
|
+
declare const TooltipProvider: react.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
12570
|
+
declare const TooltipRoot: react.FC<TooltipPrimitive.TooltipProps>;
|
|
12571
|
+
declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
12572
|
+
declare const TooltipContent: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>>, {}, {
|
|
12566
12573
|
md: "(max-width: 690px)";
|
|
12567
12574
|
}, _stitches_react_types_css_util.CSS<{
|
|
12568
12575
|
md: "(max-width: 690px)";
|
|
@@ -12937,14 +12944,14 @@ declare const TooltipContent: _stitches_react_types_styled_component.StyledCompo
|
|
|
12937
12944
|
zIndex: "zIndices";
|
|
12938
12945
|
}, {}>>;
|
|
12939
12946
|
interface TooltipProps {
|
|
12940
|
-
children:
|
|
12941
|
-
content:
|
|
12947
|
+
children: react.ReactNode;
|
|
12948
|
+
content: react.ReactNode;
|
|
12942
12949
|
delayDuration?: number;
|
|
12943
12950
|
side?: "top" | "right" | "bottom" | "left";
|
|
12944
12951
|
}
|
|
12945
12952
|
declare function Tooltip({ children, content, delayDuration, side, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
12946
12953
|
|
|
12947
|
-
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
12954
|
+
declare const FlexStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
|
|
12948
12955
|
display?: "flex" | "inline-flex" | undefined;
|
|
12949
12956
|
align?: "end" | "stretch" | "center" | "start" | "baseline" | undefined;
|
|
12950
12957
|
justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
|
|
@@ -13743,7 +13750,7 @@ type MultiSelectProps = ComponentProps<typeof StyledTrigger> & {
|
|
|
13743
13750
|
showMoreButtonLabel?: string;
|
|
13744
13751
|
showMoreButtonOnClick?: () => void;
|
|
13745
13752
|
};
|
|
13746
|
-
declare const MultiSelect:
|
|
13753
|
+
declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
13747
13754
|
|
|
13748
13755
|
declare const Divider: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
|
|
13749
13756
|
md: "(max-width: 690px)";
|
|
@@ -14132,9 +14139,9 @@ interface ToggleElementProps {
|
|
|
14132
14139
|
}
|
|
14133
14140
|
declare function ToggleElement({ children, label, openedLabel, defaultOpen, open, hideButtonWhenOpen, buttonProps, onOpenChange, }: ToggleElementProps): react_jsx_runtime.JSX.Element;
|
|
14134
14141
|
|
|
14135
|
-
declare const Box:
|
|
14142
|
+
declare const Box: react.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react.RefAttributes<HTMLDivElement>>;
|
|
14136
14143
|
|
|
14137
|
-
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14144
|
+
declare const GridStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.GridProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14138
14145
|
display?: "grid" | "inline-grid" | undefined;
|
|
14139
14146
|
align?: "end" | "stretch" | "center" | "start" | undefined;
|
|
14140
14147
|
justify?: "end" | "center" | "start" | "between" | undefined;
|
|
@@ -14525,7 +14532,7 @@ type GridProps = ComponentProps<typeof GridStyled> & {
|
|
|
14525
14532
|
};
|
|
14526
14533
|
declare function Grid({ children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
|
|
14527
14534
|
|
|
14528
|
-
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14535
|
+
declare const ContainerStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ContainerProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14529
14536
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14530
14537
|
display?: "initial" | "none" | undefined;
|
|
14531
14538
|
align?: "left" | "right" | "center" | undefined;
|
|
@@ -14909,7 +14916,7 @@ type ContainerProps = ComponentProps<typeof ContainerStyled> & {
|
|
|
14909
14916
|
};
|
|
14910
14917
|
declare function Container({ children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
14911
14918
|
|
|
14912
|
-
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<
|
|
14919
|
+
declare const SectionStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.SectionProps & react.RefAttributes<HTMLDivElement>>, {
|
|
14913
14920
|
size?: "xs" | "sm" | "md" | "xl" | "lg" | "xxl" | "responsive" | undefined;
|
|
14914
14921
|
display?: "initial" | "none" | undefined;
|
|
14915
14922
|
}, {
|
package/dist/index.js
CHANGED
|
@@ -11927,12 +11927,12 @@ var generateUniqueFilename = (originalName) => {
|
|
|
11927
11927
|
return `${timestamp}_${random}.${extension}`;
|
|
11928
11928
|
};
|
|
11929
11929
|
var UploadService = class {
|
|
11930
|
-
static getPresignedUrl(filename, contentType,
|
|
11930
|
+
static getPresignedUrl(filename, contentType, config6) {
|
|
11931
11931
|
return __async(this, null, function* () {
|
|
11932
11932
|
var _a;
|
|
11933
|
-
const apiUrl =
|
|
11934
|
-
const presignedUrlEndpoint = (_a =
|
|
11935
|
-
const bucket =
|
|
11933
|
+
const apiUrl = config6.apiUrl;
|
|
11934
|
+
const presignedUrlEndpoint = (_a = config6.endpoints) == null ? void 0 : _a.presignedUrl;
|
|
11935
|
+
const bucket = config6.s3Bucket;
|
|
11936
11936
|
try {
|
|
11937
11937
|
const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
|
|
11938
11938
|
method: "POST",
|
|
@@ -11956,12 +11956,12 @@ var UploadService = class {
|
|
|
11956
11956
|
}
|
|
11957
11957
|
});
|
|
11958
11958
|
}
|
|
11959
|
-
static uploadToS3(file,
|
|
11959
|
+
static uploadToS3(file, config6, onProgress) {
|
|
11960
11960
|
return __async(this, null, function* () {
|
|
11961
11961
|
try {
|
|
11962
11962
|
const uniqueFilename = generateUniqueFilename(file.name);
|
|
11963
11963
|
const blob = new Blob([file], { type: file.type });
|
|
11964
|
-
const s3Url = `${
|
|
11964
|
+
const s3Url = `${config6.s3Url}/${uniqueFilename}`;
|
|
11965
11965
|
return new Promise((resolve, reject) => {
|
|
11966
11966
|
const xhr = new XMLHttpRequest();
|
|
11967
11967
|
xhr.upload.addEventListener("progress", (event) => {
|
|
@@ -12000,12 +12000,12 @@ var UploadService = class {
|
|
|
12000
12000
|
}
|
|
12001
12001
|
});
|
|
12002
12002
|
}
|
|
12003
|
-
static uploadViaAPI(file,
|
|
12003
|
+
static uploadViaAPI(file, config6, onProgress) {
|
|
12004
12004
|
return __async(this, null, function* () {
|
|
12005
12005
|
try {
|
|
12006
12006
|
const formData = new FormData();
|
|
12007
12007
|
formData.append("file", file);
|
|
12008
|
-
const bucket =
|
|
12008
|
+
const bucket = config6.s3Bucket;
|
|
12009
12009
|
formData.append("bucket", bucket);
|
|
12010
12010
|
const xhr = new XMLHttpRequest();
|
|
12011
12011
|
return new Promise((resolve, reject) => {
|
|
@@ -12041,8 +12041,8 @@ var UploadService = class {
|
|
|
12041
12041
|
xhr.addEventListener("error", () => {
|
|
12042
12042
|
reject(new Error("Erro de rede durante upload"));
|
|
12043
12043
|
});
|
|
12044
|
-
const apiUrl =
|
|
12045
|
-
const uploadEndpoint = (_a =
|
|
12044
|
+
const apiUrl = config6.apiUrl;
|
|
12045
|
+
const uploadEndpoint = (_a = config6.endpoints) == null ? void 0 : _a.upload;
|
|
12046
12046
|
xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
|
|
12047
12047
|
xhr.send(formData);
|
|
12048
12048
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -11819,12 +11819,12 @@ var generateUniqueFilename = (originalName) => {
|
|
|
11819
11819
|
return `${timestamp}_${random}.${extension}`;
|
|
11820
11820
|
};
|
|
11821
11821
|
var UploadService = class {
|
|
11822
|
-
static getPresignedUrl(filename, contentType,
|
|
11822
|
+
static getPresignedUrl(filename, contentType, config6) {
|
|
11823
11823
|
return __async(this, null, function* () {
|
|
11824
11824
|
var _a;
|
|
11825
|
-
const apiUrl =
|
|
11826
|
-
const presignedUrlEndpoint = (_a =
|
|
11827
|
-
const bucket =
|
|
11825
|
+
const apiUrl = config6.apiUrl;
|
|
11826
|
+
const presignedUrlEndpoint = (_a = config6.endpoints) == null ? void 0 : _a.presignedUrl;
|
|
11827
|
+
const bucket = config6.s3Bucket;
|
|
11828
11828
|
try {
|
|
11829
11829
|
const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
|
|
11830
11830
|
method: "POST",
|
|
@@ -11848,12 +11848,12 @@ var UploadService = class {
|
|
|
11848
11848
|
}
|
|
11849
11849
|
});
|
|
11850
11850
|
}
|
|
11851
|
-
static uploadToS3(file,
|
|
11851
|
+
static uploadToS3(file, config6, onProgress) {
|
|
11852
11852
|
return __async(this, null, function* () {
|
|
11853
11853
|
try {
|
|
11854
11854
|
const uniqueFilename = generateUniqueFilename(file.name);
|
|
11855
11855
|
const blob = new Blob([file], { type: file.type });
|
|
11856
|
-
const s3Url = `${
|
|
11856
|
+
const s3Url = `${config6.s3Url}/${uniqueFilename}`;
|
|
11857
11857
|
return new Promise((resolve, reject) => {
|
|
11858
11858
|
const xhr = new XMLHttpRequest();
|
|
11859
11859
|
xhr.upload.addEventListener("progress", (event) => {
|
|
@@ -11892,12 +11892,12 @@ var UploadService = class {
|
|
|
11892
11892
|
}
|
|
11893
11893
|
});
|
|
11894
11894
|
}
|
|
11895
|
-
static uploadViaAPI(file,
|
|
11895
|
+
static uploadViaAPI(file, config6, onProgress) {
|
|
11896
11896
|
return __async(this, null, function* () {
|
|
11897
11897
|
try {
|
|
11898
11898
|
const formData = new FormData();
|
|
11899
11899
|
formData.append("file", file);
|
|
11900
|
-
const bucket =
|
|
11900
|
+
const bucket = config6.s3Bucket;
|
|
11901
11901
|
formData.append("bucket", bucket);
|
|
11902
11902
|
const xhr = new XMLHttpRequest();
|
|
11903
11903
|
return new Promise((resolve, reject) => {
|
|
@@ -11933,8 +11933,8 @@ var UploadService = class {
|
|
|
11933
11933
|
xhr.addEventListener("error", () => {
|
|
11934
11934
|
reject(new Error("Erro de rede durante upload"));
|
|
11935
11935
|
});
|
|
11936
|
-
const apiUrl =
|
|
11937
|
-
const uploadEndpoint = (_a =
|
|
11936
|
+
const apiUrl = config6.apiUrl;
|
|
11937
|
+
const uploadEndpoint = (_a = config6.endpoints) == null ? void 0 : _a.upload;
|
|
11938
11938
|
xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
|
|
11939
11939
|
xhr.send(formData);
|
|
11940
11940
|
});
|
package/package.json
CHANGED
package/src/components/Card.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { styled } from "../styles";
|
|
4
|
-
import {
|
|
1
|
+
import { ComponentProps, CSSProperties, ElementType, ReactNode } from "react";
|
|
2
|
+
import type { CSS } from "@stitches/react";
|
|
3
|
+
import { styled, config } from "../styles";
|
|
4
|
+
import { Card as CardRadix } from "@radix-ui/themes";
|
|
5
5
|
|
|
6
6
|
export const CardStyled = styled(CardRadix, {
|
|
7
7
|
borderRadius: "$2xl",
|
|
@@ -42,11 +42,18 @@ export const CardStyled = styled(CardRadix, {
|
|
|
42
42
|
},
|
|
43
43
|
});
|
|
44
44
|
|
|
45
|
-
export type CardProps =
|
|
46
|
-
children: React.ReactNode;
|
|
45
|
+
export type CardProps = {
|
|
47
46
|
as?: ElementType;
|
|
47
|
+
asChild?: boolean;
|
|
48
|
+
color?: "primary" | "disable" | "error" | "warning";
|
|
49
|
+
boxShadow?: boolean;
|
|
48
50
|
padding?: string;
|
|
49
51
|
radius?: string;
|
|
52
|
+
children: ReactNode;
|
|
53
|
+
id?: string;
|
|
54
|
+
className?: string;
|
|
55
|
+
style?: CSSProperties;
|
|
56
|
+
css?: CSS<typeof config>;
|
|
50
57
|
};
|
|
51
58
|
|
|
52
59
|
export function Card({
|
|
@@ -58,7 +65,7 @@ export function Card({
|
|
|
58
65
|
}: CardProps) {
|
|
59
66
|
return (
|
|
60
67
|
<CardStyled
|
|
61
|
-
{...props}
|
|
68
|
+
{...(props as ComponentProps<typeof CardStyled>)}
|
|
62
69
|
css={{ padding, borderRadius: radius, ...props.css }}
|
|
63
70
|
>
|
|
64
71
|
{children}
|