@expokit/cli 0.0.0-stage → 0.2.0

package/registry/_docs/radio-group.json

@@ -0,0 +1,92 @@
+{
+  "name": "radio-group",
+  "category": "Selection",
+  "aliases": [],
+  "exportName": "RadioGroup",
+  "files": [
+    "src/components/ui/radio-group.tsx"
+  ],
+  "props": [
+    [
+      "options",
+      "{ value, label, description?, icon?, hint?, disabled? }[]",
+      "—",
+      "The choices. `hint` is trailing text such as a price."
+    ],
+    [
+      "value / onValueChange",
+      "string",
+      "—",
+      "Controlled selection (or use defaultValue)."
+    ],
+    [
+      "defaultValue",
+      "string",
+      "—",
+      "Initial selection when uncontrolled."
+    ],
+    [
+      "variant",
+      "\"default\" | \"card\" | \"segmented-list\"",
+      "\"default\"",
+      "Radio dots, selectable cards or a grouped list with ticks."
+    ],
+    [
+      "direction",
+      "\"vertical\" | \"horizontal\"",
+      "\"vertical\"",
+      "Stack or lay out side by side (cards share the width)."
+    ],
+    [
+      "accent",
+      "string",
+      "theme accent",
+      "Selected colour."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Selection tick on change."
+    ],
+    [
+      "disabled",
+      "boolean",
+      "false",
+      "Disable the whole group (or per option)."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the group container (the bordered card in the segmented-list variant)."
+    ]
+  ],
+  "examples": [
+    {
+      "name": "Default",
+      "title": "Default",
+      "code": "import { RadioGroup } from '@/components/ui/radio-group';\n\nexport default function Default() {\n  return (\n    <RadioGroup\n      defaultValue=\"standard\"\n      options={[\n        { value: 'standard', label: 'Standard shipping', description: '4–6 business days · Free' },\n        { value: 'express', label: 'Express', description: '1–2 business days · ₹99' },\n        { value: 'pickup', label: 'Pick up in store', description: 'Ready in 2 hours' },\n      ]}\n    />\n  );\n}\n"
+    },
+    {
+      "name": "Horizontal",
+      "title": "Horizontal",
+      "code": "import React, { useState } from 'react';\nimport { RadioGroup } from '@/components/ui/radio-group';\n\nexport default function Horizontal() {\n  const [size, setSize] = useState('m');\n  return (\n    <RadioGroup\n      direction=\"horizontal\"\n      value={size}\n      onValueChange={setSize}\n      accessibilityLabel=\"Cup size\"\n      options={[\n        { value: 's', label: 'Small' },\n        { value: 'm', label: 'Medium' },\n        { value: 'l', label: 'Large' },\n      ]}\n    />\n  );\n}\n"
+    },
+    {
+      "name": "Cards",
+      "title": "Cards",
+      "code": "import { RadioGroup } from '@/components/ui/radio-group';\n\nexport default function Cards() {\n  return (\n    <RadioGroup\n      variant=\"card\"\n      defaultValue=\"pro\"\n      options={[\n        { value: 'starter', label: 'Starter', description: 'For side projects', hint: '₹0' },\n        { value: 'pro', label: 'Pro', description: 'Unlimited projects, priority support', hint: '₹499/mo' },\n        { value: 'team', label: 'Team', description: 'Shared workspaces and SSO', hint: '₹1,499/mo' },\n      ]}\n    />\n  );\n}\n"
+    },
+    {
+      "name": "CardsHorizontal",
+      "title": "Cards Horizontal",
+      "code": "import { Text } from 'react-native';\nimport { RadioGroup } from '@/components/ui/radio-group';\n\nexport default function CardsHorizontal() {\n  return (\n    <RadioGroup\n      variant=\"card\"\n      direction=\"horizontal\"\n      defaultValue=\"card\"\n      options={[\n        { value: 'card', label: 'Card', description: 'Visa ·· 4242', icon: <Text style={{ fontSize: 20 }}>💳</Text> },\n        { value: 'wallet', label: 'Wallet', description: 'Apple Pay', icon: <Text style={{ fontSize: 20 }}>📱</Text> },\n      ]}\n    />\n  );\n}\n"
+    },
+    {
+      "name": "GroupedList",
+      "title": "Grouped List",
+      "code": "import { RadioGroup } from '@/components/ui/radio-group';\n\nexport default function GroupedList() {\n  return (\n    <RadioGroup\n      variant=\"segmented-list\"\n      defaultValue=\"system\"\n      accessibilityLabel=\"Appearance\"\n      options={[\n        { value: 'light', label: 'Light' },\n        { value: 'dark', label: 'Dark' },\n        { value: 'system', label: 'Automatic', description: 'Follows your device settings' },\n      ]}\n    />\n  );\n}\n"
+    }
+  ]
+}

package/registry/_docs/rating.json

@@ -0,0 +1,90 @@
+{
+  "name": "rating",
+  "category": "Selection",
+  "aliases": [],
+  "exportName": "Rating",
+  "files": [
+    "src/components/ui/rating.tsx"
+  ],
+  "props": [
+    [
+      "value / onValueChange",
+      "number",
+      "—",
+      "Controlled value (or use defaultValue)."
+    ],
+    [
+      "defaultValue",
+      "number",
+      "0",
+      "Initial value when uncontrolled."
+    ],
+    [
+      "max",
+      "number",
+      "5",
+      "Number of icons."
+    ],
+    [
+      "allowHalf",
+      "boolean",
+      "false",
+      "Half-icon precision when tapping or dragging."
+    ],
+    [
+      "readOnly",
+      "boolean",
+      "false",
+      "Display only; fractional values (4.3) fill partially."
+    ],
+    [
+      "clearable",
+      "boolean",
+      "false",
+      "Tap the current value again to reset to 0."
+    ],
+    [
+      "icon",
+      "\"star\" | \"heart\"",
+      "\"star\"",
+      "Star or heart icons; heart switches the default fill to danger."
+    ],
+    [
+      "size",
+      "\"sm\" | \"md\" | \"lg\" | number",
+      "\"md\"",
+      "18 / 28 / 40pt, or any number."
+    ],
+    [
+      "accent",
+      "string",
+      "warning / danger",
+      "Fill colour."
+    ],
+    [
+      "gap",
+      "number",
+      "20% of size",
+      "Space between icons."
+    ],
+    [
+      "haptics",
+      "boolean",
+      "true",
+      "Selection tick for every step while tapping or dragging."
+    ],
+    [
+      "disabled",
+      "boolean",
+      "false",
+      "Dims and blocks input."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the row of icons."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/ring-carousel.json

@@ -0,0 +1,102 @@
+{
+  "name": "ring-carousel",
+  "category": "3D",
+  "aliases": [],
+  "exportName": "RingCarousel",
+  "files": [
+    "src/components/ui/ring-carousel.tsx"
+  ],
+  "props": [
+    [
+      "data",
+      "T[]",
+      "—",
+      "Items, one card each."
+    ],
+    [
+      "renderItem",
+      "({ item, index, active }) => ReactNode",
+      "—",
+      "Render a card. `active` is true for the card facing you."
+    ],
+    [
+      "keyExtractor",
+      "(item: T, index: number) => string",
+      "index",
+      "React key for each card."
+    ],
+    [
+      "itemWidth",
+      "number",
+      "170",
+      "Card width."
+    ],
+    [
+      "itemHeight",
+      "number",
+      "230",
+      "Card height."
+    ],
+    [
+      "spacing",
+      "number",
+      "360 / count (≤ 45)",
+      "Degrees between neighbours."
+    ],
+    [
+      "autoplay",
+      "boolean | number",
+      "false",
+      "Turn every 3s (or N ms); pauses while touched."
+    ],
+    [
+      "index",
+      "number",
+      "—",
+      "Controlled front card."
+    ],
+    [
+      "defaultIndex",
+      "number",
+      "0",
+      "Uncontrolled initial front card."
+    ],
+    [
+      "onIndexChange",
+      "(index: number) => void",
+      "—",
+      "Fires when the front card changes."
+    ],
+    [
+      "onPress",
+      "(item: T, index: number) => void",
+      "—",
+      "Tap on the front card."
+    ],
+    [
+      "pagination",
+      "boolean",
+      "true",
+      "Dots under the ring."
+    ],
+    [
+      "accent",
+      "string",
+      "theme foreground",
+      "Active dot colour."
+    ],
+    [
+      "radius",
+      "number",
+      "18",
+      "Corner radius of each card."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the root view."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/scratch-card.json

@@ -0,0 +1,90 @@
+{
+  "name": "scratch-card",
+  "category": "Coupons",
+  "aliases": [],
+  "exportName": "ScratchCard",
+  "files": [
+    "src/components/ui/scratch-card.tsx"
+  ],
+  "props": [
+    [
+      "children",
+      "ReactNode",
+      "—",
+      "The reward underneath; it sets the card's size."
+    ],
+    [
+      "foil",
+      "\"silver\" | \"gold\" | \"holo\" | \"rose\" | \"midnight\" | { colors, ink }",
+      "\"silver\"",
+      "Foil look."
+    ],
+    [
+      "label / sublabel",
+      "string",
+      "\"Scratch to reveal\" / —",
+      "Printed on the foil."
+    ],
+    [
+      "threshold",
+      "number",
+      "0.55",
+      "Share of the foil to scratch before the rest clears."
+    ],
+    [
+      "brushSize",
+      "number",
+      "22",
+      "Brush radius in points."
+    ],
+    [
+      "radius",
+      "number",
+      "20",
+      "Corner radius of the foil."
+    ],
+    [
+      "revealed",
+      "boolean",
+      "—",
+      "Controlled: true shows the reward, false puts the foil back."
+    ],
+    [
+      "disabled",
+      "boolean",
+      "false",
+      "Turn scratching off."
+    ],
+    [
+      "onScratchStart / onScratchEnd",
+      "() => void",
+      "—",
+      "Finger down / up — e.g. pause a parent ScrollView."
+    ],
+    [
+      "onProgress",
+      "(fraction) => void",
+      "—",
+      "0 … 1 while scratching."
+    ],
+    [
+      "onReveal",
+      "() => void",
+      "—",
+      "Once, when the foil clears."
+    ],
+    [
+      "ref",
+      "{ reveal(), reset() }",
+      "—",
+      "Clear the foil, or put a fresh one on."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Width, margins."
+    ]
+  ],
+  "examples": []
+}

package/registry/_docs/search-bar.json

@@ -0,0 +1,140 @@
+{
+  "name": "search-bar",
+  "category": "Inputs",
+  "aliases": [],
+  "exportName": "SearchBar",
+  "files": [
+    "src/components/ui/search-bar.tsx"
+  ],
+  "props": [
+    [
+      "variant",
+      "\"default\" | \"filled\" | \"minimal\"",
+      "\"default\"",
+      "Outlined pill, iOS grey field, or a round icon that expands into a field."
+    ],
+    [
+      "size",
+      "\"sm\" | \"md\" | \"lg\"",
+      "\"md\"",
+      "34 / 44 / 56pt tall; font, icons, padding and radius scale too."
+    ],
+    [
+      "value / defaultValue / onChangeText",
+      "string",
+      "—",
+      "Controlled or uncontrolled query."
+    ],
+    [
+      "loading",
+      "boolean",
+      "false",
+      "Crossfades the magnifier into a spinning arc."
+    ],
+    [
+      "showCancel",
+      "boolean",
+      "true (false for minimal)",
+      "Slide a Cancel button in while searching."
+    ],
+    [
+      "cancelLabel",
+      "string",
+      "\"Cancel\"",
+      "Cancel button text."
+    ],
+    [
+      "onCancel",
+      "() => void",
+      "—",
+      "After Cancel clears the query and blurs."
+    ],
+    [
+      "onClear",
+      "() => void",
+      "—",
+      "After the clear button empties the query."
+    ],
+    [
+      "align",
+      "\"left\" | \"right\"",
+      "\"left\"",
+      "Minimal only: where the collapsed icon rests."
+    ],
+    [
+      "suggestions",
+      "{ key, label, hint?, icon?: 'recent' | 'trending' | 'search' }[]",
+      "—",
+      "Shown in a dropdown panel while focused; the matching text is bolded."
+    ],
+    [
+      "onSelectSuggestion",
+      "(item) => void",
+      "—",
+      "Called after a suggestion is picked (the query is set to its label)."
+    ],
+    [
+      "filterSuggestions",
+      "boolean",
+      "true",
+      "Filter suggestions by the query. Turn off to filter them yourself."
+    ],
+    [
+      "maxSuggestions",
+      "number",
+      "6",
+      "Most rows shown in the panel."
+    ],
+    [
+      "trailing",
+      "ReactNode",
+      "—",
+      "Rendered inside the field on the right, e.g. a filter or mic button."
+    ],
+    [
+      "accent",
+      "string",
+      "theme accent",
+      "Focus ring, caret and Cancel colour."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Style for the root view around the field, cancel button and suggestions."
+    ],
+    [
+      "…TextInputProps",
+      "",
+      "",
+      "placeholder, onSubmitEditing, autoFocus, …"
+    ]
+  ],
+  "examples": [
+    {
+      "name": "WithSuggestions",
+      "title": "With Suggestions",
+      "code": "import React, { useEffect, useState } from 'react';\nimport { Pressable, StyleSheet, Text, View, type ViewProps } from 'react-native';\nimport { SearchBar, type SearchSuggestion } from '@/components/ui/search-bar';\nimport { alpha, useKit } from '@/lib/kit';\n\nconst SUGGESTIONS: SearchSuggestion[] = [\n  { key: 'r1', label: 'Noise cancelling headphones', icon: 'recent' },\n  { key: 'r2', label: 'Running shoes', icon: 'recent' },\n  { key: 't1', label: 'Mechanical keyboard', icon: 'trending', hint: 'Trending' },\n  { key: 't2', label: 'Standing desk', icon: 'trending', hint: '2.1k searches' },\n  { key: 's1', label: 'Wireless charger', hint: 'Electronics' },\n  { key: 's2', label: 'Coffee grinder', hint: 'Kitchen' },\n];\n\nexport default function WithSuggestions() {\n  const { colors } = useKit();\n  const [query, setQuery] = useState('');\n  const [picked, setPicked] = useState<string | null>(null);\n  return (\n    // Reserve room for the open list, so the bar stays put when suggestions drop down below it.\n    <View style={{ gap: 10, minHeight: 400 }}>\n      <SearchBar\n        value={query}\n        onChangeText={setQuery}\n        placeholder=\"Search products\"\n        suggestions={SUGGESTIONS}\n        maxSuggestions={5}\n        onSelectSuggestion={(item) => setPicked(item.label)}\n      />\n      <Text style={{ fontSize: 13, color: colors.mutedForeground }}>{picked ? `Showing results for “${picked}”` : 'Tap the field to see recent and trending searches'}</Text>\n    </View>\n  );\n}\n"
+    },
+    {
+      "name": "LiveResults",
+      "title": "Live Results",
+      "code": "import React, { useEffect, useState } from 'react';\nimport { Pressable, StyleSheet, Text, View, type ViewProps } from 'react-native';\nimport { SearchBar, type SearchSuggestion } from '@/components/ui/search-bar';\nimport { alpha, useKit } from '@/lib/kit';\n\n/** Demo card that follows the kit theme, so the docs radius / accent picker reshapes it too. */\nfunction Card({ style, ...rest }: ViewProps) {\n  const { colors, radius } = useKit();\n  return (\n    <View\n      style={[\n        { padding: 16, gap: 12, borderRadius: radius.xl, borderWidth: StyleSheet.hairlineWidth, borderColor: colors.border, backgroundColor: colors.card },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n}\n\nconst CONTACTS = [\n  { name: 'Aarav Mehta', role: 'Design lead' },\n  { name: 'Priya Nair', role: 'Product manager' },\n  { name: 'Rohan Kapoor', role: 'iOS engineer' },\n  { name: 'Sara Ali', role: 'Marketing' },\n  { name: 'Vikram Rao', role: 'Backend engineer' },\n];\n\nexport default function LiveResults() {\n  const { colors } = useKit();\n  const [query, setQuery] = useState('');\n  const [loading, setLoading] = useState(false);\n  useEffect(() => {\n    if (!query) return setLoading(false);\n    setLoading(true);\n    const id = setTimeout(() => setLoading(false), 600);\n    return () => clearTimeout(id);\n  }, [query]);\n  const q = query.trim().toLowerCase();\n  const results = CONTACTS.filter((c) => c.name.toLowerCase().includes(q) || c.role.toLowerCase().includes(q));\n  return (\n    <Card>\n      <SearchBar variant=\"filled\" value={query} onChangeText={setQuery} loading={loading} placeholder=\"Search people\" />\n      {loading ? (\n        <Text style={{ fontSize: 13, color: colors.mutedForeground }}>Searching your team…</Text>\n      ) : results.length ? (\n        results.slice(0, 4).map((c) => (\n          <View key={c.name} style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>\n            <View style={{ width: 34, height: 34, borderRadius: 17, backgroundColor: alpha(colors.accent, 0.16), alignItems: 'center', justifyContent: 'center' }}>\n              <Text style={{ fontSize: 13, fontWeight: '400', color: colors.accent }}>{c.name.split(' ').map((p) => p[0]).join('')}</Text>\n            </View>\n            <View>\n              <Text style={{ fontSize: 15, fontWeight: '400', color: colors.foreground }}>{c.name}</Text>\n              <Text style={{ fontSize: 12.5, color: colors.mutedForeground }}>{c.role}</Text>\n            </View>\n          </View>\n        ))\n      ) : (\n        <Text style={{ fontSize: 13, color: colors.mutedForeground }}>No one matches “{query}”</Text>\n      )}\n    </Card>\n  );\n}\n"
+    },
+    {
+      "name": "Minimal",
+      "title": "Minimal",
+      "code": "import { Pressable, StyleSheet, Text, View, type ViewProps } from 'react-native';\nimport { SearchBar, type SearchSuggestion } from '@/components/ui/search-bar';\nimport { alpha, useKit } from '@/lib/kit';\n\n/** Demo card that follows the kit theme, so the docs radius / accent picker reshapes it too. */\nfunction Card({ style, ...rest }: ViewProps) {\n  const { colors, radius } = useKit();\n  return (\n    <View\n      style={[\n        { padding: 16, gap: 12, borderRadius: radius.xl, borderWidth: StyleSheet.hairlineWidth, borderColor: colors.border, backgroundColor: colors.card },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n}\n\nexport default function Minimal() {\n  const { colors } = useKit();\n  return (\n    <Card style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>\n      <Text style={{ fontSize: 22, fontWeight: '400', letterSpacing: -0.4, color: colors.foreground }}>Inbox</Text>\n      <SearchBar variant=\"minimal\" align=\"right\" placeholder=\"Search mail\" style={{ flex: 1 }} />\n    </Card>\n  );\n}\n"
+    },
+    {
+      "name": "WithFilter",
+      "title": "With Filter",
+      "code": "import React, { useEffect, useState } from 'react';\nimport { Pressable, StyleSheet, Text, View, type ViewProps } from 'react-native';\nimport { SearchBar, type SearchSuggestion } from '@/components/ui/search-bar';\nimport { alpha, useKit } from '@/lib/kit';\n\nfunction FilterButton({ count, onPress }: { count: number; onPress: () => void }) {\n  const { colors, radius } = useKit();\n  return (\n    <Pressable\n      onPress={onPress}\n      hitSlop={8}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Filters, ${count} active`}\n      style={{ height: 32, paddingHorizontal: 10, borderRadius: radius.capsule(32), backgroundColor: count ? colors.accent : colors.muted, flexDirection: 'row', alignItems: 'center', gap: 6 }}\n    >\n      <View style={{ gap: 3, alignItems: 'center' }}>\n        {[14, 10, 6].map((w) => (\n          <View key={w} style={{ width: w, height: 2, borderRadius: 1, backgroundColor: count ? colors.accentForeground : colors.mutedForeground }} />\n        ))}\n      </View>\n      {count ? <Text style={{ fontSize: 12.5, fontWeight: '400', color: colors.accentForeground }}>{count}</Text> : null}\n    </Pressable>\n  );\n}\n\nexport default function WithFilter() {\n  const { colors } = useKit();\n  const [count, setCount] = useState(2);\n  return (\n    <View style={{ gap: 10 }}>\n      <SearchBar\n        placeholder=\"Stays in Goa\"\n        showCancel={false}\n        trailing={<FilterButton count={count} onPress={() => setCount((c) => (c + 1) % 4)} />}\n      />\n      <Text style={{ fontSize: 13, color: colors.mutedForeground }}>{count ? `${count} filters · Pool, Under ₹8,000` : 'No filters applied'}</Text>\n    </View>\n  );\n}\n"
+    },
+    {
+      "name": "Sizes",
+      "title": "Sizes",
+      "code": "import { Pressable, StyleSheet, Text, View, type ViewProps } from 'react-native';\nimport { SearchBar, type SearchSuggestion } from '@/components/ui/search-bar';\nimport { alpha, useKit } from '@/lib/kit';\n\nexport default function Sizes() {\n  const { colors } = useKit();\n  return (\n    <View style={{ gap: 14 }}>\n      {(['sm', 'md', 'lg'] as const).map((size, i) => (\n        <View key={size} style={{ gap: 6 }}>\n          <Text style={{ fontSize: 12, fontWeight: '400', color: colors.mutedForeground }}>{['Small', 'Medium', 'Large'][i]}</Text>\n          <SearchBar size={size} variant={i === 1 ? 'default' : 'filled'} defaultValue=\"Coffee near me\" showCancel={false} />\n        </View>\n      ))}\n    </View>\n  );\n}\n"
+    }
+  ]
+}

package/registry/_docs/search-results.json

@@ -0,0 +1,120 @@
+{
+  "name": "search-results",
+  "category": "Blocks",
+  "aliases": [],
+  "exportName": "SearchResults",
+  "files": [
+    "src/components/blocks/search-results.tsx"
+  ],
+  "props": [
+    [
+      "results",
+      "{ id, title, subtitle?, rating, reviews?, price, distance?, freeDelivery?, open?, color?, icon? }[]",
+      "6 coffee results (₹)",
+      "Results for the current query. Filtered and sorted locally."
+    ],
+    [
+      "defaultQuery",
+      "string",
+      "'coffee'",
+      "Initial query in the field and the result count. Empty shows Recent and Trending."
+    ],
+    [
+      "totalCount",
+      "number",
+      "128",
+      "Backend total shown while no filter is active."
+    ],
+    [
+      "loading",
+      "boolean",
+      "false",
+      "Skeleton rows and a spinning search icon."
+    ],
+    [
+      "filters",
+      "('price' | 'rating' | 'free-delivery' | 'open')[]",
+      "—",
+      "Controlled quick filters."
+    ],
+    [
+      "defaultFilters",
+      "SearchFilter[]",
+      "[]",
+      "Initial filters when uncontrolled."
+    ],
+    [
+      "onFiltersChange",
+      "(filters) => void",
+      "—",
+      "Chips or the sheet changed the filters."
+    ],
+    [
+      "recentSearches / trendingSearches",
+      "string[]",
+      "3 / 4 samples",
+      "Shown while the field is empty (recent as rows with Clear, trending as chips). Submitted searches join Recent."
+    ],
+    [
+      "onSearch",
+      "(query: string) => void",
+      "—",
+      "Submitted from the keyboard, a recent / trending search or a no-results chip."
+    ],
+    [
+      "onSelect",
+      "(result) => void",
+      "—",
+      "A result row was tapped."
+    ],
+    [
+      "onClearRecent",
+      "() => void",
+      "—",
+      "Clear next to Recent was tapped."
+    ],
+    [
+      "autoFocus",
+      "boolean",
+      "false",
+      "Focus the field on mount."
+    ],
+    [
+      "currency",
+      "string",
+      "'₹'",
+      "Symbol placed before prices by the default formatter (Indian digit grouping, decimals only when non-zero)."
+    ],
+    [
+      "formatPrice",
+      "(amount) => string",
+      "'₹1,23,456'",
+      "Money formatter for rows, chips and the slider. Overrides currency — use for Intl, other grouping or suffix symbols like '12,50 €'."
+    ],
+    [
+      "maxPrice",
+      "number",
+      "2000",
+      "Top of the price-range slider; the top value reads as \"and up\"."
+    ],
+    [
+      "tintedThumbnails",
+      "boolean",
+      "false",
+      "Tint thumbnails with each result's color instead of the neutral default."
+    ],
+    [
+      "accent",
+      "string",
+      "theme accent",
+      "Active chip, slider and button colour (black in light, white in dark by default)."
+    ],
+    [
+      "style",
+      "StyleProp<ViewStyle>",
+      "—",
+      "Root style."
+    ]
+  ],
+  "examples": []
+}