- Introduce KdText composable, a wrapper around material3.Text.

- Replace direct usages of `material3.Text` with `KdText`.
- Rename design system components from `Ca` prefix to `Kd` (e.g., `CaScaffold` to `KdScaffold`).
- Add a test to prevent direct usage of `androidx.compose.material3.Text` outside the design system.

Author: yesshreyes

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/components/ShowAlertDialog.kt

@@ -1,10 +1,10 @@
 package com.developersbreach.kotlindictionarymultiplatform.ui.components
 
 import androidx.compose.material3.AlertDialog
-import androidx.compose.material3.Text
 import androidx.compose.material3.TextButton
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import com.developersbreach.designsystem.components.KdText
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.ok
 import org.jetbrains.compose.resources.stringResource
@@ -18,11 +18,11 @@ fun ShowAlertDialog(
 ) {
     AlertDialog(
         onDismissRequest = onButtonClick,
-        title = { Text(text = title) },
-        text = { Text(text = description) },
+        title = { KdText(text = title) },
+        text = { KdText(text = description) },
         confirmButton = {
             TextButton(onClick = onButtonClick) {
-                Text(text = stringResource(Res.string.ok))
+                KdText(text = stringResource(Res.string.ok))
             }
         },
         modifier = modifier,

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/detail/CodeExampleBox.kt

@@ -17,7 +17,6 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Check
 import androidx.compose.material.icons.filled.ContentCopy
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
@@ -31,7 +30,8 @@ import androidx.compose.ui.text.font.FontFamily
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import com.developersbreach.designsystem.components.CaIcon
+import com.developersbreach.designsystem.components.KdIcon
+import com.developersbreach.designsystem.components.KdText
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.copied
 import kotlindictionarymultiplatform.composeapp.generated.resources.copy
@@ -78,7 +78,7 @@ fun CodeExampleBox(
                     horizontalArrangement = Arrangement.SpaceBetween,
                     verticalAlignment = Alignment.CenterVertically,
                 ) {
-                    Text(
+                    KdText(
                         text = stringResource(Res.string.kotlin),
                         color = MaterialTheme.colorScheme.onPrimary,
                         fontWeight = FontWeight.Bold,
@@ -99,13 +99,13 @@ fun CodeExampleBox(
                             }
                             .padding(4.dp),
                     ) {
-                        CaIcon(
+                        KdIcon(
                             imageVector = if (copied) Icons.Default.Check else Icons.Default.ContentCopy,
                             contentDescription = stringResource(Res.string.copy),
                             tint = MaterialTheme.colorScheme.onPrimary,
                         )
                         Spacer(modifier = Modifier.width(4.dp))
-                        Text(
+                        KdText(
                             text = if (copied) stringResource(Res.string.copied) else stringResource(Res.string.copy),
                             fontSize = 12.sp,
                             color = MaterialTheme.colorScheme.onPrimary,
@@ -116,7 +116,7 @@ fun CodeExampleBox(
 
             Spacer(modifier = Modifier.height(8.dp))
 
-            Text(
+            KdText(
                 text = code,
                 modifier = Modifier.padding(
                     start = 12.dp,

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/detail/DetailScreenComponents.kt

@@ -4,11 +4,11 @@ import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.height
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import com.developersbreach.designsystem.components.KdText
 import com.developersbreach.kotlindictionarymultiplatform.data.detail.model.Section
 import com.developersbreach.kotlindictionarymultiplatform.data.detail.model.Syntax
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
@@ -25,7 +25,7 @@ fun TableOfContents(
     item: String,
     onClick: () -> Unit,
 ) {
-    Text(
+    KdText(
         text = item,
         modifier = Modifier.clickable { onClick() },
         color = MaterialTheme.colorScheme.onSurface,
@@ -37,13 +37,13 @@ fun TableOfContents(
 fun IntroductionSection(
     intro: String,
 ) {
-    Text(
+    KdText(
         text = stringResource(resource = Res.string.introduction),
         style = MaterialTheme.typography.headlineLarge,
         color = MaterialTheme.colorScheme.onPrimary,
     )
     Spacer(Modifier.height(4.dp))
-    Text(
+    KdText(
         text = intro,
         style = MaterialTheme.typography.bodyMedium,
     )
@@ -54,19 +54,19 @@ fun IntroductionSection(
 fun SyntaxSection(
     syntax: Syntax,
 ) {
-    Text(
+    KdText(
         text = stringResource(resource = Res.string.syntax),
         style = MaterialTheme.typography.headlineLarge,
         color = MaterialTheme.colorScheme.onPrimary,
     )
     Spacer(Modifier.height(4.dp))
-    Text(
+    KdText(
         text = syntax.signature,
         style = MaterialTheme.typography.bodyMedium,
     )
     syntax.notes?.let {
         Spacer(Modifier.height(4.dp))
-        Text(
+        KdText(
             text = stringResource(
                 Res.string.notes_with_value,
                 it,
@@ -82,7 +82,7 @@ fun SectionBlock(
     section: Section,
 ) {
     section.heading?.let {
-        Text(
+        KdText(
             text = it,
             style = MaterialTheme.typography.headlineLarge,
             color = MaterialTheme.colorScheme.onPrimary,
@@ -91,7 +91,7 @@ fun SectionBlock(
     }
 
     section.content?.let {
-        Text(
+        KdText(
             text = it,
             style = MaterialTheme.typography.bodyMedium,
         )
@@ -100,7 +100,7 @@ fun SectionBlock(
 
     section.codeExamples.forEach { example ->
         example.description?.let {
-            Text(
+            KdText(
                 text = it,
                 fontWeight = FontWeight.Bold,
                 style = MaterialTheme.typography.bodyMedium,
@@ -116,14 +116,14 @@ fun SectionBlock(
 fun PitfallsSection(
     pitfalls: List<String>,
 ) {
-    Text(
+    KdText(
         text = stringResource(resource = Res.string.pitfalls),
         style = MaterialTheme.typography.headlineLarge,
         color = MaterialTheme.colorScheme.onPrimary,
     )
     Spacer(Modifier.height(4.dp))
     pitfalls.forEach {
-        Text(
+        KdText(
             text = stringResource(
                 Res.string.bullet_item,
                 it,
@@ -138,14 +138,14 @@ fun PitfallsSection(
 fun RelatedTopicsSection(
     relatedTopics: List<String>,
 ) {
-    Text(
+    KdText(
         text = stringResource(resource = Res.string.related_topics),
         style = MaterialTheme.typography.headlineLarge,
         color = MaterialTheme.colorScheme.onPrimary,
     )
     Spacer(Modifier.height(4.dp))
     relatedTopics.forEach {
-        Text(
+        KdText(
             text = stringResource(
                 Res.string.bullet_item,
                 it,

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/detail/DetailScreenUI.kt

@@ -8,12 +8,12 @@ import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.rememberLazyListState
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
-import com.developersbreach.designsystem.components.CaScaffold
+import com.developersbreach.designsystem.components.KdScaffold
+import com.developersbreach.designsystem.components.KdText
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.table_of_contents
 import kotlinx.coroutines.launch
@@ -24,7 +24,7 @@ fun DetailScreenUI(
     detailUiState: DetailUiState,
     navigateUp: () -> Unit,
 ) {
-    CaScaffold(
+    KdScaffold(
         topBar = {
             DetailTopBar(
                 title = detailUiState.topicName,
@@ -55,7 +55,7 @@ private fun DetailContent(
             .padding(horizontal = 16.dp),
     ) {
         item {
-            Text(
+            KdText(
                 text = stringResource(Res.string.table_of_contents),
                 style = MaterialTheme.typography.titleLarge,
                 color = MaterialTheme.colorScheme.onPrimary,

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/detail/DetailTopAppBar.kt

@@ -5,12 +5,12 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.ArrowBack
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.material3.TopAppBar
 import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import com.developersbreach.designsystem.components.CaIconButton
+import com.developersbreach.designsystem.components.KdIconButton
+import com.developersbreach.designsystem.components.KdText
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.back
 import org.jetbrains.compose.resources.stringResource
@@ -23,15 +23,15 @@ fun DetailTopBar(
 ) {
     TopAppBar(
         title = {
-            Text(
+            KdText(
                 text = title,
                 style = MaterialTheme.typography.displayMedium,
                 color = MaterialTheme.colorScheme.onPrimary,
                 modifier = Modifier.fillMaxWidth(),
             )
         },
         navigationIcon = {
-            CaIconButton(
+            KdIconButton(
                 onClick = navigateUp,
                 imageVector = Icons.AutoMirrored.Filled.ArrowBack,
                 contentDescription = stringResource(Res.string.back),

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/topic/SearchField.kt

@@ -8,7 +8,6 @@ import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Search
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.material3.TextFieldDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
@@ -18,8 +17,9 @@ import androidx.compose.ui.text.input.ImeAction
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
-import com.developersbreach.designsystem.components.CaIcon
-import com.developersbreach.designsystem.components.CaTextField
+import com.developersbreach.designsystem.components.KdIcon
+import com.developersbreach.designsystem.components.KdText
+import com.developersbreach.designsystem.components.KdTextField
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.search
 import kotlindictionarymultiplatform.composeapp.generated.resources.search_kotlin_terms
@@ -30,23 +30,23 @@ fun SearchField(
     searchQuery: String,
     onQueryChange: (String) -> Unit,
 ) {
-    CaTextField(
+    KdTextField(
         value = searchQuery,
         onValueChange = onQueryChange,
         modifier = Modifier
             .fillMaxWidth()
             .clip(RoundedCornerShape(25.dp))
             .padding(4.dp),
         placeholder = {
-            Text(
+            KdText(
                 stringResource(Res.string.search_kotlin_terms),
                 maxLines = 1,
                 overflow = TextOverflow.Ellipsis,
                 color = MaterialTheme.colorScheme.onBackground,
             )
         },
         leadingIcon = {
-            CaIcon(
+            KdIcon(
                 imageVector = Icons.Filled.Search,
                 contentDescription = stringResource(Res.string.search),
                 tint = MaterialTheme.colorScheme.onBackground,

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/topic/TopicCard.kt

@@ -17,15 +17,15 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Bookmark
 import androidx.compose.material.icons.outlined.BookmarkBorder
 import androidx.compose.material3.MaterialTheme
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
-import com.developersbreach.designsystem.components.CaIconButton
-import com.developersbreach.designsystem.components.CaSurface
+import com.developersbreach.designsystem.components.KdIconButton
+import com.developersbreach.designsystem.components.KdSurface
+import com.developersbreach.designsystem.components.KdText
 import kotlindictionarymultiplatform.composeapp.generated.resources.Res
 import kotlindictionarymultiplatform.composeapp.generated.resources.add_bookmark
 import kotlindictionarymultiplatform.composeapp.generated.resources.remove_bookmark
@@ -40,7 +40,7 @@ fun TopicCard(
     onBookmarkClick: () -> Unit,
     onCardClick: () -> Unit,
 ) {
-    CaSurface(
+    KdSurface(
         modifier = Modifier
             .fillMaxWidth()
             .padding(8.dp)
@@ -68,15 +68,15 @@ fun TopicCard(
                         ),
                     contentAlignment = Alignment.Center,
                 ) {
-                    Text(text = itemTopic.initial)
+                    KdText(text = itemTopic.initial)
                 }
 
                 Spacer(modifier = Modifier.width(12.dp))
 
                 Column(
                     modifier = Modifier.weight(1f),
                 ) {
-                    Text(
+                    KdText(
                         text = topic,
                         style = MaterialTheme.typography.headlineMedium.copy(
                             color = MaterialTheme.colorScheme.onPrimary,
@@ -85,7 +85,7 @@ fun TopicCard(
                         overflow = TextOverflow.Ellipsis,
                     )
                     Spacer(modifier = Modifier.height(6.dp))
-                    Text(
+                    KdText(
                         text = subtitle,
                         style = MaterialTheme.typography.labelMedium.copy(
                             color = MaterialTheme.colorScheme.onBackground,
@@ -95,7 +95,7 @@ fun TopicCard(
                     )
                 }
 
-                CaIconButton(
+                KdIconButton(
                     onClick = onBookmarkClick,
                     imageVector = if (isBookmarked) {
                         Icons.Outlined.BookmarkBorder

composeApp/src/commonMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/ui/screens/topic/TopicScreenUI.kt

@@ -7,7 +7,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
-import com.developersbreach.designsystem.components.CaScaffold
+import com.developersbreach.designsystem.components.KdScaffold
 
 @Composable
 fun TopicScreenUI(
@@ -18,7 +18,7 @@ fun TopicScreenUI(
     onBookmarkClick: (Int) -> Unit,
     onTopicClick: (String) -> Unit,
 ) {
-    CaScaffold(
+    KdScaffold(
         topBar = { TopicTopBar() },
         content = { paddingValues ->
             Column(