@lets-events/react 11.0.0 → 11.0.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@11.0.0 build
+> @lets-events/react@11.0.2 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist\index.mjs 275.49 KB
-ESM ⚡️ Build success in 209ms
-CJS dist\index.js 283.94 KB
-CJS ⚡️ Build success in 209ms
+ESM dist\index.mjs 275.12 KB
+ESM ⚡️ Build success in 224ms
+CJS dist\index.js 283.47 KB
+CJS ⚡️ Build success in 225ms
 DTS Build start
-DTS ⚡️ Build success in 3499ms
-DTS dist\index.d.mts 347.68 KB
-DTS dist\index.d.ts  347.68 KB
+DTS ⚡️ Build success in 3530ms
+DTS dist\index.d.mts 338.30 KB
+DTS dist\index.d.ts  338.30 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 11.0.2
+
+### Patch Changes
+
+- fix card component
+
+## 11.0.1
+
+### Patch Changes
+
+- fix: text button size
+
 ## 11.0.0
 
 ### Major Changes

package/dist/index.d.mts

@@ -411,8 +411,8 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
 
 declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
-    variant?: "text" | "contained" | "outlined" | undefined;
     size?: "medium" | "small" | "large" | "extraSmall" | undefined;
+    variant?: "text" | "contained" | "outlined" | undefined;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     outlinedBgColor?: "transparent" | "neutral" | undefined;
     radii?: "full" | undefined;
@@ -10641,376 +10641,6 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const CardContainer: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react__default.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
-    colors: {
-        brand50: string;
-        brand100: string;
-        brand200: string;
-        brand300: string;
-        brand400: string;
-        brand500: string;
-        brand600: string;
-        brand700: string;
-        brand800: string;
-        brand900: string;
-        brand950: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue950: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red950: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purple950: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow950: string;
-        dark50: string;
-        dark100: string;
-        dark200: string;
-        dark300: string;
-        dark400: string;
-        dark500: string;
-        dark600: string;
-        dark700: string;
-        dark800: string;
-        dark900: string;
-        dark950: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutral950: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green950: string;
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey950: string;
-        error50: string;
-        error100: string;
-        error200: string;
-        error300: string;
-        error400: string;
-        error500: string;
-        error600: string;
-        error700: string;
-        error800: string;
-        error900: string;
-        error950: string;
-        success50: string;
-        success100: string;
-        success200: string;
-        success300: string;
-        success400: string;
-        success500: string;
-        success600: string;
-        success700: string;
-        success800: string;
-        success900: string;
-        success950: string;
-        warning50: string;
-        warning100: string;
-        warning200: string;
-        warning300: string;
-        warning400: string;
-        warning500: string;
-        warning600: string;
-        warning700: string;
-        warning800: string;
-        warning900: string;
-        warning950: string;
-        info50: string;
-        info100: string;
-        info200: string;
-        info300: string;
-        info400: string;
-        info500: string;
-        info600: string;
-        info700: string;
-        info800: string;
-        info900: string;
-        info950: string;
-    };
-    fontSizes: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        full: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontWeights: {
-        regular: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    lineHeights: {
-        smaller: string;
-        shorter: string;
-        short: string;
-        base: string;
-        tall: string;
-    };
-    radii: {
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        '5xl': string;
-        '6xl': string;
-        '7xl': string;
-        '8xl': string;
-        '9xl': string;
-        '10xl': string;
-        '11xl': string;
-        '12xl': string;
-        '13xl': string;
-        '14xl': string;
-        full: string;
-    };
-    space: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        full: string;
-    };
-}, {
-    height: "space";
-    width: "space";
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    blockSize: "sizes";
-    minBlockSize: "sizes";
-    maxBlockSize: "sizes";
-    inlineSize: "sizes";
-    minInlineSize: "sizes";
-    maxInlineSize: "sizes";
-    minWidth: "sizes";
-    maxWidth: "sizes";
-    minHeight: "sizes";
-    maxHeight: "sizes";
-    flexBasis: "sizes";
-    gridTemplateColumns: "sizes";
-    gridTemplateRows: "sizes";
-    borderWidth: "borderWidths";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {}>>;
 type CardProps = ComponentProps<typeof CardStyled> & {
     children: react__default.ReactNode;
     as?: ElementType;
@@ -13350,4 +12980,4 @@ type SectionProps = ComponentProps<typeof SectionStyled> & {
 };
 declare function Section({ children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, CardContainer, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
+export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };

package/dist/index.d.ts

@@ -411,8 +411,8 @@ declare function Text({ color, ...props }: TextProps): react_jsx_runtime.JSX.Ele
 
 declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "info" | "warning" | "purple" | "white" | "brand" | "error" | "success" | "neutral" | undefined;
-    variant?: "text" | "contained" | "outlined" | undefined;
     size?: "medium" | "small" | "large" | "extraSmall" | undefined;
+    variant?: "text" | "contained" | "outlined" | undefined;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     outlinedBgColor?: "transparent" | "neutral" | undefined;
     radii?: "full" | undefined;
@@ -10641,376 +10641,6 @@ declare const CardStyled: _stitches_react_types_styled_component.StyledComponent
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const CardContainer: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BoxProps & react__default.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
-    colors: {
-        brand50: string;
-        brand100: string;
-        brand200: string;
-        brand300: string;
-        brand400: string;
-        brand500: string;
-        brand600: string;
-        brand700: string;
-        brand800: string;
-        brand900: string;
-        brand950: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        blue950: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        red950: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        purple950: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        yellow950: string;
-        dark50: string;
-        dark100: string;
-        dark200: string;
-        dark300: string;
-        dark400: string;
-        dark500: string;
-        dark600: string;
-        dark700: string;
-        dark800: string;
-        dark900: string;
-        dark950: string;
-        neutral50: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        neutral950: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        green950: string;
-        grey50: string;
-        grey100: string;
-        grey200: string;
-        grey300: string;
-        grey400: string;
-        grey500: string;
-        grey600: string;
-        grey700: string;
-        grey800: string;
-        grey900: string;
-        grey950: string;
-        error50: string;
-        error100: string;
-        error200: string;
-        error300: string;
-        error400: string;
-        error500: string;
-        error600: string;
-        error700: string;
-        error800: string;
-        error900: string;
-        error950: string;
-        success50: string;
-        success100: string;
-        success200: string;
-        success300: string;
-        success400: string;
-        success500: string;
-        success600: string;
-        success700: string;
-        success800: string;
-        success900: string;
-        success950: string;
-        warning50: string;
-        warning100: string;
-        warning200: string;
-        warning300: string;
-        warning400: string;
-        warning500: string;
-        warning600: string;
-        warning700: string;
-        warning800: string;
-        warning900: string;
-        warning950: string;
-        info50: string;
-        info100: string;
-        info200: string;
-        info300: string;
-        info400: string;
-        info500: string;
-        info600: string;
-        info700: string;
-        info800: string;
-        info900: string;
-        info950: string;
-    };
-    fontSizes: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        full: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontWeights: {
-        regular: string;
-        medium: string;
-        semibold: string;
-        bold: string;
-    };
-    lineHeights: {
-        smaller: string;
-        shorter: string;
-        short: string;
-        base: string;
-        tall: string;
-    };
-    radii: {
-        '3xs': string;
-        '2xs': string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        '3xl': string;
-        '4xl': string;
-        '5xl': string;
-        '6xl': string;
-        '7xl': string;
-        '8xl': string;
-        '9xl': string;
-        '10xl': string;
-        '11xl': string;
-        '12xl': string;
-        '13xl': string;
-        '14xl': string;
-        full: string;
-    };
-    space: {
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        10: string;
-        12: string;
-        13: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-        56: string;
-        64: string;
-        72: string;
-        80: string;
-        full: string;
-    };
-}, {
-    height: "space";
-    width: "space";
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    blockSize: "sizes";
-    minBlockSize: "sizes";
-    maxBlockSize: "sizes";
-    inlineSize: "sizes";
-    minInlineSize: "sizes";
-    maxInlineSize: "sizes";
-    minWidth: "sizes";
-    maxWidth: "sizes";
-    minHeight: "sizes";
-    maxHeight: "sizes";
-    flexBasis: "sizes";
-    gridTemplateColumns: "sizes";
-    gridTemplateRows: "sizes";
-    borderWidth: "borderWidths";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {}>>;
 type CardProps = ComponentProps<typeof CardStyled> & {
     children: react__default.ReactNode;
     as?: ElementType;
@@ -13350,4 +12980,4 @@ type SectionProps = ComponentProps<typeof SectionStyled> & {
 };
 declare function Section({ children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
 
-export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, CardContainer, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };
+export { Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Grid, type GridProps, GridStyled, Icon, InputStyled, Modal, type ModalProps, RadioGroup, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, maskFormat, maskUnformat, useToast };

package/dist/index.js

@@ -1031,7 +1031,6 @@ __export(index_exports, {
   ButtonItemStyled: () => ButtonItemStyled,
   Calendar: () => Calendar,
   Card: () => Card,
-  CardContainer: () => CardContainer,
   CardStyled: () => CardStyled,
   CheckboxGroup: () => CheckboxGroup,
   CheckboxGroupStyled: () => CheckboxGroupStyled,
@@ -1855,12 +1854,39 @@ var ButtonStyled = styled(import_themes2.Button, {
         }
       }
     },
+    size: {
+      extraSmall: {
+        height: "$24",
+        fontSize: "$buttonExtraSmall",
+        lineHeight: "$buttonExtraSmall",
+        padding: "0 $12"
+      },
+      small: {
+        height: "30px",
+        fontSize: "$buttonSmall",
+        lineHeight: "$buttonSmall",
+        padding: "0 $14"
+      },
+      medium: {
+        height: "40px",
+        fontSize: "$buttonMedium",
+        lineHeight: "$buttonMedium",
+        padding: "0 $16"
+      },
+      large: {
+        height: "48px",
+        fontSize: "$buttonLarge",
+        lineHeight: "$buttonLarge",
+        padding: "0 $20"
+      }
+    },
     variant: {
       text: {
         backgroundColor: "transparent",
         boxShadow: "none",
         padding: 0,
         border: 0,
+        height: "unset",
         color: "$$buttonColor"
       },
       contained: {
@@ -1885,32 +1911,6 @@ var ButtonStyled = styled(import_themes2.Button, {
         }
       }
     },
-    size: {
-      extraSmall: {
-        height: "$24",
-        fontSize: "$buttonExtraSmall",
-        lineHeight: "$buttonExtraSmall",
-        padding: "0 $12"
-      },
-      small: {
-        height: "30px",
-        fontSize: "$buttonSmall",
-        lineHeight: "$buttonSmall",
-        padding: "0 $14"
-      },
-      medium: {
-        height: "40px",
-        fontSize: "$buttonMedium",
-        lineHeight: "$buttonMedium",
-        padding: "0 $16"
-      },
-      large: {
-        height: "48px",
-        fontSize: "$buttonLarge",
-        lineHeight: "$buttonLarge",
-        padding: "0 $20"
-      }
-    },
     fontWeight: {
       regular: { fontWeight: "$regular" },
       medium: { fontWeight: "$medium" },
@@ -8700,20 +8700,15 @@ function StepWrapper(_a) {
 }
 
 // src/components/Card.tsx
-var import_react7 = __toESM(require("react"));
 var import_themes17 = require("@radix-ui/themes");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var CardStyled = styled(import_themes17.Card, {
-  display: "flex",
-  flexDirection: "column",
-  width: "370px",
   borderRadius: "$2xl",
   border: "1px solid $dark100",
-  overflow: "hidden",
   padding: "16px",
   defaultVariants: {
     color: "primary",
-    boxShadow: true
+    boxShadow: false
   },
   variants: {
     color: {
@@ -8740,23 +8735,14 @@ var CardStyled = styled(import_themes17.Card, {
     }
   }
 });
-var CardContainer = styled(import_themes17.Box, {
-  display: "flex",
-  flexDirection: "row"
-});
 function Card(_a) {
   var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children: import_react7.default.Children.map(children, (child) => {
-    if (import_react7.default.isValidElement(child)) {
-      return import_react7.default.cloneElement(child, { size: props.size });
-    }
-    return child;
-  }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/TextareaField.tsx
 var import_themes18 = require("@radix-ui/themes");
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var TextareaFieldStyle = styled(import_themes18.TextArea, {
   display: "flex",
@@ -8815,8 +8801,8 @@ var TextareaLimitIndicator = styled("div", {
 });
 function TextareaField(_a) {
   var _b = _a, { maxLength } = _b, props = __objRest(_b, ["maxLength"]);
-  const inputRef = (0, import_react8.useRef)(null);
-  const badgeRef = (0, import_react8.useRef)(null);
+  const inputRef = (0, import_react7.useRef)(null);
+  const badgeRef = (0, import_react7.useRef)(null);
   if (!maxLength) {
     return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextareaFieldStyle, __spreadProps(__spreadValues({}, props), { ref: inputRef })) });
   }
@@ -8839,12 +8825,12 @@ function TextareaField(_a) {
 }
 
 // src/components/Toast/components/ToastItem.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/components/Toast/styles/index.ts
-var import_react9 = require("@stitches/react");
+var import_react8 = require("@stitches/react");
 var ToastPrimitive = __toESM(require("@radix-ui/react-toast"));
-var slideIn = (0, import_react9.keyframes)({
+var slideIn = (0, import_react8.keyframes)({
   from: {
     transform: "translateX(calc(100% + 25px))",
     opacity: 0
@@ -8854,7 +8840,7 @@ var slideIn = (0, import_react9.keyframes)({
     opacity: 1
   }
 });
-var slideOut = (0, import_react9.keyframes)({
+var slideOut = (0, import_react8.keyframes)({
   from: {
     transform: "translateX(0)",
     opacity: 1
@@ -8864,7 +8850,7 @@ var slideOut = (0, import_react9.keyframes)({
     opacity: 0
   }
 });
-var swipeOut = (0, import_react9.keyframes)({
+var swipeOut = (0, import_react8.keyframes)({
   from: {
     transform: "translateX(var(--radix-toast-swipe-end-x))",
     opacity: 1
@@ -8970,7 +8956,7 @@ function ToastItem({
   toast,
   onRemove
 }) {
-  const [open, setOpen] = (0, import_react10.useState)(true);
+  const [open, setOpen] = (0, import_react9.useState)(true);
   const handleOpenChange = (open2) => {
     setOpen(open2);
     if (!open2) {
@@ -8994,17 +8980,17 @@ function ToastItem({
 }
 
 // src/components/Toast/components/ToastProvider.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var ToastPrimitive2 = __toESM(require("@radix-ui/react-toast"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var ToastContext = (0, import_react11.createContext)(null);
+var ToastContext = (0, import_react10.createContext)(null);
 function ToastProvider({
   children,
   defaultDuration = 5e3,
   maxToasts = 5,
   swipeDirection = "right"
 }) {
-  const [toasts, setToasts] = (0, import_react11.useState)([]);
+  const [toasts, setToasts] = (0, import_react10.useState)([]);
   const addToast = (toastData) => {
     const id = Math.random().toString(36).substr(2, 9);
     const newToast = __spreadProps(__spreadValues({
@@ -9040,9 +9026,9 @@ function ToastProvider({
 }
 
 // src/components/Toast/hooks/useToast.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 var useToast = () => {
-  const context = (0, import_react12.useContext)(ToastContext);
+  const context = (0, import_react11.useContext)(ToastContext);
   if (!context) {
     throw new Error("useToast deve ser usado dentro de um ToastProvider");
   }
@@ -9311,7 +9297,6 @@ function Section(_a) {
   ButtonItemStyled,
   Calendar,
   Card,
-  CardContainer,
   CardStyled,
   CheckboxGroup,
   CheckboxGroupStyled,

package/dist/index.mjs

@@ -1768,12 +1768,39 @@ var ButtonStyled = styled(ButtonRadix, {
         }
       }
     },
+    size: {
+      extraSmall: {
+        height: "$24",
+        fontSize: "$buttonExtraSmall",
+        lineHeight: "$buttonExtraSmall",
+        padding: "0 $12"
+      },
+      small: {
+        height: "30px",
+        fontSize: "$buttonSmall",
+        lineHeight: "$buttonSmall",
+        padding: "0 $14"
+      },
+      medium: {
+        height: "40px",
+        fontSize: "$buttonMedium",
+        lineHeight: "$buttonMedium",
+        padding: "0 $16"
+      },
+      large: {
+        height: "48px",
+        fontSize: "$buttonLarge",
+        lineHeight: "$buttonLarge",
+        padding: "0 $20"
+      }
+    },
     variant: {
       text: {
         backgroundColor: "transparent",
         boxShadow: "none",
         padding: 0,
         border: 0,
+        height: "unset",
         color: "$$buttonColor"
       },
       contained: {
@@ -1798,32 +1825,6 @@ var ButtonStyled = styled(ButtonRadix, {
         }
       }
     },
-    size: {
-      extraSmall: {
-        height: "$24",
-        fontSize: "$buttonExtraSmall",
-        lineHeight: "$buttonExtraSmall",
-        padding: "0 $12"
-      },
-      small: {
-        height: "30px",
-        fontSize: "$buttonSmall",
-        lineHeight: "$buttonSmall",
-        padding: "0 $14"
-      },
-      medium: {
-        height: "40px",
-        fontSize: "$buttonMedium",
-        lineHeight: "$buttonMedium",
-        padding: "0 $16"
-      },
-      large: {
-        height: "48px",
-        fontSize: "$buttonLarge",
-        lineHeight: "$buttonLarge",
-        padding: "0 $20"
-      }
-    },
     fontWeight: {
       regular: { fontWeight: "$regular" },
       medium: { fontWeight: "$medium" },
@@ -8613,20 +8614,15 @@ function StepWrapper(_a) {
 }
 
 // src/components/Card.tsx
-import React5 from "react";
-import { Box as Box3, Card as CardRadix } from "@radix-ui/themes";
+import { Card as CardRadix } from "@radix-ui/themes";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var CardStyled = styled(CardRadix, {
-  display: "flex",
-  flexDirection: "column",
-  width: "370px",
   borderRadius: "$2xl",
   border: "1px solid $dark100",
-  overflow: "hidden",
   padding: "16px",
   defaultVariants: {
     color: "primary",
-    boxShadow: true
+    boxShadow: false
   },
   variants: {
     color: {
@@ -8653,18 +8649,9 @@ var CardStyled = styled(CardRadix, {
     }
   }
 });
-var CardContainer = styled(Box3, {
-  display: "flex",
-  flexDirection: "row"
-});
 function Card(_a) {
   var _b = _a, { asChild, children } = _b, props = __objRest(_b, ["asChild", "children"]);
-  return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children: React5.Children.map(children, (child) => {
-    if (React5.isValidElement(child)) {
-      return React5.cloneElement(child, { size: props.size });
-    }
-    return child;
-  }) }));
+  return /* @__PURE__ */ jsx19(CardStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
 // src/components/TextareaField.tsx
@@ -9223,7 +9210,6 @@ export {
   ButtonItemStyled,
   Calendar,
   Card,
-  CardContainer,
   CardStyled,
   CheckboxGroup,
   CheckboxGroupStyled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "11.0.0",
+  "version": "11.0.2",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Button/styledComponents.ts

@@ -191,12 +191,39 @@ export const ButtonStyled = styled(ButtonRadix, {
         },
       },
     },
+    size: {
+      extraSmall: {
+        height: "$24",
+        fontSize: "$buttonExtraSmall",
+        lineHeight: "$buttonExtraSmall",
+        padding: "0 $12",
+      },
+      small: {
+        height: "30px",
+        fontSize: "$buttonSmall",
+        lineHeight: "$buttonSmall",
+        padding: "0 $14",
+      },
+      medium: {
+        height: "40px",
+        fontSize: "$buttonMedium",
+        lineHeight: "$buttonMedium",
+        padding: "0 $16",
+      },
+      large: {
+        height: "48px",
+        fontSize: "$buttonLarge",
+        lineHeight: "$buttonLarge",
+        padding: "0 $20",
+      },
+    },
     variant: {
       text: {
         backgroundColor: "transparent",
         boxShadow: "none",
         padding: 0,
         border: 0,
+        height: 'unset',
         color: "$$buttonColor",
       },
       contained: {
@@ -221,32 +248,6 @@ export const ButtonStyled = styled(ButtonRadix, {
         },
       },
     },
-    size: {
-      extraSmall: {
-        height: "$24",
-        fontSize: "$buttonExtraSmall",
-        lineHeight: "$buttonExtraSmall",
-        padding: "0 $12",
-      },
-      small: {
-        height: "30px",
-        fontSize: "$buttonSmall",
-        lineHeight: "$buttonSmall",
-        padding: "0 $14",
-      },
-      medium: {
-        height: "40px",
-        fontSize: "$buttonMedium",
-        lineHeight: "$buttonMedium",
-        padding: "0 $16",
-      },
-      large: {
-        height: "48px",
-        fontSize: "$buttonLarge",
-        lineHeight: "$buttonLarge",
-        padding: "0 $20",
-      },
-    },
     fontWeight: {
       regular: { fontWeight: "$regular" },
       medium: { fontWeight: "$medium" },
@@ -270,6 +271,6 @@ export const ButtonStyled = styled(ButtonRadix, {
     variant: "contained",
     color: "brand",
     size: "medium",
-    fontWeight: "medium"
+    fontWeight: "medium",
   },
 });

package/src/components/Card.tsx

@@ -1,69 +1,48 @@
-import React from 'react'
-import { ComponentProps, ElementType } from 'react'
-import { styled } from '../styles'
-import { Box, Card as CardRadix } from '@radix-ui/themes'
+import React from "react";
+import { ComponentProps, ElementType } from "react";
+import { styled } from "../styles";
+import { Box, Card as CardRadix } from "@radix-ui/themes";
 
 export const CardStyled = styled(CardRadix, {
-    display: 'flex',
-    flexDirection: 'column',
-    width: '370px',
-    borderRadius: '$2xl',
-    border: '1px solid $dark100',
-    overflow: 'hidden',
-    padding: '16px',
-    defaultVariants: {
-        color: 'primary',
-        boxShadow: true,
+  borderRadius: "$2xl",
+  border: "1px solid $dark100",
+  padding: "16px",
+  defaultVariants: {
+    color: "primary",
+    boxShadow: false,
+  },
+  variants: {
+    color: {
+      primary: {
+        backgroundColor: "$dark50",
+        border: "1px solid $dark200",
+      },
+      disable: {
+        backgroundColor: "$grey50",
+        border: "1px solid $dark200",
+      },
+      error: {
+        backgroundColor: "$error50",
+        border: "1px solid $error600",
+      },
     },
-    variants: {
-        color: {
-            primary: {
-                backgroundColor: '$dark50',
-                border: '1px solid $dark200',
-            },
-            disable: {
-                backgroundColor: '$grey50',
-                border: '1px solid $dark200',
-            },
-            error: {
-                backgroundColor: '$error50',
-                border: '1px solid $error600',
-            }
-        },
-        boxShadow:{
-            true: {
-                boxShadow: '0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)',
-            },
-            false: {
-                boxShadow: 'none',
-            }
-        }
-    }
+    boxShadow: {
+      true: {
+        boxShadow:
+          "0 2px 4px rgba(35, 53, 67, 0.16), 0 4px 4px rgba(35, 53, 67, 0.08)",
+      },
+      false: {
+        boxShadow: "none",
+      },
+    },
+  },
 });
 
-
-
-export const CardContainer = styled(Box, {
-    display: 'flex',
-    flexDirection: 'row'
-})
-
 export type CardProps = ComponentProps<typeof CardStyled> & {
-    children: React.ReactNode
-    as?: ElementType
-}
-
-
+  children: React.ReactNode;
+  as?: ElementType;
+};
 
 export function Card({ asChild, children, ...props }: CardProps) {
-    return (
-        <CardStyled {...props}>
-            {React.Children.map(children, (child) => {
-                if (React.isValidElement(child)) {
-                    return React.cloneElement(child, { size: props.size } as any)
-                }
-                return child
-            })}
-        </CardStyled>
-    )
+  return <CardStyled {...props}>{children}</CardStyled>;
 }