@momo-kits/native-kits 0.157.1-skill.1 → 0.157.1-skill.3-debug

package/.claude/momo-native-kits/references/Button.md

@@ -1,197 +0,0 @@
----
-name: button
-description: Button component for user actions. Use when user needs to trigger an action (confirm, cancel, submit, delete).
----
-
-# Button
-
-Button component for user actions with various styles and states.
-
-## API
-
-```kotlin
-@Composable
-fun Button(
-    onClick: () -> Unit,
-    type: ButtonType = ButtonType.PRIMARY,
-    size: Size = Size.LARGE,
-    iconRight: String = "",
-    iconLeft: String = "",
-    title: String = "Button",
-    loading: Boolean = false,
-    useTintColor: Boolean = true,
-    isFull: Boolean = true,
-    modifier: Modifier = Modifier,
-)
-```
-
-## Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `onClick` | `() -> Unit` | **Required** | Callback when button is clicked |
-| `type` | `ButtonType` | `PRIMARY` | Button style variant |
-| `size` | `Size` | `LARGE` | Button size (height) |
-| `iconRight` | `String` | `""` | Icon name to show on right side |
-| `iconLeft` | `String` | `""` | Icon name to show on left side |
-| `title` | `String` | `"Button"` | Button text |
-| `loading` | `Boolean` | `false` | Show loading spinner |
-| `useTintColor` | `Boolean` | `true` | Apply tint color to icon |
-| `isFull` | `Boolean` | `true` | Full width button |
-| `modifier` | `Modifier` | `Modifier` | Compose modifier |
-
-## ButtonType
-
-| Type | Description | Background | Border |
-|------|-------------|------------|--------|
-| `PRIMARY` | Main action button | Primary color | None |
-| `SECONDARY` | Secondary action | Surface color | 1dp border |
-| `TONAL` | Tonal background | Tonal color | None |
-| `OUTLINE` | Border only | Surface color | 1dp primary |
-| `DANGER` | Warning/Delete | Error color | None |
-| `TEXT` | Text only | Transparent | None |
-| `DISABLED` | Disabled state | Disable color | None |
-
-## Size
-
-| Size | Height | Text Style | Icon Size |
-|------|--------|------------|-----------|
-| `LARGE` | 48dp | actionDefaultBold | 24dp |
-| `MEDIUM` | 36dp | actionSBold | 16dp |
-| `SMALL` | 28dp | actionXsBold | 16dp |
-
-## States
-
-- **Default**: Normal button state
-- **Pressed**: 2dp padding shrink + 0.5f alpha animation
-- **Loading**: 0.75f alpha, spinner replaces icon or title
-- **Disabled**: `type = ButtonType.DISABLED` or `type = ButtonType.TEXT`
-
-## Examples
-
-### Basic Usage
-
-```kotlin
-// Primary button (default)
-Button(onClick = { /* action */ }, title = "Confirm")
-
-// Secondary button
-Button(onClick = { /* action */ }, title = "Cancel", type = ButtonType.SECONDARY)
-
-// Danger button
-Button(onClick = { /* action */ }, title = "Delete", type = ButtonType.DANGER)
-```
-
-### With Icons
-
-```kotlin
-// Icon on left
-Button(
-    onClick = { },
-    title = "Confirm",
-    iconLeft = "check"
-)
-
-// Icon on right
-Button(
-    onClick = { },
-    title = "Next",
-    iconRight = "arrow_forward"
-)
-
-// Both icons
-Button(
-    onClick = { },
-    title = "Send",
-    iconLeft = "send",
-    iconRight = "chevron_right"
-)
-```
-
-### Loading State
-
-```kotlin
-// Loading with spinner
-Button(
-    onClick = { },
-    title = "Loading",
-    loading = true
-)
-
-// Loading with icon (spinner replaces icon)
-Button(
-    onClick = { },
-    title = "Submit",
-    iconLeft = "save",
-    loading = true
-)
-```
-
-### Sizes
-
-```kotlin
-// Large button (default - 48dp)
-Button(onClick = { }, title = "Large", size = Size.LARGE)
-
-// Medium button (36dp)
-Button(onClick = { }, title = "Medium", size = Size.MEDIUM)
-
-// Small button (28dp)
-Button(onClick = { }, title = "Small", size = Size.SMALL)
-```
-
-### Full Width vs Auto Width
-
-```kotlin
-// Full width (default)
-Button(onClick = { }, title = "Full Width", isFull = true)
-
-// Auto width
-Button(onClick = { }, title = "Auto", isFull = false)
-```
-
-### Outline Button
-
-```kotlin
-Button(
-    onClick = { },
-    title = "Outline",
-    type = ButtonType.OUTLINE
-)
-```
-
-### Text Button
-
-```kotlin
-Button(
-    onClick = { },
-    title = "Text Only",
-    type = ButtonType.TEXT
-)
-```
-
-### Disabled Button
-
-```kotlin
-// Using DISABLED type
-Button(
-    onClick = { },
-    title = "Disabled",
-    type = ButtonType.DISABLED
-)
-
-// Or just don't provide onClick handler
-Button(
-    onClick = { },  // Empty or no action
-    title = "No Action"
-)
-```
-
-## Icon Names
-
-Common icons available:
-- `check`, `close`, `arrow_back`, `arrow_forward`, `chevron_right`, `chevron_left`
-- `add`, `remove`, `delete`, `edit`, `save`, `send`
-- `home`, `settings`, `search`, `menu`, `more_vert`
-
-Use icon names from MoMo's icon library.

package/.claude/momo-native-kits/references/CheckBox.md

@@ -1,51 +0,0 @@
----
-name: checkbox
-description: Checkbox component for boolean selection. Use when user needs to select one or more options, agree to terms, or toggle boolean values.
----
-
-# CheckBox
-
-Checkbox component for boolean selection.
-
-## Keywords
-
-checkbox, tick, tích chọn, check
-
-## API
-
-```kotlin
-@Composable
-fun CheckBox(
-    checked: Boolean = false,
-    onCheckedChange: (Boolean) -> Unit,
-    title: String = "",
-    indeterminate: Boolean = false,
-    disabled: Boolean = false,
-)
-```
-
-## States
-
-- Unchecked
-- Checked
-- Indeterminate
-- Disabled
-
-## Examples
-
-```kotlin
-var isChecked by remember { mutableStateOf(false) }
-
-CheckBox(
-    checked = isChecked,
-    onCheckedChange = { isChecked = it },
-    title = "I agree"
-)
-
-// Indeterminate
-CheckBox(
-    checked = isChecked,
-    indeterminate = true,
-    onCheckedChange = { isChecked = it }
-)
-```

package/.claude/momo-native-kits/references/Chip.md

@@ -1,47 +0,0 @@
----
-name: chip
-description: Selectable chip component. Use when displaying filter options, tags, or selectable categories.
----
-
-# Chip
-
-Selectable chip component.
-
-## Keywords
-
-chip, filter, selectable, tag chọn
-
-## API
-
-```kotlin
-@Composable
-fun Chip(
-    label: String? = "Label",
-    iconLeft: String? = null,
-    iconRight: String? = null,
-    selected: Boolean = false,
-    onClick: () -> Unit = {},
-    size: ChipSize = ChipSize.LARGE,
-)
-
-enum class ChipSize { SMALL, LARGE }
-```
-
-## Features
-
-- Selected state with border
-- Icon support (left/right)
-- Two sizes
-
-## Examples
-
-```kotlin
-// Unselected chip
-Chip(label = "Tag", onClick = { })
-
-// Selected chip
-Chip(label = "Selected", selected = true, onClick = { })
-
-// Chip with icon
-Chip(label = "Filter", iconLeft = "filter", selected = true, onClick = { })
-```

package/.claude/momo-native-kits/references/Divider.md

@@ -1,29 +0,0 @@
----
-name: divider
-description: Divider component for separating content. Use when needing to visually separate sections in a layout.
----
-
-# Divider
-
-Divider component for separating content.
-
-## Keywords
-
-divider, line, đường kẻ, separator
-
-## API
-
-```kotlin
-@Composable
-fun Divider()
-```
-
-## Examples
-
-```kotlin
-Column {
-    Text("Content 1")
-    Divider()
-    Text("Content 2")
-}
-```

package/.claude/momo-native-kits/references/HeaderTitle.md

@@ -1,45 +0,0 @@
----
-name: header-title
-description: Header title component for navigation header. Use when setting screen title in navigation bar.
----
-
-# HeaderTitle
-
-Header title component for navigation header.
-
-## Keywords
-
-header title, tiêu đề header
-
-## Types
-
-```kotlin
-// Simple title
-HeaderTitle.Default("Title")
-
-// With subtitle
-HeaderTitle.SubTitle(title = "Title", subTitle = "Subtitle")
-
-// User header
-HeaderTitle.User(
-    title: String,
-    subTitle: String? = null,
-    image: List<String>? = null,
-    onPress: (() -> Unit)? = null
-)
-```
-
-## Examples
-
-```kotlin
-navigation.setOptions(
-    headerTitle = HeaderTitle.Default("Home")
-)
-
-navigation.setOptions(
-    headerTitle = HeaderTitle.SubTitle(
-        title = "Profile",
-        subTitle = "Personal"
-    )
-)
-```

package/.claude/momo-native-kits/references/HeaderType.md

@@ -1,47 +0,0 @@
----
-name: header-type
-description: Header type configuration for navigation. Use when customizing header appearance (transparent, default, none, or extended with search/buttons).
----
-
-# HeaderType
-
-Header type configuration for navigation.
-
-## Keywords
-
-header, transparent, header type
-
-## Types
-
-```kotlin
-// Default header
-HeaderType.Default()
-
-// Extended header
-HeaderType.Extended(
-    floatingButton: FloatingButtonProps? = null,
-    inputSearchProps: InputSearchProps? = null
-)
-
-// Transparent header
-HeaderType.Transparent()
-
-// No header
-HeaderType.None()
-```
-
-## Examples
-
-```kotlin
-navigation.setOptions(
-    headerType = HeaderType.Default()
-)
-
-navigation.setOptions(
-    headerType = HeaderType.Transparent()
-)
-
-navigation.setOptions(
-    headerType = HeaderType.None()
-)
-```

package/.claude/momo-native-kits/references/Icon.md

@@ -1,32 +0,0 @@
----
-name: icon
-description: Icon component for displaying icons. Use when adding visual icons to UI elements.
----
-
-# Icon
-
-Icon component for displaying icons.
-
-## Keywords
-
-icon, biểu tượng
-
-## API
-
-```kotlin
-@Composable
-fun Icon(
-    source: String,  // Icon name or URL
-    size: Dp = 24.dp,
-    color: Color? = AppTheme.current.colors.text.default,
-    modifier: Modifier = Modifier,
-)
-```
-
-## Examples
-
-```kotlin
-Icon(source = "home", size = 24.dp)
-
-Icon(source = "settings", color = AppTheme.current.colors.primary)
-```

package/.claude/momo-native-kits/references/Image.md

@@ -1,38 +0,0 @@
----
-name: image
-description: Image component for displaying images. Use when adding image content to screens.
----
-
-# Image
-
-Image component for displaying images.
-
-## Keywords
-
-image, hình ảnh, picture
-
-## API
-
-```kotlin
-@Composable
-fun Image(
-    source: Any,  // URL or resource
-    modifier: Modifier = Modifier,
-    options: Options? = null,
-    loading: Boolean = true,
-)
-
-data class Options(
-    val alignment: Alignment = Alignment.TopStart,
-    val contentScale: ContentScale = ContentScale.Crop,
-)
-```
-
-## Examples
-
-```kotlin
-Image(
-    source = "https://example.com/image.jpg",
-    modifier = Modifier.fillMaxWidth().height(200.dp)
-)
-```

package/.claude/momo-native-kits/references/Information.md

@@ -1,36 +0,0 @@
----
-name: information
-description: Info banner component. Use when displaying informational messages, warnings, or success notifications.
----
-
-# Information
-
-Info banner component.
-
-## Keywords
-
-info, information, thông báo, banner
-
-## API
-
-```kotlin
-@Composable
-fun Information(
-    title: String,
-    content: String? = null,
-    icon: String? = null,
-    type: InformationType = InformationType.INFO
-)
-
-enum class InformationType { INFO, WARNING, ERROR, SUCCESS }
-```
-
-## Examples
-
-```kotlin
-Information(
-    title = "Info",
-    content = "Information here",
-    type = InformationType.INFO
-)
-```