@lets-events/react 5.0.0 → 6.0.0

package/.eslintrc.json

@@ -1,3 +1,3 @@
-{
-  "extends": "@lets-events/eslint-config"
+{
+  "extends": "@lets-events/eslint-config"
 }

package/.turbo/turbo-build.log

@@ -1,18 +1,20 @@
-
-> @lets-events/react@5.0.0 build
-> tsup src/index.tsx  --format esm,cjs --dts --external react
-
-CLI Building entry: src/index.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.4.0
-CLI Target: es6
-ESM Build start
-CJS Build start
-CJS dist\index.js 124.82 KB
-CJS ⚡️ Build success in 71ms
-ESM dist\index.mjs 118.73 KB
-ESM ⚡️ Build success in 72ms
-DTS Build start
-DTS ⚡️ Build success in 6422ms
-DTS dist\index.d.mts 265.29 KB
-DTS dist\index.d.ts  265.29 KB
+
+
+> @lets-events/react@6.0.0 build
+> tsup src/index.tsx  --format esm,cjs --dts --external react
+
+CLI Building entry: src/index.tsx
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.4.0
+CLI Target: es6
+ESM Build start
+CJS Build start
+ESM dist/index.mjs 128.33 KB
+ESM ⚡️ Build success in 79ms
+CJS dist/index.js 134.41 KB
+CJS ⚡️ Build success in 78ms
+DTS Build start
+DTS ⚡️ Build success in 8631ms
+DTS dist/index.d.mts 268.71 KB
+DTS dist/index.d.ts  268.71 KB
+⠙

package/CHANGELOG.md

@@ -1,10 +1,17 @@
 # @lets-events/react
 
+## 6.0.0
+
+### Major Changes
+
+- fd09efd: adding typography
+- Added typography and fontWeight
+
 ## 5.0.0
 
 ### Major Changes
 
-- adding components layout
+- Added new typography
 
 ## 4.0.0
 

package/dist/index.d.mts

@@ -27,7 +27,8 @@ declare const Icon: {
 };
 
 declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
-    size?: "sm" | "md" | "lg" | 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;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -408,7 +409,8 @@ declare function Text({ ...props }: TextProps): react_jsx_runtime.JSX.Element;
 declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "purple" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     radii?: "full" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -1160,7 +1162,8 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
 declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -1920,6 +1923,8 @@ declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.J
 
 declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.RootProps & react.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;
     isValid?: boolean | "false" | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -2291,7 +2296,10 @@ 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>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.SlotProps & react.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;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -2666,6 +2674,8 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     children?: React.ReactNode;
     isValid?: boolean;
     name?: string;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
 type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, 'color'> & {
     placeholder?: string;
@@ -2673,13 +2683,17 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, 'color'>
     position?: 'flex-start' | 'flex-end';
     onClick?: () => void;
     color?: "error" | "success" | undefined;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
-declare function TextField({ children, isValid, name, color, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
-declare function TextFieldSlot({ children, position, onClick, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
+declare function TextField({ children, isValid, name, color, typography, fontWeight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
 
 declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -3055,6 +3069,8 @@ type RadioGroupProps = ComponentProps<typeof RadioGroupStyled> & {
     children?: React.ReactNode;
     color?: string;
     disabled?: boolean;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
 type RadioItemProps = {
     children?: React.ReactNode;
@@ -3066,6 +3082,8 @@ declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_ru
 declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -3453,15 +3471,22 @@ declare function CheckboxItem({ children, ...props }: CheckboxItemProps): react_
 type FilterProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
     placeholder?: string;
+    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
+    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
 };
 type FilterItemProps = ComponentProps<typeof CheckboxItem> & {
     as?: ElementType;
     value: string;
+    typography: FilterProps['typography'];
+    fontWeight: FilterProps['fontWeight'];
 };
-declare function Filter({ children, placeholder, ...props }: FilterProps): react_jsx_runtime.JSX.Element;
+declare function Filter({ children, placeholder, typography, fontWeight, ...props }: FilterProps): react_jsx_runtime.JSX.Element;
 declare function FilterItem({ children, ...props }: FilterItemProps): react_jsx_runtime.JSX.Element;
 
-declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>, {
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -3834,17 +3859,23 @@ declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.Sty
 type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
     placeholder?: string;
+    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
+    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
+    children: React.ReactNode;
 };
 type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuItemStyled> & {
     as?: ElementType;
     value: string;
+    typography: DropdownMenuProps['typography'];
+    fontWeight: DropdownMenuProps['fontWeight'];
 };
-declare function DropdownMenu({ children, placeholder, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ children, placeholder, typography, fontWeight, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ children, typography, fontWeight, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 
 declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
     color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
     size?: "xs" | "sm" | "md" | "xl" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     radii?: "full" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -9123,7 +9154,7 @@ declare const GridStyled: _stitches_react_types_styled_component.StyledComponent
     justify?: "end" | "center" | "start" | "between" | undefined;
     flow?: "column" | "row" | "row-dense" | "column-dense" | undefined;
     columns?: 1 | 2 | "1" | "2" | "3" | "4" | "6" | 4 | 6 | 12 | "12" | 3 | undefined;
-    rows?: 1 | 2 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | 4 | 6 | 8 | 10 | 12 | "10" | "12" | 3 | 9 | "11" | 5 | 7 | 11 | undefined;
+    rows?: 1 | 2 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | 4 | 6 | 8 | 10 | 12 | "10" | "12" | 9 | 3 | "11" | 5 | 7 | 11 | undefined;
     gap?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
     gapX?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
     gapY?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;

package/dist/index.d.ts

@@ -27,7 +27,8 @@ declare const Icon: {
 };
 
 declare const TextStyle: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.TextProps & react.RefAttributes<HTMLSpanElement>>, {
-    size?: "sm" | "md" | "lg" | 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;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -408,7 +409,8 @@ declare function Text({ ...props }: TextProps): react_jsx_runtime.JSX.Element;
 declare const ButtonStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.ButtonProps & react.RefAttributes<HTMLButtonElement>>, {
     color?: "purple" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     radii?: "full" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -1160,7 +1162,8 @@ declare const ButtonItemStyled: _stitches_react_types_styled_component.StyledCom
 declare const ButtonGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_themes.FlexProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "green" | "purple" | "red" | "brand" | "neutral" | undefined;
     variant?: "text" | "contained" | "outlined" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    typography?: "buttonLarge" | "buttonMedium" | "buttonSmall" | "buttonExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -1920,6 +1923,8 @@ declare function Avatar({ asChild, ...props }: AvatarProps): react_jsx_runtime.J
 
 declare const TextFieldStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.RootProps & react.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;
     isValid?: boolean | "false" | "true" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -2291,7 +2296,10 @@ 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>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const TextFieldSlotStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<TextField$1.SlotProps & react.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;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -2666,6 +2674,8 @@ type TextFieldProps = ComponentProps<typeof TextFieldStyled> & {
     children?: React.ReactNode;
     isValid?: boolean;
     name?: string;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
 type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, 'color'> & {
     placeholder?: string;
@@ -2673,13 +2683,17 @@ type TextFieldSlotProps = Omit<ComponentProps<typeof TextFieldStyled>, 'color'>
     position?: 'flex-start' | 'flex-end';
     onClick?: () => void;
     color?: "error" | "success" | undefined;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
-declare function TextField({ children, isValid, name, color, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
-declare function TextFieldSlot({ children, position, onClick, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
+declare function TextField({ children, isValid, name, color, typography, fontWeight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextFieldSlot({ children, position, onClick, typography, fontWeight, ...props }: TextFieldSlotProps): react_jsx_runtime.JSX.Element;
 
 declare const RadioGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadioGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -3055,6 +3069,8 @@ type RadioGroupProps = ComponentProps<typeof RadioGroupStyled> & {
     children?: React.ReactNode;
     color?: string;
     disabled?: boolean;
+    typography?: string;
+    fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
 };
 type RadioItemProps = {
     children?: React.ReactNode;
@@ -3066,6 +3082,8 @@ declare function RadioItem({ children, ...props }: RadioItemProps): react_jsx_ru
 declare const CheckboxGroupStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<CheckboxGroup$1.RootProps & react.RefAttributes<HTMLDivElement>>, {
     color?: "blue" | "error" | "success" | undefined;
     disabled?: boolean | "false" | "true" | undefined;
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
@@ -3453,15 +3471,22 @@ declare function CheckboxItem({ children, ...props }: CheckboxItemProps): react_
 type FilterProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
     placeholder?: string;
+    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
+    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
 };
 type FilterItemProps = ComponentProps<typeof CheckboxItem> & {
     as?: ElementType;
     value: string;
+    typography: FilterProps['typography'];
+    fontWeight: FilterProps['fontWeight'];
 };
-declare function Filter({ children, placeholder, ...props }: FilterProps): react_jsx_runtime.JSX.Element;
+declare function Filter({ children, placeholder, typography, fontWeight, ...props }: FilterProps): react_jsx_runtime.JSX.Element;
 declare function FilterItem({ children, ...props }: FilterItemProps): react_jsx_runtime.JSX.Element;
 
-declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
+declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>, {
+    typography?: "labelLarge" | "labelMedium" | "labelSmall" | "labelExtraSmall" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+}, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
         brand50: string;
         brand100: string;
@@ -3834,17 +3859,23 @@ declare const DropdownMenuItemStyled: _stitches_react_types_styled_component.Sty
 type DropdownMenuProps = ComponentProps<typeof DropdownMenu$1.Root> & {
     as?: ElementType;
     placeholder?: string;
+    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';
+    typography: 'labelExtraSmall' | 'labelSmall' | 'labelMedium' | 'labelLarge';
+    children: React.ReactNode;
 };
 type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuItemStyled> & {
     as?: ElementType;
     value: string;
+    typography: DropdownMenuProps['typography'];
+    fontWeight: DropdownMenuProps['fontWeight'];
 };
-declare function DropdownMenu({ children, placeholder, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuItem({ children, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenu({ children, placeholder, typography, fontWeight, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ children, typography, fontWeight, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
 
 declare const BadgeStyled: _stitches_react_types_styled_component.StyledComponent<react__default.ForwardRefExoticComponent<_radix_ui_themes.BadgeProps & react__default.RefAttributes<HTMLSpanElement>>, {
     color?: "blue" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "yellow" | "dark" | "light" | "primary" | "disable" | undefined;
     size?: "xs" | "sm" | "md" | "xl" | undefined;
+    fontWeight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     radii?: "full" | undefined;
 }, {}, _stitches_react_types_css_util.CSS<{}, {
     colors: {
@@ -9123,7 +9154,7 @@ declare const GridStyled: _stitches_react_types_styled_component.StyledComponent
     justify?: "end" | "center" | "start" | "between" | undefined;
     flow?: "column" | "row" | "row-dense" | "column-dense" | undefined;
     columns?: 1 | 2 | "1" | "2" | "3" | "4" | "6" | 4 | 6 | 12 | "12" | 3 | undefined;
-    rows?: 1 | 2 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | 4 | 6 | 8 | 10 | 12 | "10" | "12" | 3 | 9 | "11" | 5 | 7 | 11 | undefined;
+    rows?: 1 | 2 | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | 4 | 6 | 8 | 10 | 12 | "10" | "12" | 9 | 3 | "11" | 5 | 7 | 11 | undefined;
     gap?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
     gapX?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;
     gapY?: 2 | "2" | "4" | "6" | "8" | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 22 | 24 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | "full" | "10" | "12" | "14" | "16" | "20" | "22" | "24" | "32" | "36" | "40" | "48" | "56" | "64" | "72" | "80" | undefined;