@lets-events/react 11.0.1 → 11.0.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@11.0.1 build
+> @lets-events/react@11.0.3 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
-CJS dist\index.js 283.96 KB
-CJS ⚡️ Build success in 222ms
-ESM dist\index.mjs 275.51 KB
-ESM ⚡️ Build success in 223ms
+CJS dist\index.js 283.68 KB
+CJS ⚡️ Build success in 226ms
+ESM dist\index.mjs 275.33 KB
+ESM ⚡️ Build success in 226ms
 DTS Build start
-DTS ⚡️ Build success in 3557ms
-DTS dist\index.d.mts 347.68 KB
-DTS dist\index.d.ts  347.68 KB
+DTS ⚡️ Build success in 3664ms
+DTS dist\index.d.mts 338.36 KB
+DTS dist\index.d.ts  338.36 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 11.0.3
+
+### Patch Changes
+
+- fix textfield ref
+
+## 11.0.2
+
+### Patch Changes
+
+- fix card component
+
 ## 11.0.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1926,7 +1926,7 @@ type AvatarProps = ComponentProps<typeof AvatarStyled> & {
 };
 declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
-declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.RootProps & react.RefAttributes<HTMLInputElement>>, {
+declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.RootProps & react__default.RefAttributes<HTMLInputElement>>, {
     color?: "default" | "error" | undefined;
     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;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
@@ -2302,7 +2302,7 @@ declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComp
     transition: "transitions";
     zIndex: "zIndices";
 }, {}>>;
-declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.SlotProps & react.RefAttributes<HTMLDivElement>>, {
+declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<TextField$1.SlotProps & react__default.RefAttributes<HTMLDivElement>>, {
     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;
     fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     textAlign?: "left" | "right" | "center" | undefined;
@@ -2679,27 +2679,27 @@ declare const TextFieldSlotStyled: _stitches_react_types_styled_component.Styled
 type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     addon?: ReactNode;
     placeholder?: string;
-    children?: React.ReactNode;
+    children?: react__default.ReactNode;
     isValid?: boolean;
     name?: string;
     typography?: string;
-    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
-    textAlign?: 'left' | 'right' | 'center';
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    textAlign?: "left" | "right" | "center";
     mask?: MaskOptions;
 };
-type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, 'color'> & {
+type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, "color"> & {
     placeholder?: string;
-    children?: React.ReactNode;
-    position?: 'flex-start' | 'flex-end';
+    children?: react__default.ReactNode;
+    position?: "flex-start" | "flex-end";
     onClick?: () => void;
-    color?: 'error' | 'success' | undefined;
+    color?: "error" | "success" | undefined;
     typography?: string;
-    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
-    textAlign?: 'left' | 'right' | 'center';
+    fontWeight?: "regular" | "medium" | "semibold" | "bold";
+    textAlign?: "left" | "right" | "center";
 };
 declare const maskFormat: typeof format;
 declare const maskUnformat: typeof unformat;
-declare function TextField({ children, isValid, name, color, typography, fontWeight, addon, textAlign, mask, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare const TextField: ({ children, isValid, name, color, typography, fontWeight, addon, textAlign, mask, ref, ...props }: TextFieldProps) => react_jsx_runtime.JSX.Element;
 declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, textAlign, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
 
 declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
@@ -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 };