chore: remove biome lint rule noShadowRestrictedNames

Author: danielkaxis

biome.json

@@ -10,8 +10,7 @@
 			"suspicious": {
 				"noEmptyInterface": "off",
 				"noExplicitAny": "off",
-				"noArrayIndexKey": "off",
-				"noShadowRestrictedNames": "off"
+				"noArrayIndexKey": "off"
 			},
 			"a11y": {
 				"noSvgWithoutTitle": "off"

packages/core/src/Input/Input.tsx

@@ -47,7 +47,7 @@ const getWidth = (width: TextInputWidth): string => {
 	}
 }
 
-const Error = styled.div<{
+const ErrorContainer = styled.div<{
 	readonly compact: boolean
 }>`
   color: ${({ theme }) => theme.color.elementError()};
@@ -447,14 +447,14 @@ function Input<T extends string | NumberInputType>({
 				</ErrorIconContainer>
 			) : null}
 			{error !== undefined ? (
-				<Error compact={compact}>
+				<ErrorContainer compact={compact}>
 					<ErrorLineContainer>
 						<ErrorLine hasErrorMessage={error !== ''} />
 					</ErrorLineContainer>
 					{errorVariant === 'text' && error !== '' ? (
 						<ErrorMessageText errorVariant={errorVariant} error={error} />
 					) : null}
-				</Error>
+				</ErrorContainer>
 			) : (
 				<FocusLine />
 			)}

packages/core/src/TextArea/index.tsx

@@ -14,7 +14,7 @@ import { Typography } from '../Typography'
 
 const TEXT_AREA_HEIGHT = '96px'
 
-const Error = styled.div`
+const ErrorContainer = styled.div`
   color: ${({ theme }) => theme.color.elementError()};
   line-height: 16px;
   background-color: transparent;
@@ -265,7 +265,7 @@ export const TextArea: FC<TextAreaProps> = ({
 				ref={textareaRef}
 			/>
 			{error !== undefined ? (
-				<Error>
+				<ErrorContainer>
 					<ErrorLineContainter>
 						<ErrorLine hasErrorMessage={error !== ''} />
 					</ErrorLineContainter>
@@ -274,7 +274,7 @@ export const TextArea: FC<TextAreaProps> = ({
 							<Typography variant="explanatory-text">{error}</Typography>
 						</ErrorMessage>
 					) : null}
-				</Error>
+				</ErrorContainer>
 			) : (
 				<FocusLine />
 			)}

packages/docs/src/mdx/Code.tsx

@@ -41,7 +41,7 @@ const EditorContainer = styled.div`
   overflow: hidden;
 `
 
-const Error = styled(LiveError)`
+const ErrorContainer = styled(LiveError)`
   background-color: ${({ theme }) => theme.color.elementError(0.3)};
   font-size: 12px;
   padding: ${practicalcore.spacing.large};
@@ -105,7 +105,7 @@ export const Code = ({
 							<Editor>
 								<LiveEditor theme={lightTheme} />
 							</Editor>
-							<Error />
+							<ErrorContainer />
 						</EditorContainer>
 					) : null}
 					<Preview />