tech_skill_planet_components library
TechSkillPlanet Planet Components — public API barrel.
Classes
- PlanetIconSpec
- Planet icon catalog. Generated from design/icons/planet-icons.json.
- StarPlanetStyleProfile
-
Island control style profile — aligns with React Web
starPlanetStyleProfiles. - StarPlanetTheme
-
Sky Planet theme — values aligned with React Web
theme.js/ shared tokens. - TspAlert
- TspAmount
- TspAvatar
- Circular avatar — initials or network/asset image.
- TspBadge
- TspBalanceHero
- Available points hero.
- TspBottomTab
- TspButton
- TspCalendarCell
- TspCalendarHeatmap
- Month attendance heatmap.
- TspCard
- TspCascader
- Multi-level cascader picker.
- TspCascaderOption
- Cascader option with optional nested children.
- TspCheckbox
- Checkbox with brand checkmark box + label.
- TspCheckInStreakCard
- Continuous check-in summary.
- TspChildSwitcher
- Single-select child chips/tabs.
- TspChildSwitcherItem
- TspChip
- TspCollapse
- Expandable collapse / accordion panel.
- TspDatePicker
- Themed YYYY-MM-DD date field. Opens platform date picker on tap.
- TspDivider
- Horizontal hairline divider.
- TspDrawer
- Side / bottom drawer overlay. Returns empty when not visible.
- TspEmpty
- TspFab
-
Floating action button. Contract
defaultmaps to raised surface (not Dart reserved). - TspIcon
- Named Planet icon using catalog glyphs (path data available via planetIcons).
- TspIconButton
- TspInput
- TspInputNumber
- Numeric stepper with − / + controls.
- TspKeyValueLabel
- TspListItem
- TspLoadingDialog
- TspModal
- TspModalButton
- TspNotification
- TspOptionSheet
- TspPinInput
- TspPrintSheet
- A4-style dictation / fill-in print layout.
- TspProgress
- TspRadio
- Single radio option (group exclusivity is app-owned).
- TspRedeemCardGrid
- Redeem item cards.
- TspRedeemItem
- TspRefreshLayout
- TspScoreRule
- TspScoreRuleGrid
- Score rule cards with optional +1.
- TspSearchBar
- Pill search field.
- TspSegmentedControl
-
Segmented control. Options may be String or map-like
{label, value}. - TspSelect
- TspSkeleton
- Placeholder skeleton rows with optional avatar + shimmer / pulse.
- TspSlider
- Continuous value slider driven by Sky Planet tokens.
- TspStarRating
- Interactive star rating.
- TspStepper
- TspSwiper
- Simple PageView carousel with dots.
- TspSwitch
- TspTabItem
- TspTable
- Lightweight data table with columns / rows.
- TspTabs
- TspTag
- Closable / selectable tag (Chip remains for filter chips).
- TspTextArea
- Multi-line text field.
- TspTextLink
- TspTimePicker
- Themed HH:mm time field. Opens platform time picker on tap.
- TspToast
- TspTooltip
- Simple overlay tooltip — tap to toggle when visible is null.
- TspTopBar
- TspTree
- TspTreeNode
- Nested tree selector.
- TspUpload
- TspUploadFile
-
Lightweight file list + add trigger (no real upload backend; add via
onAddmock).
Enums
- TspAlertVariant
- TspButtonVariant
-
Contract name is
default; Dart usesstandardbecausedefaultis reserved.
Constants
-
planetIcons
→ const Map<
String, PlanetIconSpec>
Properties
-
planetIconNames
→ List<
String> -
no setter
Functions
-
resolveTheme(
[String colorKey = 'sky', String styleProfile = 'island_raised']) → StarPlanetTheme -
Top-level helper mirroring React Web
resolveTheme(colorKey, styleProfile).
Typedefs
- TspCalendarDaySelected = void Function(String date, String level)