claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
22 lines • 1.05 kB
TypeScript
/**
* EnergyTrackingProgress.svelte
*
* A sophisticated, segmented progress bar for tracking energy expenditure across various activities.
* It integrates concepts of mood, activity priority, and status to provide a rich, at-a-glance overview of energy allocation.
*
* @props
* - activities: Activity[] - An array of activity objects to be displayed as segments.
* - totalEnergy: number (optional, default 100) - The maximum energy capacity.
* - mood: 'energized' | 'focused' | 'neutral' | 'tired' | 'drained' (optional, default 'neutral') - The current mood, which adjusts the component's color theme.
*
* @example
* <EnergyTrackingProgress {activities} mood="focused" />
*/
declare const EnergyTrackingProgressAdvanced: import("svelte").Component<{
activities?: any[];
totalEnergy?: number;
mood?: string;
}, {}, "">;
type EnergyTrackingProgressAdvanced = ReturnType<typeof EnergyTrackingProgressAdvanced>;
export default EnergyTrackingProgressAdvanced;
//# sourceMappingURL=EnergyTrackingProgressAdvanced.svelte.d.ts.map